آموزش طراحی قالب وب سایت – جلسه دوم
Css جزو ابزار های اساسی طراحی قالب سایت است که تا حد زیادی حجم کد نویسی را کاهش میدهد
اضافه کردن سند css به قالب سایت :
Css را میتوان مستقیم در خود سند html نوشت اما به دلایل زیر
– خوانا نبودن کد ها
– شلوغ شدن سند html
– بالا رفتن لود سایت و تکرار کدها
در یک فایل جدا گانه به نام style.css کد های css را نوشته و به سند html لینک میکنیم
نکته : بزرگترین مزیت این روش این است که بعد از اولین نمایش سایت کد styl.css در مرورگر کاربر cache میشود
و در نمایش های بعدی ، سایت با سرعت بالاتری نمایش داده میشود
کد زیر را بین دو المنت <head> </head> قرار میدهیم
<link rel="stylesheet" href="assets/css/style.css">
در کد فوق href مسیر فایل را مشخص میکند و css را به قالب html متصل میکند
نکته : برای اینکه چک کنید فایل style.css درست لینک شده به قالب بعد از باز کردن فایل index.html روی آن راست کلیک و گزینه view source را بزنید رو روی فابل style.css کلیک کنید باید محتوای آن را نشان دهد در غیر این صورت مسیر را اشتباه دادید .
دانلود پروژه خام طراحی قالب :
من همیشه برای طراحی سایت از فایل زیر استفاده میکنم که تقریبا آماده است و تنها کاری که باید کنید فلدر new project را در ویرایشگر sublime text باز کنید
چند نکته :
1- برای فراخوانی یک فایل css داخل فایل css دیگر از دستور زیر استفاده میکنیم
@import url(reset.css);
2- برای اینکه ظاهر سایت در تمامی مرورگرا به درستی نمایش داده شود از resete.css اسفاده میکنیم
برای آشنایی بیشتر این لینک را مطالعه کنید
نویسنده : میثم همتی
منبع : www.hemmaty.com