بازدید: ۵١٧

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

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

 

1- در برنامه نت پد، عنوان فایل index.html را به Chesapeake Bay Retrievers تغییر نام دهید. فایل index.html را ذخیره نکنید.

2- تمامی متن و تگ های بین تگ های body را پاک کنید. باید شبیه به شکل زیر به نظر برسند:

 

صفحه جدید

 

3- صفحه را تحت نام Chesapeake.html و در پوشه Dogs ذخیره کنید(Save as).

 

ذخیره در پوشه

 

بهتر است بدانید که HTTP (زبانی که وب سرورها برای ارتباط از آن استفاده می کنند) اسامی فایلهایی را که در آنها از (جای خالی)space استفاده شده است، بطور واضح نشان نمی دهد. بطور مثال ممکن است فایل fido page.html، به صورت fido%20page.html در مرورگر شما نمایش داده شود.

همچنین وب سرورها نسبت به حروف کوچک و بزرگ حساس هستند. بهتر است اسامی فایلها را با حروف کوچک بنویسید تا از بروز خطا جلوگیری بعمل آورید.

4- حال در زیر تگ body  خط زیر را تایپ کنید:

Chesapeake Bay Retrievers

 

تگ body

 

5-متن خود را در بین تگ های h2 قرار دهید:

 

ody tag1

tag body text

 

6- فایل Chesapeake.html را ذخیره کنید.

7- حال در نت پد فایل format.css را باز کنید.

8- در زیر قالب بندی h1، قالب بندی زیر را تحت تگ h2 وارد کنید:

 

h1 formatting

 

9- فایل format.css را ذخیره کنید.

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

 

new page

 

عنوان صفحه  Chesapeake Bay Retrievers به اندازه یک سایز از عنوان صفحه  home page  کوچکتر است. این به خاطر آن است که صفحه CBR از نظر وراثت، به اندازه یک پله پایینتر قرار دارد.

 

صفحه CBR

 

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

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