يتمثل تصميم واجهة إدارة موقع الويب الخلفي في إنشاء قاعدة البيانات وفقط إذا تم ذلك. إذا لم يتم إنشاء قاعدة البيانات ، فسيتم ضبط جزء الاتصال على الفراغ أولاً ، ولا يمكن إكمال الوظيفة من حيث نقل الصفحة. اليوم ، تم الانتهاء من العمل في وقت مبكر للغاية ، لذلك كتبت رمزًا بنفسي ، وقد استخدمت أيضًا مثالًا على صورة خلفية الصفحة عندما كنت أدرس. إذا كنت بحاجة إلى تعيين المكان مع الشخصية ، فيمكنك استخدام شعار موقع الويب الخاص بك لتعيين أسلوبك الخاص.
- <! doctypehtmlpublic-// w3c // dtdxhtml1.0transitional // endttp: //www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
- <htmlxmlns = http: //www.w3.org/1999/xhtml>
- <head>
- <metahttp-equiv = content-typecontent = text/html ؛ charset = gb2312/>
- <title> واجهة تسجيل الدخول الخلفية </title>
- <Tyletype = text/css>
- <!-
- .عمل{
- حجم الخط: 32 بكسل ؛
- اللون:#ff6600 ؛
- حشو أعلى: 180 بكسل ؛
- }
- جسم{
- لون الخلفية:#336699 ؛
- }
- جسم{
- خلفية اللون: #ccccff ؛
- صورة الخلفية: url (الصور/2.JPG) ؛
- }
- .style1 {
- حجم الخط: 18 بكسل ؛
- خط الرصيف: جريئة ؛
- }
- .استمارة{
- حشو أعلى: 280 بكسل ؛
- حشو اليمين: 50 بكسل ؛
- حشو اليسار: 600 بكسل ؛
- }
- .style2 {color: #ffccff}
- ->
- </style>
- </head>
- <body>
- <formmethod = postAction = class = form>
- <tablewidth = 280border = 0align = center>
- <tr>
- <tdwidth = 87align = centervalign = middlebackground = images/1.jpg> <divalign = rightClass = style1>
- <fivalign = right> اسم المستخدم: </div>
- </viv> </td>
- <tdwidth = 183background = Images/1.jpgbgColor =#ccffff> <spanclass = style2>
- <blabel>
- <inputName = nametype = textId = namemaxLength = 10/>
- </label>
- </span> </td>
- </r>
- <tr>
- <tdheight = 37Align = centervalign = middlebackground = images/1.jpg> <ffanclign> <spanclass = style1> كلمة المرور </span>: </div> </td>
- <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
- <blabel>
- <inputName = pwDType = passwordid = pwdMaxLength = 20/>
- </label>
- </span> </td>
- </r>
- <tr>
- <tdalign = centervalign = middlebackground = images/1.jpg> <billy>
- <divalign = center>
- أقل
- </div>
- </billy> </td>
- <tdbackground = images/1.jpgbgcolor =#ccffff> <spanclass = style2>
- <blabel>
- </span>
- <divalign = centerClass = style2>
- <inputName = resetType = ResetId = refetvalue = reset/>
- </div>
- <spanclass = style2>
- </label>
- </span> </td>
- </r>
- </table>
- </form>
- </body>
- </html>
إذا كنت بارعًا في CSS+DIV في النموذج ، فلا تستخدم علامات الجدول. إذا قمت بذلك ، فقد يكون الرمز كبيرًا وسيؤثر على السرعة.
الصورة أدناه هي النتيجة بعد تشغيل الرمز أعلاه.