~~۹۵,۰۰۰ تومان~~ ۴۷,۵۰۰ تومان

آموزش سی اس اس CSS برای طراحی وب - مقدماتی

تعداد دانشجو

۱۵۶ نفر

مدت زمان

۴ ساعت و ۵۶ دقیقه

هزینه عادی آموزش

~~۹۵,۰۰۰ تومان~~

در طرح تخفیف

۴۷,۵۰۰ تومان (کسب اطلاعات بیشتر +)

محتوای این آموزش

(توضیحات)

تضمین کیفیت

✅ (توضیحات)

یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می‌‌توان به سه‌بخش اساسی تفکیک کرد. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامه‌نویسی CSS (Cascade Style Sheets) ایجاد گردید. این زبان مکملی برای HTML است. CSS شما را قادر می‌‌سازد تا قالب و استایل صفحات وب‌سایت خود را یک‌بار طراحی کرده و به دفعات استفاده کنید. ما صفحات HTML خود را به یک فایل CSS متصل می‌کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا می‌‌شود. این کار باعث می‌شود تا حجم کد کمتری نوشته شود و همین‌طور کدنویسی به اصطلاح تمیزتری داریم.

آموزش سی اس اس CSS برای طراحی وب - مقدماتی

مدت زمان

۴ ساعت و ۵۶ دقیقه

هزینه عادی آموزش

~~۹۵,۰۰۰ تومان~~

در طرح تخفیف

۴۷,۵۰۰ تومان

(کسب اطلاعات بیشتر +)

محتوای این آموزش

(توضیحات)

مدرس

محمد عبداللهی

کارشناس ارشد مهندسي فناوری اطلاعات (IT) - معماری سازمانی

زمينه‌های کاری و تخصصی ايشان در حوزه برنامه‌نويسی و طراحی وب، طراحی، توليد و توسعه نرم‌افزارهای سازمانی، مديريت پروژه‌های توليد نرم‌افزار بوسيه چارچوب‌های چابک مانند: اسکرام و معماری سازمانی طبق چارچوب TOGAF است.

چکیده آموزش

توضیحات تکمیلی

یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می‌‌توان به سه‌بخش اساسی تفکیک کرد. اول ساختار صفحه است که توسط HTML ساخته، دوم شکل، شمایل و رنگ و لعاب صفحه است که در CSS تعیین و سوم منطق برنامه در سمت کلاینت است که با زبان‌های اسکریپتی مانند JavaScript مشخص و مطابق با این سه‌بخش لزوم یادگیری CSS برای طراحی وب مشخص می‌شود.

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

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

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

فصل یکم: شروع کار با CSS
- درس یکم: شروع کار با CSS - بخش یکم
- درس دوم: شروع کار با CSS - بخش دوم
فصل دوم: CSS را کجا و چطور بنویسیم
- درس سوم: CSS را کجا و چطور بنویسیم - بخش یکم
- درس چهارم: CSS را کجا و چطور بنویسیم - بخش دوم
فصل سوم: انتخابگرها (Selectors)
- درس پنجم: انتخابگرهای ساده
- درس ششم: ترکیب انتخابگرها
فصل چهارم: رنگ‌ها در CSS
- درس هفتم: آشنایی با نام رنگ‌ها و سیستم رنگ‌دهی RGB
- درس هشتم: آشنایی با سایر سیستم‌های رنگ‌دهی
فصل پنجم: پس‌زمینه در CSS
- درس نهم: پس‌زمینه در CSS
- درس دهم: تنظیمات دقیق پس‌زمینه در CSS
فصل ششم: جعبه‌ها، کادرها و حاشیه‌ها
- درس یازدهم: کادرها
- درس دوازدهم: حاشیه‌ها
- درس سیزدهم: سايزبندی عناصر، جعبه‌ها و تنظيمات بيشتر حاشيه‌ها
فصل هفتم: تنظيمات متن و بلاک‌های متنی
- درس چهاردهم: دستورات مربوط به تنظيم و تزئين Text و بلاک‌های متنی - بخش یکم
- درس پانزدهم: دستورات مربوط به تنظيم و تزئين Text و بلاک‌های متنی - بخش دوم
- درس شانزدهم: نحوه نمايش لينک‌ها و تنظيمات آن‌ها
فصل هشتم: استفاده از فونت‌ها در CSS
- درس هفدهم: آشنايی با خانواده فونت‌ها در CSS
- درس هجدهم: تغییر ظاهر فونت
- درس نوزدهم: فونت‌های گوگل
- درس بیستم: نمادها و آیکن‌های مبتنی بر فونت
فصل نهم: نمايش بلاک‌های متنی در صفحه
- درس بیست‌و‌یکم: تعيين چينش عناصر و المان‌های صفحه
- درس بیست‌و‌دوم: کنترل سرريزشدن بلاک‌های متنی و کار با خصوصيت Float
فصل دهم: ليست‌ها در CSS
- درس بیست‌وسوم: نحوه نمايش ليست‌ها
فصل یازدهم: تنظيمات جداول در CSS
- درس بیست‌وچهارم: تنظيمات جداول
فصل دوازدهم: انتخابگرها و ترکيب‌کننده‌ها
- درس بیست‌وپنجم: انتخابگرها و ترکيب‌کننده‌ها
فصل سیزدهم: جلوه‌های دوبعدی و سه‌بعدی
- درس بیست‌وششم: جلوه‌های حرکتی در صفحه وب (خصوصیت Transition) - بخش یکم
- درس بیست‌وهفتم: جلوه‌های حرکتی در صفحه وب (خصوصیت Transition) - بخش دوم
فصل چهاردهم: پویانمایی در CSS
- درس بیست‌وهشتم: ایجاد پویانمایی
فصل پانزدهم: طراحی واکنشگرا (Media Query)
- درس بیست‌و‌نهم: طراحی واکنشگرا (Media Query)
فصل شانزدهم: چینش صفحه با FlexBox
- درس سی‌ام: چینش صفحه با FlexBox

مفید برای رشته‌های

طراحی سایت

پیش نیاز

آموزش طراحی وب با HTML – مقدماتی

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس

فایل برنامه ها و پروژه های اجرا شده

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

Visual Studio Code 1.28.2 - آموزش وابستگی به این نرم‌افزار ندارد.

پیش نمایش‌ها

۱. شروع کار با CSS - بخش یکم

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۴ مگابایت -- (کلیک کنید +))

۲. شروع کار با CSS - بخش دوم

۳. CSS را کجا و چطور بنویسیم؟ - بخش یکم

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۴. CSS را کجا و چطور بنویسیم؟ - بخش دوم