آموزش طراحی وب با سی اس اس CSS3 – تکمیلی

سی‌اس‌اس چیست؟ 

CSS3 (Cascading Style Sheets 3) یک زبان برنامه‌نویسی است که برای طراحی وب‌سایت‌ استفاده می‌شود. با توجه به پیشرفت‌های حاصل در عرصه وب و همین طور تکنولوژی‌های مورد استفاده، زبان CSS نیز به مرور شاهد تغییراتی بود و با به‌روزرسانی‌ها و بهبودهای حاصل، هم‌اکنون با عنوان نسخه سوم CSS یا همان CSS3 شناخته می‌شود. زبان CSS3 نیز با توجه به بهبودها و همین طور به‌روزرسانی‌های انجام شده، توانسته تا به کاربر کمک کند تا بتوانند رابط کاربری وب‌سایت‌های خود را به زیبایی پیاده‌سازی کنند.

اهمیت یادگیری طراحی وب با CSS3 چیست؟

با معرفی زبان نشانه‌گذاری HTLM، کاربران می‌توانند وب‌سایت‌های خود را پیاده‌سازی کنند اما مشکلی که وجود داشت، محدودیت‌های موجود بر روی زبان HTML به منظور طراحی رابط کاربری صفحات وب بود. با استفاده از زبان HTML شما می‌توانید فقط و فقط المان‌های موجود در صفحه وب را مشخص کنید و هیچ‌گونه کنترلی بر نحوه قرارگیری المان‌ها در صفحه و همین طور شکل و ظاهر آن‌ها ندارید؛ با توجه به مشکل موجود، زبان CSS ارائه شد. با استفاده از زبان CSS شما می‌توانید به المان‌های موجود در صفحه وب که توسط HTML ایجاد شده‌اند، شکل داده و تنظیم کنید که رابط کاربری وب‌سایت به چه صورت به کاربران نمایش داده شود.

با استفاده از CSS3، می‌توان استایل‌ها و طرح‌ها را از ساختار HTML جدا کرد و بدون اینکه به ساختار آن صفحه دست بزنیم، استایل‌های مختلفی را برای یک صفحه HTML تعریف کنیم. همچنین CSS3 وظیفه تنظیم ویژگی‌های ظاهری محتوا از جمله رنگ‌ها، فونت‌ها، حاشیه‌ها، پس‌زمینه‌ها، سایزها، انیمیشن‌ها و… را بر عهده دارد و به کمک آن میتوانیم طرح‌های منحصربه‌فرد و جذابی برای صفحات وب ایجاد کنیم.

در این آموزش ببین چه چیزی یاد می‌گیریم؟ 

در این آموزش در ابتدا انحنای گوشه‌ها، درج تصویر در حاشیه‌ها و درج سایه برای المان‌ها در CSS3 را ارائه می‌کنیم. سپس هم‌تراز کردن متون، مدیریت نمایش محتوای متنی در کادر، درج سایه برای متون و چندستونه کردن متون در CSS3 را بررسی می‌کنیم. در ادامه به کار با Fontها، مدیریت نمایش پس‌زمینه، Transformهای دوبعدی و سه‌بعدی و کار با انیمیشن‌ها در CSS3 می‌پردازیم. در انتها مدیریت رابط کاربری، کار با Gradients و کار با Flexbox در CSS3 را فرامی‌گیریم.

سرفصل‌ها

• درس یکم: انحنای گوشه ها در CSS3
• درس دوم: درج تصویر در حاشیه ها در CSS3
• درس سوم: درج سایه برای المان ها در CSS3
• درس چهارم: هم تراز کردن متون در CSS3
• درس پنجم: مدیریت نمایش محتوای متنی در کادر در CSS3
• درس ششم: درج سایه برای متون در CSS3
• درس هفتم: چندستونه کردن متون در CSS3
• درس هشتم: کار با Font ها در CSS3
• درس نهم: مدیریت نمایش پس زمینه در CSS3
• درس دهم: Transform های دو بعدی در در CSS3
• درس یازدهم: Transform های سه بعدی در در CSS3
• درس دوازدهم: کار با انیمیشن ها در CSS3
• درس سیزدهم: مدیریت رابط کاربری در CSS3
• درس چهاردهم: کار با Gradients در CSS3
• درس پانزدهم: کار با Flexbox در CSS3

مفید برای

• مهندسی کامپیوتر

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

۳ ساعت آموزش ویدئویی

فایل برنامه‌ها و پروژه‌ها

مدرس

سید رضا هاشمیان

کارشناسی مهندسی فناوری اطلاعات (IT) – برنامه‌نویسی تحت وب

مهندس سیدرضا هاشمیان، دارای کارشناسی مهندسی فناوری اطلاعات (IT) – برنامه‌نویسی تحت وب از دانشگاه گسترش انفورماتیک هستند و در این زمینه فعالیت خود را آغاز کرده و همچنین به عنوان مدرس، در موسسه‌های آموزشی مختلف به تدریس تکنولوژی‌ها و زبان‌های برنامه‌نویسی تحت وب می‌پردازند. ایشان همچنین به برنامه‌نویسی و پیاده‌سازی پروژه‌های نرم‌افزاری و سامانه‌های تحت وب علاقه‌مند بوده و با زبان‌های برنامه‌نویسی همچون جاوا، سی‌شارپ و… آشنایی دارند.

پیش‌ نیاز

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

آموزش طراحی وب با HTML – تکمیلی

آموزش طراحی وب با CSS

98000 تومان – خرید نهایی کردن خرید مورد به سبد خرید اضافه شد