آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

css چیست؟

css چیست؟فصل اول : مبانی CSS

جلسه اول : Css چیست؟

قبل اینکه بخوام Css  رو تعریف کنم ، باید راجع به صفحات وب توضیح بدم ، یه صفحه وب شامل متن ، صوت ، تصویر و … هست . برای اینکه اجزای وب کنارهم قرار بگیرند از html استفاده می کنیم ، با استفاده از عناصر و تگ های HTML می تونیم متون ، تصاویر ، ویدئوها ، صوت ها و … رو کنار هم قرار بدیم و برای کاربرای سایت نمایش بدیم . حدود چند سال پیش برای ترکیب بندی و لایه بندی صفحه ی وب از جدول استفاده می کردند که به این سبک کدنویسی table base میگفتند . با استفاده از جدول دو ستون یا سه ستون ایجاد می کردند و با ادغام سطرها و سلول های جدول صفحه ی سایت رو لایه بندی می کردند . استفاده از جدول یکسری معایب به همراه داشت ، مثلا سایت رو سنگین میکرد یا لود زیبایی در ابتدای سایت نداشت و برای سئوی سایت هم چندان مناسب نبود ، در اون زمان هم از Css تا حدودی استفاده میشد اما نه به وسعت امروز . امروزه این نوع سبک طراحی منسوخ شده و table base جای خودشو به  div base داده .

از زمانی که سبک کدنویسی تغییر کرد و پیشرفت کرد استفاده از Css یک امر عادی بشمار اومد . با استفاده از Div ها و Css می تونید به راحتی و بسیار سبک قالب سایتتون رو لایه بندی و طرح بندی کنید و اجزای صفحه ی وب رو بصورت کاملا شکیل استایل دهی کنید و در سایت به معرض نمایش دربیارید . حالا میریم سر اصل مطلب یعنی Css اصلا چی هست؟!

css

Css مخفف Cascading Style Sheets است . css در نسخه های مختلفی به بازار وب عرضه شد که در جلسه ی آینده بطور مفصل درباره نسخه های css صحبت می کنیم . فایل استایلها با فرمت CSS ذخیره میشوند. سی اس اس از یک سری کد تشکیل شده که با استفاده از این کدها می تونید به راحتی به عناصر HTML استایل بدید ، به عنوان مثال میتونید تعریف کنید که سرتیتر خبر با فونت ضخیم آبی رنگ از خانواده  Tahoma نمایش داده بشه که این تعریف رو به صورت زیر مینویسید :

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

خوب امیدوارم تونسته باشم مفهوم css رو به خوبی رسونده باشم 😉

تهیه شده در مدرسه مجازی ایرانیان

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • احسان

    ممنون

  • razagh

    عالی بود

  • soheil

    عالی

  • فرشاد حیدری

    سایت خوبی دارید ولی ……
    اکه اموزش هارو در قالب فایل pdf هم ارائه میکردید خوب میشد!!!

  • mohamad keshvardost

    باسلام وسپاس فراوان از زحمات شما دوستان گرامی وتشکر از توضیحات واموزش جامع خانم رحیمی.

  • Armin sf

    با سلام

    ببخشید برای طراحی وب بهتره اول کدوم زبان برنامه نویسی و یاد بگیریم ؟!! ایا به ترتیب باید جلو رفت ؟!!

  • بهرام نورآیین

    ممنون از شرئع خوب و مفید

  • hgghi

    سلام
    فوق العاده بود.
    با تشکر از زحمات گرانقدر شما دو گل نورسیده.

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟