آموزش طراحی وب با CSS (مقدماتی)

توضیحات

CSS زبان استایل دهی صفحات وب

زبان برنامه نویسی HTML به خوبی می‌‌تواند اجزای صفحه را ایجاد کند، اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامه‌نویسی CSS یا Cascade Style Sheets ایجاد گردید. این زبان مکملی برای HTML می‌‌باشد و سعی در پر کردن خلاها و برطرف کردن نقاط ضعف زبان HTML دارد. CSS شما را قادر می‌ سازد، تا قالب و استایل صفحات وب سایتتان را یک بار طراحی کرده و در دفعات استفاده کنید. آموزش طراحی وب با CSS را از ۴۶۰ مالتی مدیا تهیه کنید.

برای واضح‌ تر شدن ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وب‌ سایتی با ۱۰۰ صفحه‌ ای را به زبان HTML طراحی کرده‌‌اید. حال بعد از گذشت مدتی، تصمیم دارید تا برخی خصوصیات را کمی تغییر دهید مثلا رنگ پس زمینه را کمی تیره‌‌تر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق می‌ کند. تغییر یک خط کد در ۱۰۰ صفحه بسیار زمان بر خواهد بود.

حال اگر ما از CSS در طراحی این وب‌ سایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و این تغییرات در تمامی صفحات اعمال می‌‌شود. در واقع ما صفحات HTML خود را به یک فایل (CSS) متصل می‌ کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا می‌‌شود. این کار باعث می‌ شود، تا حجم کد کمتری نوشته شود و همین طور کد نویسی اصطلاحا تمیزتری خواهیم داشت.

 

فهرست سرفصل ها و رئوس مطالب مطرح شده در آموزش طراحی وب با CSS در ادامه آمده است:
  • مقدماتی سی اس اس
    • معرفی سی اس اس
    • ساختار دستورات CSS
    • گزینشگرهای CSS
    • فایل CSS خارجی
  • استایل دهی به عناصر
    • استایل دهی پس زمینه
    • استایل دهی متن
    • استایل دهی فونت
    • استایل دهی لینک ها
    • استایل دهی لیست ها
    • استایل دهی جداول
  • مفهوم باکس در سی اس اس
    • مفهوم Box
    • خاصیت border
    • خاصیت outline
    • خاصیت margin
    • خاصیت padding
  • پیشرفته سی اس اس
    • گروه‌بندی گزینش‌ گرها
    • تنظیم طول و عرض
    • طریقه نمایش عناصر
    • تنظیم موقعیت عناصر
    • شناور کردن عنصر
    • ترازبندی عناصر
    • شبه کلاس‌ ها
    • شبه عناصر
    • ساخت منو در CSS
    • ساخت گالری تصاویر
    • شفاف کردن تصویر
    • نمایش بخشی از عکس
    • رسانه‌ های مختلف
    • گزینش براساس صفت
    • خلاصه مطالب CSS
  • پیشرفته سی اس اس ۳
    • معرفی
    • گرد کردن گوشه‌ ها
    • پس زمینه
    • شیب رنگ
    • افکت‌ های متن
    • فونت
    • تبدیل دو بعدی
    • تبدیل سه بعدی
    • انتقال یا Transition
    • متحرک سازی
    • چند ستونه کردن متن
    • رابط کاربری
    • خلاصه مطالب
    • آموزش‌ های متفرقه کاربران

 

مفید برای رشته های
  • کامپیوتر گرایش نرم افزار
  • گرافیک تحت‌ وب
  • طراحی تحت‌ وب

 

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

NotePad ++ 6.9.2

 

پیش نیاز

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

اطلاعات بیشتر

رده سنی

پیش‌نیاز

آشنایی با HTML

مدت دوره

5 ساعت

سطح آموزش

متوسط

هنوز نظری وجود ندارد

نظر خود را بنویسید

آدرس ایمیل شما منتشر نخواهد شد. قسمت های مورد نیاز علامت گذاری شده اند *

اطلاعات فروشنده

  • نام فروشگاه: 460 مالتی مدیا
  • فروشنده: 460 مالتی مدیا
  • آدرس: البرز
    کرج
    رجایی شهر
    خیابان شهید عزیزی
    3146967356
  • هنوز امتیازی دریافت نکرده است.