آموزش کار با استایل (CSS)

CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم.

CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم.

در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت . چون این قسمت در سایت ما به تازگی راه اندازی شده است هنوز کامل نشده و به مرور زمان سعی می کنیم آنرا کاملتر کنیم.

اگر انتقاد یا پیشنهادی برای بهتر شدن این قسمت دارید می توانید از طریق «فرم تماس با ما» ما را مطلع کنیم. ما نیز خوشحال می شویم از نظرات شما در جهت بهبود این بخش استفاده کنیم.


نظرات بازدید کنندگان
Fri, 20 Jun 2008 10:49:15 +0430 نویسنده : saman jaafari
پیامبر فرموده است   :  
هر کس چیزی به  من  بیاموزد  من را  بنده  خویش قرارداده  

من  سامان  جعفری هستم  یه  طراح  سایت آماتور.
    دوست دارم  از  امروز که  وارد  سایت  شما  شدم    تا  زمانی  که  یک  طراح وب سایت حرفه ای بشوم   من را  راهنمایی  بکنید  
من دوره  های  54 ساعت  وب سایت را رفته  ام  اما  هنوز  آماتورم  
ممنون  می  شم  اگر  من راهنمایی  کنید  
 
Tue, 10 Jun 2008 14:31:51 +0430 نویسنده : کاظم
خیلی جالب بود تشکر
 
Mon, 02 Jun 2008 09:56:27 +0430 نویسنده : يونس جمشيدي
از بابت مطالب خوبتون يك دنيا ممنونم.
 
Tue, 27 May 2008 14:39:26 +0430 نویسنده : اسد
اگه ميشه نمونه سولات طراحي مقدمات صفحات وب در سايت
بگذاري
 
Fri, 23 May 2008 19:12:09 +0430 نویسنده : سعید صاحبکاران
mamnoon
 
Sat, 10 May 2008 10:34:10 +0430 نویسنده : وحید
سلام،واقعا وب سایت خوبی دارین ولی بهتر میشد اگر آموزش PHP رو هم اضافه کنید و البته به زبان ساده تر .
   موفق باشید      ،Tankyou...
 
Sat, 03 May 2008 20:19:12 +0430 نویسنده : مهدي ميرحاجي
خيلي بود متشكرم
 
Sun, 20 Apr 2008 18:33:36 +0330 نویسنده : ebixa
خسته نباشید

اگه امکانش هست این قضیه رو مطرح کنین که چطور می شه یه قالب برای سایت انتخاب کرد و چطور این دستوراتی که شما ارائه می دین توی این قالب بکار بگیریم .
یه سایتی هم معرفی کنین که می تونه قالب رایگان ارائه بده ....
 
Sun, 06 Apr 2008 20:00:45 +0330 نویسنده : saeed
لطفا در مورد ccs بیشتر و کاملتر توضیح دهید.
 
Fri, 04 Apr 2008 11:28:53 +0330 نویسنده : neda
سایت خوبی است فقط مطالبی در مورد ایجاد یک فیلم یا فایل های فلش با فرمت wfa در سایت یا یک صفحه در سایت قرار دهید.
 
Wed, 26 Mar 2008 21:15:50 +0330 نویسنده : paradise
thanks a lot for every thing
it's very good

I'm from afghanstan
 
Mon, 24 Mar 2008 14:18:26 +0330 نویسنده : عبدالودود
خیلی تشکر
  واقعا فوق العاده است.
از دانشگاه کابل.
 
Tue, 18 Mar 2008 22:39:14 +0330 نویسنده : sina
دوستان  عزیز خیلی عالیه (سایتو میگم ) ولی اگه کل آموزشها رو به صورت یک فایل قابل دانلود درارید عالیه .......آخه ما بچه های Dial Up هستیم.
تمام موضوعات هم که بهم پیوسته.
ممنون میشیم
 
Sun, 16 Mar 2008 01:30:03 +0330 نویسنده : kamangir
خسته نباشيد. سايت مفيد و آموزنده‌ اي است. شاد و سربلند باشيد.
 
ساعت: 19:48 - تاریخ: 7 بهمن 1386 نویسنده : reza
سلام خيلي خوبه ، لطفا asp رو هم آموزش بديد
 
ساعت: 14:44 - تاریخ: 26 دی 1386 نویسنده : امید
ممنون بابت کار ساده و مفیدتون . سعی کنید مثال هاتون بر اساس web2 گسترش بدید .
 
ساعت: 15:35 - تاریخ: 17 دی 1386 نویسنده : saeid
شروع خوبی است.من هم در سایت خودم شروع کرده ام البته با html بصورت همزمان با درج منبع میتوانید استفاده کنید
 
ساعت: 12:08 - تاریخ: 15 دی 1386 نویسنده : مصطفی
سلام . خیلی خوب بود استفاده کردم ممنون میشم اگهflash هم آموزش بدید
 
ساعت: 21:05 - تاریخ: 11 دی 1386 نویسنده : emad
واقعا ممنون , عالی بود , مطالبتون در حد کافی و کامل است
 
ساعت: 19:04 - تاریخ: 11 دی 1386 نویسنده : فرشته
اگه ممکنه آموزش php را هم بگذارید