Главная страница>Учебник по веб-дизайну>Учебник по HTML

Веб -бэкэнд управление входом в систему код проектирования интерфейса и примеры

Автор：Eve Cole Время обновления：2025-08-17 22:00:03

Проектирование интерфейса управления бэкэнд веб -сайта заключается в создании базы данных и только в том случае, если это сделано. Если база данных не была создана, часть соединения будет сначала установлена на пустоту, а функция не может быть выполнена в терминах транспозиции страницы. Сегодня работа была завершена очень рано, поэтому я сам написал код, а также использовал пример фонового изображения страницы, когда я учился. Если вам нужно установить это место с личностью, вы можете использовать логотип своего собственного веб -сайта, чтобы установить свой собственный стиль.

  1. <! Doctypehtmlpublic-// w3c // dtdxhtml1.0transitional // enshttp: //www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
  2. <htmlxmlns = http: //www.w3.org/1999/xhtml>
  3. <голова>
  4. <metahttp-equiv = content-typecontent = text/html; charset = gb2312/>
  5. <TILE> Бэкэнд -интерфейс входа в систему </title>
  6. <styletype = text/css>
  7. <!-
  8. .работа{
  9. размер шрифта: 32px;
  10. Цвет:#FF6600;
  11. надоеволок: 180px;
  12. }
  13. тело{
  14. фоновый цвет:#336699;
  15. }
  16. тело{
  17. фоновый цвет: #ccccff;
  18. Фоно-изображение: URL (Images/2.jpg);
  19. }
  20. .Style1 {
  21. размер шрифта: 18px;
  22. шрифт-вес: жирный шрифт;
  23. }
  24. .форма{
  25. надоеволок: 280px;
  26. Плава правая: 50px;
  27. Лебь накладки: 600px;
  28. }
  29. .Style2 {color: #ffccff}
  30. ->
  31. </style>
  34. </head>
  35. <тело>
  36. <formmethod = postaction = class = form>
  37. <tablewidth = 280border = 0align = center>
  38. <tr>
  39. <tdwidth = 87align = centrovalign = middlebackground = images/1.jpg> <divalign = rightclass = style1>
  40. <divalign = справа> Имя пользователя: </div>
  41. </div> </td>
  42. <tdwidth = 183background = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
  43. <Метка>
  44. <inputname = nametype = textId = nameMaxLength = 10/>
  45. </label>
  46. </span> </td>
  47. </tr>
  48. <tr>
  49. <tdheight = 37align = centrovalign = middlebackground = images/1.jpg> <divalign = справа> <spanclass = style1> пароль </span>: </div> </td>
  50. <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
  51. <Метка>
  52. <inputName = pwdtype = passwordId = pwdmaxLength = 20/>
  53. </label>
  54. </span> </td>
  55. </tr>
  56. <tr>
  57. <tdalign = centrovalign = middlebackground = images/1.jpg> <babel>
  58. <divalign = center>
  59. <inputType = OpportName = OpportValue = отправить/
  60. </div>
  61. </label> </td>
  62. <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
  63. <Метка>
  64. </span>
  65. <divalign = centerclass = style2>
  66. <inputname = ResetType = ResetId = ResetValue = RESET/>
  67. </div>
  68. <spanclass = style2>
  69. </label>
  70. </span> </td>
  71. </tr>
  72. </table>
  73. </form>
  74. </body>
  75. </html>

Если вы опытны в CSS+DIV в форме, не используйте теги таблицы. Если вы сделаете это, код может быть большим, и он повлияет на скорость.

На рисунке ниже результат после запуска вышеуказанного кода.

Связанные статьи