آموزش کاربردی CSS3

آموزش کاربردی CSS3

دانلود کتاب آموزش کاربردی CSS3.

قبل از اینکه CSS را تعریف کنیم، باید راجع به صفحات ویب توضیح بدهیم. یک صفحه ویب شامل اجزای زیر می‌باشد:

Content (محتوا): این بخش ویب بوسیله HTML ایجاد می‌شود.

Presentation (نمایش): این بخش ویب بوسیله CSS ایجاد می‌شود.

Behavior (رفتار): این بخش ویب بوسیله JavaScript ایجاد می‌شود.

لایه محتوا همیشه وجود دارد، چون در این لایه تمامی محتویات یک صفحه ویب که به قصد نمایش ایجاد می‌گردد نوشته می‌شود که این نوشته‌ها بین تگ‌های XHTML، HTML قرار می‌گیرد. خلاصه می‌توان گفت لایه محتوا قالب‌بندی یک سایت را بر عهده دارد.

با استفاده از عناصر و تگ‌های HTML می‌توانیم متون، تصاویر، ویدئوها، صوت و… را کنار هم قرار بدهیم و برای کاربران سایت نمایش بدهیم.

لایه نمایش وظیفه تنظیم و ترتیب محتویات سایت را که برای کابر نمایش داده می‌شود بر عهده دارد. حدود چند سال پیش برای لایه‌بندی سایت‌ها از جدول استفاده می‌کردند که به این سبک کد نویسی Table Base می‌گویند. که در این سبک کدنویسی با ادغام چند سطر ستون ایجاد می‌شد که البته این سبک کد نویسی یکسری معایب دربر داشت؛ ازجمله سنگین شدن سایت، نداشتن زیبایی در هنگام لود و همچنان برای SEO (Search Engine Optimization) سایت هم چندان مناسب نبود. البته باید یادآور شد در آن هنگام نیز از CSS استفاده می‌شد اما نه به وسعت امروز که امروزه طراحی Table Base جای خود را به Div Base داده است.

از زمانی که سبک کدنویسی تغییر و پیشرفت کرد، استفاده از CSS یک امر عادی گشته است و با استفاده از Div می‌توانید سایت را به سادگی قالب‌بندی کرد و محتوای سایت را به معرض نمایش درآورد.

لایه رفتار کنترول نحو تعامل کاربر با صفحه را بر عهده دارد که معمولاً این لایه توسط زبان JavaScript ایجاد می‌گردد.

البته هرسه این لایه را می‌توان یکجا استفاده کرد اما به دلیل آسانی کار و کنترول هر چه خوبتر این لایه‌ها را از همدیگر جدا کرده‌اند.

CSS در نسخه‌های مختلف به بازار عرضه شده است که اولین نسخه‌ی CSS، نسخه ۱ بود که در ماه دسامبر سال…

نام کتاب: آموزش کاربردی CSS3

نویسنده: فردوس رسولی

تعداد صفحات: ۱۴۵

تاریخ انتشار: ۱۳۹۳

دانلود کتاب به صورت فایل pdf:

حجم فایل ۵٫۵MB

دانلود فایل

برای دانلود این کتاب و مطالعه آن در مبایل یا تبلت خود، QR Code بالا را اسکن کنید.

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

بالا↑