بازدید: ١٩٨

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

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

 

1- در برنامه نت پد از منوی File، گزینه New را انتخاب کنید.

 

ایجاد شیوه نامه

 

2- هنگامی که فایل خالی ظاهر می شود، آن را در پوشه Dogs و تحت نام format.css ذخیره کنید.

 

شیوه نامه

 

حتما آن را بصورت All Files ذخیره کنید.

3- در صفحه خالی نت پد، خطوط زیر را تایپ کنید:

 

خطوط اول شیوه نامه

 

این بدان معناست هرزمان تگ تگ آغاز h1 و یا tag h1 برروی صفحه ای از این سایت بالا بیاید، متنی که در بین این تگ ها قرار دارد، با فونت مخصوص families و بصورت bold نمایش داده خواهد شد. 

اولین فونت از این خانواده Verdana می باشد که در ویندوز نیز وجود دارد. 

فونت دوم از این خانواده Helvetica است که در کامپیوترهای مکینتاش وجود دارد. 

سومین فونت، sans serif می باشد که با وجود آن اطمینان حاصل می شود اگر کامپیوتری دارای فونتهای Arial و Helvetica نبود، آنگاه فونتی را انتخاب می کند که شبیه به آنها به نظر می رسد.

4- فایل Format.css را ذخیره کنید.

 

ادغام یک شیوه نامه (Style Sheet) در فایل اصلی

 

1- در برنامه نت پد فایل index.html را باز کنید.

2- در زیر تگ tag head، یک تگ tag link اضافه کنید تا صفحه شما را به فایل format.css پیوند بزند:

پیوند فایل شیوه نامه

شیوه نامه

 

3- فایل index.html را ذخیره کنید.

 

استفاده از قالببندی

 

1- عبارت Dogs Home Page را در بین تگ های تگ آغاز h1 قرار دهید:

 

قالب بندی تگ ها

 

اجرای شیوه نامه

 

توجه داشته باشید 6 نوع اندازه عنوان وجود دارد که می توانید از آنها برروی صفحات وب خود استفاده کنید: تگ آغاز h1 بزرگترین و تگ اچ 6 کوچکترین آنها می باشد. با استفاده از همین نوع تگ هاست که کار اندیس گذاری صفحات وب در موتورهای جستجو(Search Engine) آسانتر می شود.

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

  فایل index

 

  

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

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