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