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

تو این جلسه میخوایم فرم ثبت نام در سایت رو طراحی کنیم که در نهایت شبیه عکس پست میشه⁦☝️⁩:

اول یک صفحه html بسازید و اون رو با نام register.html ذخیره کنید.

حالا فرم خودمون رو طراحی میکنیم:

<div class=manutd>

<form action=register.php method=post>

<label/>نام کاربری:<label>

<input type=text name=username>

<br>

<label/>ایمیل:<label>

<input type=text name=email>

<br>

<label/>رمز عبور:<label>

<input type=password name=password>

<br>

<label/>تکرار رمز عبور:<label>

<input type=password name=repass>

<br>

<عضویت=input type=submit value>

<form/>

<div/>

تگ br ما رو به خط بعد میبره و باعث میشه که input ها تو یه ردیف نباشن.

 

برای طراحی صفحه و زیبایی فرم از css استفاده میکنیم یه کلاس به نام manutd مینویسیم.

}manutd.

;background:red ;margin-top:200px ;padding:4px ;margin-left:260 px

;width:500px

;height:300px

{

width عرض و height ارتفاع div ما(کادر قرمز رنگ )هستند.

برای درک بهتر margin و pading هم این عکس رو ببینید:

بعدش ما کلاس manutd رو به div بالا ارتباط دادیم.

نکته: برای اینکه خط زیر لینک های ما برداشته بشه از این کد استفاده کنید:

}a

;text-decoration:none

{

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

از جلسه بعد آموزش php رو شروع میکنیم.

 

اگر سوالی هست بپرسین.