کتابمون | مرجع کتب و دوره های آموزشی و انگیزشی
دوره فرانت‌اِند زیباسازی سایت با CSS از وبسایت مدیر سبز
کابوس محدود شدن به امکانات پوسته را برای همیشه فراموش کنید!
با یادگیری css قادر خواهید بود هر تغییر ظاهری و گرافیگی دلخواه مانند موارد زیر را خیلی راحت انجام دهید.
تغییر فونت، افزودن فونت دلخواه به پوسته
تغییر اندازه نوشته‌ها، عکس‌ها و المان‌های دیگر
تغییر رنگ دکمه‌ها و بخش‌های دیگر سایت
حذف برخی از المان‌های پوسته
افزودن افکت به دکمه‌ها، لینک‌ها، منو
تبدیل متن به دکمه
راست‌چین کردن المان‌های پوسته و پلاگین
و…
علاوه بر این یاد می‌گیرید چطور از افکت‌ها و کدهای آماده که در سایت‌های دیگر هستند استفاده کنید و آن‌ها را روی سایت خودتان پیاده‌سازی کنید. تصویر زیر خیلی واضح و مشخص به شما می‌گوید که CSS چه وظیفه‌ای را در سایت ایجاد می‌کند.
افکت‌های جذاب
شما محدود به یک یا دو افکت نخواهید بود بلکه انواع متنوعی از افکت‌های جذاب را می‌توانید روی سایت خود اضافه کنید. به این نکته توجه کنید که لازم نیست تمامی این افکت‌ها را خط به خط بنویسید، خیلی از افکت‌ها در فضای وب آماده است و شما فقط لازم است نحوه استفاده و انتقال آن‌ها را روی سایت‌های دیگر یاد بگیرید. در این دوره همه این نکات را یاد می‌گیرید.
پیاده‌سازی افکت‌های متنوع برای تصاویر
در دوره فرانت‌اِند (زیباسازی سایت با CSS) به شما یاد می‌دهیم چطور افکت‌هایی که در سایت‌های دیگر وجود دارد را روی سایت خودتان پیاده‌سازی کنید. همچنین منابعی را به شما معرفی می‌کنیم که افکت‌های بسیار جذابی در آن وجود دارد که برای شما آماده‌سازی شده که استفاده کنید و آن را به سایت خود اضافه کنید. افکتی که در زیر می‌بینید، هرگز امکانات پوسته (قالب) سایت نیست بلکه به کمک CSS به تصاویر باکس‌ها اضافه کرده‌ایم.
CSS چیست؟
در یک تعریف بسیار ساده و قابل فهم CSS ارتباط مستقیم با ظاهر، رنگبندی، تغییرات فونت، نوع چینش المان‌های سایت دارد؛ یعنی شما با دانش و تسلط بر CSS می‌توانید سایت را زیبا کنید.
مثال‌های واقعی از اینکه CSS دقیقا چه کاری انجام می‌دهد را در همین صفحه می‌توانید مشاهده کنید.
راست‌چین بودن سایت یعنی ساختار سایت برای زبان فارسی سازگار است
افزودن فونت فارسی استاندارد به متن‌ها
چیدمان منظم بخش‌های سایت زیر هم و ایجاد تضاد بصری (اول منو، بعد سکشن رنگی، بخش محتوای متنی و…)
رنگبندی کردن بخش‌های سایت (اختصاص طیف رنگی به سکشن اول، اختصاص رنگ‌های متنوع به دکمه‌ها و…)
ایجاد نظم به باکس‌ها و چیدمان چند ستونه
افزودن افکت‌های جذاب به دکمه‌های رنگی که در همین صفحه موجود است
ساخت یک تقویم جذاب و کاربردی
و خیلی دیگر از مواردی که شاید فکر کنید خلق آن‌ها خیلی سخت است و نیاز به دانش برنامه‌نویسی دارد اما بررسی که می‌کنید می‌بینید با CSS ایجاد شده است.
افزودن اسلایدرهای متنوع به سایت
گاهی مدلی از اسلایدر مد نظر شما است که در امکانات قالب و المان‌های صفحه‌ساز‌ها وجود ندارد اما نمونه مورد پسند خود را در سایت دیگری دیده‌اید. باز هم تاکید می‌کنیم که کابوس محدود شدن به امکانات پوسته را برای همیشه فراموش کنید چون در این دوره به شما یاد می‌دهیم که چطور کدهای مربوط به یک اسلایدر را به سایت خودتان منتقل کنید. در این بخش یک اسلایدر مشاهده می‌کنید که ترکیب html، css و js است که فقط کدهای آن را با روش درست به سایت اضافه کردیم و آن را برای این صفحه شخصی‌سازی کردیم. اسلایدرها مدل‌های مختلفی دارند که شما می‌توانید برای سایت خود اضافه کنید.
اسلایدرهای نمایش محصولات
اسلایدرهای نمایش مقالات
اسلایدرهای نمایش نظرات مشتریان
اسلایدر نمایش گالری تصاویر
و …
