شناسهٔ خبر: 40331232 - سرویس علمی-فناوری
نسخه قابل چاپ منبع: طرفداری | لینک خبر

آموزش طراحی کامل یک وبسایت به زبان ساده(بخش بیستم)!

masoud red

صاحب‌خبر -

ما از این قسمت به بعد فرم ثبت نام در سایت رو طراحی میکنیم.

ما دو صفحه داریم یکی صفحه اصلی سایت و یکی هم صفحه ثبت نام در سایت که من اسم اون رو register.php گذاشتم.

تو صفحه register یک فرم داریم که چهار input(نام کاربری؛ایمیل؛رمز عبور؛تکرار رمز عبور) و یک دکمه داریم.

حتما صفحتون رو با پسوند php. ذخیره کنین؛نگران نباشین wamp server کدهای html رو هم تفسیر و اجرا میکنه.

ما قبلا صفحه register رو طراحی کردیم(عکس پست⁦️⁩) این هم کدهاش:

 

گفتیم که دیگه برای تقسیم بندی صفحه و طراحی هدر سایت و... از جدول استفاده نمیشه و به جای اون از div استفاده میشه.

تو کد بالا ما یک div(کادر قرمز رنگ وسط عکس پست) تعریف کردیم و فرم خودمون رو تو اون قرار دادیم؛عرض و ارتفاع اون رو مشخص کردیم؛همینطور حاشیه از اطراف(margin) و همینطور حاشیه از خود div رو با خاصیت padding تعیین کردیم و رنگ اون رو هم قرمز انتخاب کردیم؛یک div هم که هدر سایت ما هست.

 

نکته:این کد

}a

;text-decoration:none

{

باعث میشه خط زیر لینک ها برداشته بشه؛گفتیم که تمام تگ های a رو انتخاب کن و خط زیر لینک های اون رو بردار.

نکته ۲‌: تو css علامت . برای تعریف کلاس هست که سه کلاس به نام های iran و sina  و manutd داریم و اون رو به تگ های مورد نظر ربط دادیم.

پ.ن:تو قسمت بعدی با پایگاه داده و نحوه ورود اطلاعات فرم بالا تو جدول پایگاه داده آشنا میشیم؛اگه سوالی دارین بپرسین.

نظر شما