دوره خاص زبان HTML و CSS برای المنتور

معرفی دوره

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

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

سرفصل های دوره

معرفی زبان HTML
معرفی و نحوه کار با نرم افزار VC Code
ساختار اصلی یک سند HTML
تگ Heading
تگ P
تگ em
تگ b
تگ strong
تگ br
تگ hr
تگ title
تگ توضیحات
تگ img
تگ ul
تگ ol
تگ a
تگ table
تگ video
تگ audio
تگ form
تگ iframe
معرفی Class به تگ ها
معرفی ID به تگ ها
تگ Div
استفاده از تگ های مفهومی section,header,footer,article, aside, nav ,main
ساختار و نحوه کاربرد تگ های مفهومی
توصیه نهایی و معرفی مرجع زبان HTML

معرفی زبان CSS
ساختار اصلی زیان CSS و انواع Selector
انواع روش برای درج کدهای CSS
افزودن یاداشت به سند CSS
استایل به ویژگی هر تگ - attribute
قوانین استفاده از رنگ ها
کادر دور - Border
فاصله بیرونی - Padding
فاصله داخلی - margin
عرض و ارتفاع - Height & width
مدل جعبه - Box model
مدل های متنی - Text property
پیوند ها - Link style
لیست های عددی - ol style
لیست های فهرستی - ul style
جدول ها - Table style
ماهیت تگ ها - ِDisplay property
موقعیت عناصر - Position property
جایگاه سه بعدی - z-index
کنترل گر - overflow
ترکیب انتخاب گر ها - Combinators
شبه عنصر - Pseudo elements
شبه عنصر - Pseudo Class
ویژگی محتوا - Content property
ویژگی شفافیت - Opacity property
ویژگی جهت - Float property
طراحی منو عمودی - Navigation Vertical
طراحی منو افقی - Navigation Horizental
فرم ها - Form Style
اولویت بندی - Specificity
مقدار مهم - important
کادر تصاویر - Border Image
فیلترها - Filters
گرادیانت - Gradiant
ویژگی سایه متن - Text shadow property
ویژگی سایه جعبه - Box shadow property
جلوه متن - Text effect
ویژگی تبدیل - Transform property
ویژگی انتقال - Transition property
ویژگی انیمیشن - Animation
ویژگی جایگاه زمینه - Background clip property
واحد - Rem Units
واحد - Em Units
لیبست باز شونده - Drop down
واکنش گرایی - Responsive
ویژگی حداقل - Min property
ویژگی حداکثر - Max property
Query media
متغیر ها - Variables
موتور پردازشگر - webkit

قوانین استفاده از زبان CSS در صفحه ساز المنتور
پروژه شماره 1
پروژه شماره 2
پروژه شماره 3
پروژه شماره 4
پروژه شماره 5
پروژه شماره 6
پروژه شماره 7
پروژه شماره 8
پروژه شماره 9
پروژه شماره 10
پروژه شماره 11
پروژه شماره 12
پروژه شماره 13
پروژه شماره 14
پروژه شماره 15
پروژه شماره 16
پروژه شماره 17
پروژه شماره 18
پروژه شماره 19
پروژه شماره 20
معرفی منابع جهت ایده پردازی

مهارت ساده اما ضروری

زبان HTML و CSS جز پایه ترین زبان های حال حاضر دنیای وب محسوب می‌شود. و الفبای طراحی سایت توسط این دو زبان معرفی می‌شوند. یادگیری این دو زبان به ما کمک می‌کند که بتوانیم یک درک درست از ساختار صفحه بندی و ظاهر وب سایت داشته باشیم.

هنگامی ما با ساختار و تگ ها آشنا شویم، اینجاست که می توانیم تغییرات دلخواه خود را بر روی وب سایت عملی کنیم. حتی اگر صفحه ساز المنتور برخی از نیازهای ظاهری شمارا نتواند بر طرف کند. با یادگیری این مهارت ساده و سرگرم کننده میتوانیم تغییرات دلخواه خود را حتی بر روی ابزارک های المنتور اعمال کنیم.

این دوره مناسب چه افرادی است؟

این دوره مناسب چه افرادی نمی‌باشد؟

نمونه آموزش دوره

پخش ویدیو