بازدید: ۴٢٨

ایجاد صفحات جدید (آموزش HTML & CSS)

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

 

1- فایل Index.html را در برنامه نت پد باز کنید. از منوی File، گزینه Save As را انتخاب کنید.

2- صفحه را تحت نام Richmond.html و در پوشه Travel ذخیره کنید.

3- عنوان صفحه جدید را Richmond, VA. قرار دهید.

 

صفحه جدید

 

4- عنوان Traveling South را با عبارت Richmond, Virginia جایگزین کنید:

 

Traveling South

 

5- این عنوان را در بین یک جفت تگ h2 قرار دهید:

 

h2 tag

 

6- تصویر صفحه خانگی را با تصویر Richmond جایگزین کنید:

 

Richmond picture

 

7- در زیر تصویر مربوطه، یک پاراگراف ایجاد کنید:

 

تصویر پاراگراف

 

8- کلمه Home را  در پاراگراف جدید و در ناحیه Links اضافه کنید.

 

کلمه home در پاراگراف

 

9- تصویر گرافیکی زیر را تحت نام Richmond, Virginia  و در پوشه graphics ذخیره کنید.

 

ریچموند ویرجینیا

Richmond, Virginia

 

10- فایل Richmond.html را ذخیره کرده و آن را در مرورگر مشاهده کنید. باید شبیه به شکل زیر به نظر برسد:

 

فایل Richmond

 

11- با استفاده از تصاویر زیر و همانند مراحل فوق، صفحاتی برای Williamsburg و Charleston ایجاد کنید.

12- با استفاده از کلمات Richmond، Williamsburg ، Charleston و Home در ناحیه Links هر صفحه، تمامی صفحات این وب سایت را به یکدیگر لینک دهید. بهتر است عبارت You Are Here را بصورت پررنگ (Bold) تبدیل کنید.

13- تمامی تصاویر گرافیکی را چپ چین کنید و مقدار vspace را برابر با 4 و hspace را 12 پیکسل قرار دهید.

14- در فایل format.css رنگ پس زمینه را سفید قرار دهید و آن را ذخیره کنید. برای این منظور در قالب بندی body، از دستور background:#ffffff استفاده کنید.

15- بعد از انجام اینکار پیش نمایش سایت خود را در مرورگر مشاهده کنید. باید شبیه به شکل زیر به نظر برسد:

 

پیش نمایش سایت ریچموند

 

بازگشت به صفحه اصلی آموزش تصویری HTML & CSS

طراحی سایت و سئو توسط ضابط