معرفی دوره
میتوان گفت زبان 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 جز پایه ترین زبان های حال حاضر دنیای وب محسوب میشود. و الفبای طراحی سایت توسط این دو زبان معرفی میشوند. یادگیری این دو زبان به ما کمک میکند که بتوانیم یک درک درست از ساختار صفحه بندی و ظاهر وب سایت داشته باشیم.
هنگامی ما با ساختار و تگ ها آشنا شویم، اینجاست که می توانیم تغییرات دلخواه خود را بر روی وب سایت عملی کنیم. حتی اگر صفحه ساز المنتور برخی از نیازهای ظاهری شمارا نتواند بر طرف کند. با یادگیری این مهارت ساده و سرگرم کننده میتوانیم تغییرات دلخواه خود را حتی بر روی ابزارک های المنتور اعمال کنیم.
- افرادی که قصد دارند تا با ساختار و چیدمان سایت آشنا شوند
- افرادی که قصد دارند بر روی ظاهر وب سایت خود تسلط داشته باشند
- افرادی که قصد دارند المنتور را محدود به استایل های پیشفرض المنتور در نظر نگیرند
- افرادی که فهمیدن ساختار سایت کمکی به آنها نمیکند
- افرادی که اعتقادی به یادگیری این زبان ها به تنها ندارند
- افرادی که امکانات فعلی المنتور تمامی نیازهای آنها را بر طرف میکند.
نمونه آموزش دوره
سوالات متداول
پیش نیاز این دوره چیست؟
در فصل 3 دوره؛ آشنایی مختصر به المنتور کمک کننده شما خواهد بود. در غیر این صورت این دوره هیچگونه پیش نیازی ندارد.
محل برگزاری این دوره کجاست؟
این دوره آموزشی به صورت غیر حضوری برگزار میگردد و شما از هر نقطه ایران می توانید این دوره را تهیه کنید و بلافاصله پس از خرید به محتوای دوره دسترسی خواهید داشت
من نسبتا با المنتور آشنا هستم، آیا نیازی هست که من این دوره شرکت کنم؟
المنتور در عین سادگی بسیار گسترده و پیشرفته است و صرف اینکه فقط شما یک آشنایی کلی با این افزونه داشته باشید نمی تواند کافی باشد. و برای اینکه بتوانید تمامی نیاز های خود را برآورده نمایید این دوره آموزشی می تواند به شما بسیار کمک کند.
دسترسی به فایل های دوره به چه صورت است؟
بعد از خرید دوره، تمامی جلسات دوره به صورت دانلود در اختیار شما قرار خواهد گرفت
در فایل های آموزشی افزونه های مورد نیاز وجود دارد؟
این دوره بدون نیاز به افزونه توسعه یافته است. و شما میتوانید از نسخه رایگان المنتور جهت پیشرفت آموزش استفاده نمایید.
10 پاسخ
سلام وقتتون بخیر.
من چند سال هست سئو کار می کنم و معمولا طراح سایت هم در کنارم هست. ولی می خواستم یه کم بیشتر از HTML و CSS سر در بیارم.
این دوره شما از پایه هست درسته؟
و اینکه توی بعضی از المان های المنتور دیدم که می تونم با استفاده از CSS تغییرات ظاهری فراتر از تنظیمات المنتور بدیم. آیا در این دوره به این موضوعات هم پرداخته شده یا خیر؟
سلام و عرض احترام
بله این دوره پایه ای هست و هم چنین پروژه هایی نیز در انتها در قالب ویرایشگر و ابزارک های المنتور و تغییرات ان با css پرداخته می شود
سلام وقتتون بخیر ببخشید به صورت حرفه ای و کامل آموزش میدی؟
سلام
تمامی موارد مربوط به این دو زبان مرور میشود.
سلام مجدد و همینطور در مورد هم ارتفاع کردن المان ها و باکس ها هم یه توضیح بدید ممنون میشم چون خیلی توی کاتینر های چند ستونه که در المنتور ساختم به این مشکل میخورم. ممنون
سلام، لطفا یک تصویر به ایمیل support@iranelementor.com ارسال کنید تا مورد شما برسی و آموزش مربوطه ساخته شود
سلام خسته نباشید دوره خوبی بود با اینکه از قبل html و css رو بلد بودم ولی گفتم تا کامل تر بشه اطلاعاتم. به نظرم تمرین های بیشتری رو میشد به دوره اضافه کرد مخصوصا کار با after و before که خیلی جای مانور بیشتر داره. تشکر
سلام، عالی، منتظر همچین دوره ای بودم. تشکر
فقط لطفا دوره تکمیلی ساخت حساب کاربری رو هم شروع کنید. تا عید خیلی بهش نیاز داریم. ممنون
سلام وقت بخیر
میشه نمونه تدریس بیشتری بذارید؟
مثلا یک پروژه cssالمنتور رو قرار بدید
سلام و عرض احترام
هدف این دوره، نحوه درک درست از زبان و آشنایی با ساختار المنتور جهت استفاده از این زبان ها می باشد. پیش نمایش های فوق تا حدی میتونه مشخصات این دوره را مشخص نماید