html-cssCss جزو ابزار های اساسی طراحی قالب سایت است که تا حد زیادی حجم کد نویسی را کاهش میدهد

اضافه کردن سند css به قالب سایت :
Css را میتوان مستقیم در خود سند html نوشت اما به دلایل زیر

خوانا نبودن کد ها
– شلوغ شدن سند html
– بالا رفتن لود سایت و تکرار کدها

در یک فایل جدا گانه به نام style.css کد های css را نوشته و به سند html لینک میکنیم

 نکته : بزرگترین مزیت این روش این است که بعد از اولین نمایش سایت کد styl.css در مرورگر کاربر cache میشود

و در نمایش های بعدی ، سایت با سرعت بالاتری نمایش داده میشود

کد زیر را بین دو المنت <head>   </head>   قرار میدهیم

 

در کد فوق href مسیر فایل را مشخص میکند و css را به قالب html  متصل میکند


نکته : برای اینکه چک کنید فایل style.css درست لینک شده به قالب بعد از باز کردن فایل index.html روی آن راست کلیک و گزینه view source را بزنید رو روی فابل style.css کلیک کنید باید محتوای آن را نشان دهد در غیر این صورت مسیر را اشتباه دادید .

 

دانلود پروژه خام طراحی قالب :
من همیشه برای طراحی سایت از فایل زیر استفاده میکنم که تقریبا آماده است و تنها کاری که باید کنید فلدر new project را در ویرایشگر sublime text باز کنید

 دانلود پروژه خام طراحی قالب

چند نکته :
1- برای فراخوانی یک فایل css داخل فایل css دیگر از دستور زیر استفاده میکنیم

2- برای اینکه ظاهر سایت در تمامی مرورگرا به درستی نمایش داده شود از resete.css اسفاده میکنیم
برای آشنایی بیشتر این لینک را مطالعه کنید

 

نویسنده : میثم همتی

منبع : www.hemmaty.com

Like
2

دسته بندی‌ها: آموزش,طراحی وب

برچسب‌ها : <<,>>

دیدگاه خود را بنوبسید