آموزش CSS

چاپ

آموزش کامل CSS

آموزش CSS (سی اس اس) - مقدمه

Wiki

در این آموزش با استفاده از CSS (سی اس اس) فراخواهید گرفت که تمام صفحات پروژه خود را در یک مرحله، قالب بندی کنید.

با استفاده از CSS می توانید، در انجام کارهای زیاد صرفه جویی کنید.

هم اکنون یادگیری CSS (سی اس اس) را آغاز نمایید!


آموزش CSS همراه با صدها مثال

Wiki

در این خودآموز، برای آموزش CSS از صدها مثال استفاده شده است.

به کمک ویرایشگری که در اختیارتان است، می توانید سند HTML را ویرایش کنید و با کلیک روی یک دکمه، نتیجه را مشاهده کنید:

مثال (مقدمه آموزش CSS)

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
خودتان امتحان کنید »

برای مشاهده نتیجه کد بالا روی دکمه "خودتان امتحان کنید" کلیک کنید.


پیش نیازهای آموزش CSS

Wiki

پیشنهاد می شود اگر با آموزش زیر آشنا نیستید، قبل از ادامه آموزش CSS، آنرا مطالعه فرمایید:


CSS (سی اس اس) چیست؟

Wiki

  1. CSS (سی اس اس) سرنام واژگان Cascading Style Sheets است. (صفحات استایل آبشاری)
  2. با استفاده از CSS می توان، نحوه ی نمایش عناصر html را مشخص نمود.
  3. Styleها برای حل کردن یک مشکل به HTML 4.0 اضافه شدند.
  4. برگه های استایل خارجی (External Style Sheets) می توانند در انجام کارهای زیاد صرفه جویی کنند.
  5. برگه های استایل خارجی در فایل های با فرمت css. ذخیره می شوند.

آموزش CSS (سی اس اس) - یک پیش نمایش یا دمو از CSS

Wiki

با استفاده از CSS می توان، ظاهر یک صفحه HTML را به چندین سبک مختلف نمایش داد: نمایش نحوه انجام کار


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

Wiki

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

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

زمانی که تگ هایی مانند <font> و مشخصه هایی مانند color به HTML 3.2 اضافه شد، برای طراحان وب یک کابوس بزرگ آغاز شد. در وب سایت های بزرگ باید اطلاعات fontها و colorها به هر صفحه ای اضافه می شد و این کار بسیار هزینه بری بود.

برای حل این مشکل، CSS (سی اس اس) توسط کنسرسیوم W3C یا (World Wide Web) ایجاد شد.

در HTML 4.0 قالب بندی صفحات می تواند از فایل HTML حذف شده و در یک فایل CSS (سی اس اس) جدا ذخیره شود.

امروزه تمام مرورگرها، CSS (سی اس اس) را پشتیبانی می کنند.


آموزش CSS (سی اس اس) - انجام کارهای زیاد، فقط ، با یک حرکت

Wiki

در آموزش CSS (سی اس اس) مشخص می کنید که عناصر HTML را چگونه نمایش دهید.

Styleها معمولاً در فایلهای جداگانه با فرمت CSS (سی اس اس) ذخیره می شوند (External style sheets) اینکار شما را قادر می سازد فقط با تغییر یک فایل، ظاهر و یا طرح بندی تمام صفحات یک پروژه را تغییر دهید.

در آموزش های بعدی، چگونگی انجام این کار را خواهید آموخت.


آموزش تصویری مطلب بالا (فیلم آموزش CSS)

 درس شماره 1 (مقدمه آموزش CSS زمان فیلم:  14:56

  خرید و دانلود مستقیم فیلم آموزش CSS - حجم دانلود 1.12 گیگابایت (کلیک کنید +)