الصفحة الرئيسية>دروس تصميم الويب>تعليمي HTML

موقع ويب الإدارة الخلفية إدارة واجهة تصميم واجهة ومواقع أمثلة

الكاتب：Eve Cole وقت التحديث：2025-08-17 22:00:03

يتمثل تصميم واجهة إدارة موقع الويب الخلفي في إنشاء قاعدة البيانات وفقط إذا تم ذلك. إذا لم يتم إنشاء قاعدة البيانات ، فسيتم ضبط جزء الاتصال على الفراغ أولاً ، ولا يمكن إكمال الوظيفة من حيث نقل الصفحة. اليوم ، تم الانتهاء من العمل في وقت مبكر للغاية ، لذلك كتبت رمزًا بنفسي ، وقد استخدمت أيضًا مثالًا على صورة خلفية الصفحة عندما كنت أدرس. إذا كنت بحاجة إلى تعيين المكان مع الشخصية ، فيمكنك استخدام شعار موقع الويب الخاص بك لتعيين أسلوبك الخاص.

  1. <! doctypehtmlpublic-// w3c // dtdxhtml1.0transitional // endttp: //www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
  2. <htmlxmlns = http: //www.w3.org/1999/xhtml>
  3. <head>
  4. <metahttp-equiv = content-typecontent = text/html ؛ charset = gb2312/>
  5. <title> واجهة تسجيل الدخول الخلفية </title>
  6. <Tyletype = text/css>
  7. <!-
  8. .عمل{
  9. حجم الخط: 32 بكسل ؛
  10. اللون:#ff6600 ؛
  11. حشو أعلى: 180 بكسل ؛
  12. }
  13. جسم{
  14. لون الخلفية:#336699 ؛
  15. }
  16. جسم{
  17. خلفية اللون: #ccccff ؛
  18. صورة الخلفية: url (الصور/2.JPG) ؛
  19. }
  20. .style1 {
  21. حجم الخط: 18 بكسل ؛
  22. خط الرصيف: جريئة ؛
  23. }
  24. .استمارة{
  25. حشو أعلى: 280 بكسل ؛
  26. حشو اليمين: 50 بكسل ؛
  27. حشو اليسار: 600 بكسل ؛
  28. }
  29. .style2 {color: #ffccff}
  30. ->
  31. </style>
  34. </head>
  35. <body>
  36. <formmethod = postAction = class = form>
  37. <tablewidth = 280border = 0align = center>
  38. <tr>
  39. <tdwidth = 87align = centervalign = middlebackground = images/1.jpg> <divalign = rightClass = style1>
  40. <fivalign = right> اسم المستخدم: </div>
  41. </viv> </td>
  42. <tdwidth = 183background = Images/1.jpgbgColor =#ccffff> <spanclass = style2>
  43. <blabel>
  44. <inputName = nametype = textId = namemaxLength = 10/>
  45. </label>
  46. </span> </td>
  47. </r>
  48. <tr>
  49. <tdheight = 37Align = centervalign = middlebackground = images/1.jpg> <ffanclign> <spanclass = style1> كلمة المرور </span>: </div> </td>
  50. <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
  51. <blabel>
  52. <inputName = pwDType = passwordid = pwdMaxLength = 20/>
  53. </label>
  54. </span> </td>
  55. </r>
  56. <tr>
  57. <tdalign = centervalign = middlebackground = images/1.jpg> <billy>
  58. <divalign = center>
  59. أقل
  60. </div>
  61. </billy> </td>
  62. <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
  63. <blabel>
  64. </span>
  65. <divalign = centerClass = style2>
  66. <inputName = resetType = ResetId = refetvalue = reset/>
  67. </div>
  68. <spanclass = style2>
  69. </label>
  70. </span> </td>
  71. </r>
  72. </table>
  73. </form>
  74. </body>
  75. </html>

إذا كنت بارعًا في CSS+DIV في النموذج ، فلا تستخدم علامات الجدول. إذا قمت بذلك ، فقد يكون الرمز كبيرًا وسيؤثر على السرعة.

الصورة أدناه هي النتيجة بعد تشغيل الرمز أعلاه.

مقالات ذات صلة