آموزش طراحی وب با CSS - بخش هفتم

توضیحات:

برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:
#http://www.faradars.org/FVH4C94061

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

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

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

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


مدرس: مهندس محمد عبداللهی

کلمات کلیدی:
Animation, Cascading Style Sheet, CSS, Selector, variant, weight, آشنایی با استایل‌ها و روش‌های مختلف نوشتن آن, آشنایی با المان‌های دروغین (Pseudo-Element), آشنایی با انواع صفحات وب مختلف, آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن, آشنایی با باگ‌های مختلف مرورگرهای مختلف, آشنایی با صفحات Absolutely-Positioned, آشنایی با صفحات تک‌ستونی, آشنایی با صفحات چندستونی, آشنایی با کلاس‌های دروغین (Pseudo-Class), آشنایی با گروه‌های کلی فونت (Font Families), آشنایی با واژه Cascade و نحوه عملکرد آن, آشنایی با ویژگی‌های یک فونت: style, آشنایی کامل با انتخاب‌کننده‌ها در CSS, افکت سایه, افکت شعاع به المان ها, افکت گرادیانت, انتخاب المان مورد نظر در HTML, انیمیشن, انیمیشن در CSS3, تایپوگرافی, تراز یک متن در صفحه وب, تعیین تورفتگی یک متن از کناره‌ها, تعیین سایز فونت, تعیین فاصله بین حروف و فاصله بین خطوط یک متن, تعیین موقعیت المان‌ها (Position), تعیین نوع فونت مورد نظر, تغییر حالت, تگ های مرور گر های مختلف, تنظیم ارتفاع تمامی ستون‌های صفحه وب به یک اندازه, چرا برای ساخت یک صفحه وب، از جداول استفاده نکنیم, درست کردن ساختار (Layout) توسط CSS, درک ساختار یک دستور CSS, درک کامل CSS Box Model و ناسازگاری‌های موجود, درک مفهوم CSS و جایگاه آن در کنار HTML, ساخت صفحات دوستونی, ساخت صفحات سه‌ستونی ساده و پیچیده, سی اس اس, شناور کردن المان‌ها در صفحه وب, شیوه نامه, شیوه نامه آبشاری, فرمت‌دهی متن و فونت توسط CSS, کار با CSS3, کار با فرم ها, کنترل المان‌های موجود در مجاورت المان‌های شناور, مخفی کردن المان‌ها در یک صفحه وب, مقدمات کار با CSS, نقش استانداردها در CSS Box Model, نوشتن دستورات CSS در کنار یکدیگر, وراثت در CSS،دانلود فرادرس آموزشی رایگان,دانلود فیلم آموزشی رایگان,دانلود جزوه تصویری آموزشی,دانلود کتاب تصویری آموزشی,آموزش غیر حضوری و الکترونیکی,دوره آموزشی تخصصی

لغات کلیدی:

Animation, Cascading, Style, Sheet, CSS, Selector, variant, weight, آشنایی, با, استایل‌ها, و, روش‌های, مختلف, نوشتن, آن, آشنایی, با, المان‌های, دروغین, (Pseudo-Element), آشنایی, با, انواع, صفحات, وب, مختلف, آشنایی, با, انواع, مختلف, تعیین, موقعیت, یک, المان, و, کاربردهای, آن, آشنایی, با, باگ‌های, مختلف, مرورگرهای, مختلف, آشنایی, با, صفحات, Absolutely-Positioned, آشنایی, با, صفحات, تک‌ستونی, آشنایی, با, صفحات, چندستونی, آشنایی, با, کلاس‌های, دروغین, (Pseudo-Class), آشنایی, با, گروه‌های, کلی, فونت, (Font, Families), آشنایی, با, واژه, Cascade, و, نحوه, عملکرد, آن, آشنایی, با, ویژگی‌های, یک, فونت:, style, آشنایی, کامل, با, انتخاب‌کننده‌ها, در, CSS, افکت, سایه, افکت, شعاع, به, المان, ها, افکت, گرادیانت, انتخاب, المان, مورد, نظر, در, HTML, انیمیشن, انیمیشن, در, CSS3, تایپوگرافی, تراز, یک, متن, در, صفحه, وب, تعیین, تورفتگی, یک, متن, از, کناره‌ها, تعیین, سایز, فونت, تعیین, فاصله, بین, حروف, و, فاصله, بین, خطوط, یک, متن, تعیین, موقعیت, المان‌ها, (Position), تعیین, نوع, فونت, مورد, نظر, تغییر, حالت, تگ, های, مرور, گر, های, مختلف, تنظیم, ارتفاع, تمامی, ستون‌های, صفحه, وب, به, یک, اندازه, چرا, برای, ساخت, یک, صفحه, وب, از, جداول, استفاده, نکنیم, درست, کردن, ساختار, (Layout), توسط, CSS, درک, ساختار, یک, دستور, CSS, درک, کامل, CSS, Box, Model, و, ناسازگاری‌های, موجود, درک, مفهوم, CSS, و, جایگاه, آن, در, کنار, HTML, ساخت, صفحات, دوستونی, ساخت, صفحات, سه‌ستونی, ساده, و, پیچیده, سی, اس, اس, شناور, کردن, المان‌ها, در, صفحه, وب, شیوه, نامه, شیوه, نامه, آبشاری, فرمت‌دهی, متن, و, فونت, توسط, CSS, کار, با, CSS3, کار, با, فرم, ها, کنترل, المان‌های, موجود, در, مجاورت, المان‌های, شناور, مخفی, کردن, المان‌ها, در, یک, صفحه, وب, مقدمات, کار, با, CSS, نقش, استانداردها, در, CSS, Box, Model, نوشتن, دستورات, CSS, در, کنار, یکدیگر, وراثت, در, CSS, دانلود, فرادرس, آموزشی, رایگان, دانلود, فیلم, آموزشی, رایگان, دانلود, جزوه, تصویری, آموزشی, دانلود, کتاب, تصویری, آموزشی, آموزش, غیر, حضوری, و, الکترونیکی, دوره, آموزشی, تخصصی

درباره ما | تماس با ما | قوانین تخته سفید