می توانیم استایل صفحه خود را تحت یک فایل جداگانه با فرمت css ذخیره کنیم . این استایل شما اندازه - سایز - رنگ - فونت جدواول - متنون - هایبرلینک ها و ... باشد
در حقیقت ما می توانیم صفت های کلیه تگ های html را در یک فایل نوشته و در نوشتن فایل html ما را از تعیین صفت های تگ بی نیاز کند
استایل صفحه به 2 شکل می توان تعریف کرد .
1 ) در هدر صفحه که بین 2 تگ
نوشته می شود
2) در یک فایل جداگانه با پسوند css مثلا بنام style.css که به شکل زیر در فایل html آن را صدا می زنیم
|
: کد |
بیاییم یک مثال برنیم تا کارایی css را متوجه بشیم
:در یک فایل html یک متن ساده به شکل زیر بنویسید
|
: کد |
این برای تست است |
با یک مرورگر این فایل را باز کنید و متن را مشاهده کنید می بینید که متن با فونت و اندازه پیش فرض نمایش داده می شود
:حالا با این کد مقایسه کنید
|
: کد |
این برای تست ارسال شده است |
می بنید که متن با فونت تاهوما و سایز 10 نمایش داده می شود . شما در هرچای صفحه html بخواهید تابپ کنید اگر صفتی برایش تعیین نکنید یا همین سایز و فونت نمایش م یدهد . حالا کافیست ما سایز را در استایل تغییر دهیم . می بینیم که سایز متون در تمام صفحه ما تغییر می کند
درحال حاضر اکثر مررورگرها CSS ها را می شناسند و براحتی اجرایشان می کنند . بنابراین ما استفاده از CSS را بشما توصیه می کنیم
چرا از CSS استفاده کنیم ؟
1- خلاصه نویسی در کد
شما فرض کنید که یک جدول دارید که دارای 20 ستون است و ما میخواهیم در تمام این ستون ها با یک فونت و رنگ بنویسیم . باید تک تک صفت و فونت هر ردیف را مشخص کنیم که با یک خط تعریف استایل دیگر نیازی به اینکار نیست
2- راحتی کار در تغییر ظاهر سایت : اگر از ظاهر سایت خود خسته شدید می تونید تنها با ویرایش استایل کلیه فو.نتها و رنگ ها را تغییر دهید بدون اینکه دستکاری روی کدهای برنامه اتان داشته باشید . همچنین شما می تونید 2 استایل برای سایت خود دارید و انتخاب رنگ سایت را بعهده کاربر می گذاارید . کاربر که روی هر رنگی کلیک کرد می توان تعریف کرد که سایت با همون استایل اجرا بشه و نیازی به نوشتن 2 صفحه جدا از هم نیست
همانطور که می دانید سایت phpbb هم تم پلت های زیادی براش ساخته میشه . اگر طراح میامد صفتها را در همون فایلهای تم قرار می داد چقدر کار مشکل میشد . درصورتی که می توان ما استایل تم را ویرایش کرده و به یک ترکیب رنگی دلخواه برای خود ایجاد نماییم
پیش بسوی استاندارد سازی
بعضی از کارهایی که ما روی صفحات انجام می دهیم درست نیست . مثلا شما حق ندارید روی تگ های table و td و tr رنگ پیش زمینه تعریف کنید . کاری که اکثر طراحان انجام می دهند . بعضی از تگ ها چنین صفتهایی ندارند و ما آنها را بکار می بریم . تمامی اینها باید بشکل استایل تعریف گردد
آیا برنامه ای برای ایجاد فایل CSS وجود دارد ؟
بله . اگر شما برنامه Dreamweaver را داشته باشید دیگر شاید نیازی به یاد گیری کد نویسی یک فایل CSS پیدا نکنید . شما براحتی می توانید یک صفحه html را با این برنامه باز کنید . روی صفحه راست کلیک کرده و روی CSS styles گزینه new ( در صورت نداشتن استایل ) و یا گزینه edit ( در صورت ویرایش استایل فعلی صفحه ) کلیک کنید . پنجره ای باز میشود که شما می توانید کلیه صفتها ی table - body - هایبرلینک ها و ... را تعیین کنید . خودش کد مربوطه را در صفحه html خواهد گذاشت . در همین زمینه شرکت ادوبی نرم افزاری برای ساخت سریع فایل های CSS ارائه کرده که در مجموع کارایی بیشتری نسبت دریم ویور دارد
منبع : www.yarantoos.com
: از همین وبلاگ
اطلاعات بیشتر در زمینه سی اس اس
CSS نرم افزاری برای ساخت
Adobe® GoLive CS2
مرسی. خوب بود.
اما چرا اولش خرابه یعنی کدها معلوم نیست.
در ضمن از اینکه منبع مطلب رو ذکر کردی و مثل بقیه کپی نکردی بهت تبریک میگم.