درباره دوره
در این دوره آموزشی به یادگیری HTML5 و CSS3 برای طراحی و ساخت وب سایت می‌پردازیم. به طور کل در تقریبا همه زبان‌های برنامه نویسی و حتی طراحی وب یک پروژه را می‌توان به دو بخش frontend و backend تقسیم کرد. frontend یعنی بخش ظاهری و backend یعنی بخش پس زمینه کار. این اتفاق برای یک سایت ساده شخصی یا یک سایت خبری یا مثلا آشپزی هم پیش می‌آید. با این حساب شما در واقع دو بخش دارید.
در این آموزش ما قصد داریم که روش طراحی بخش ظاهری کار یا frontend را به شما آموزش بدهیم. جدا از اینکه در بخش backend کار چه اتفاقی رخ می‌دهد و از چه تکنولوژی استفاده می‌شود، در نهایت بخش ظاهری کار در یک وب سایت ساده تا پیچیده‌ترین وب سایت‌ها از html و css تشکیل شده است. مطابق معمول ما در آموزش‌های خود آخرین نسخه موجود را آموزش خواهیم داد که در حال حاضر نسخه HTML5 و نسخه CSS3 است. پس شما با دیدن، فهمیدن و درک این مجموعه آموزشی قادر خواهید بود تا ظاهر یک وب سایت را به سادگی بسازید. در تهیه این آموزش همانند همه آموزش‌های قبلی سعی شده مطالب با سرعت بالا گفته شوند و شاید در طی این مجموعه لازم باشذ به دفعات فیلم را به عقب برگردانده و جملات یا کدها را مرور کنید.
برای طراحی وب در واقع نیاز به نرم‌افزار خاصی ندارید . شما می‌تونید از نوت‌پد و مرورگر پیش‌فرض سیستم‌عامل خودتان هم برای شروع طراحی وب استفاده کنید!
|
مقدمه معرفی و بررسی html - قسمت اول
26 دقیقه
|
|
معرفی و بررسی html و css - قسمت دوم
12 دقیقه
|
|
معرفی CSS Syntax، بررسی کامل ویژگی پس زمینه
24 دقیقه
|
|
بررسی کامل ویژگی کادر، حاشیه داخلی و خارجی border, margin, padding
20 دقیقه
|
|
بررسی کامل ویژگی ارتفاع و پهنا Height / Weight
8 دقیقه
|
|
بررسی کامل ویژگی متون Text
10 دقیقه
|
|
بررسی کامل ویژگی فونت ها Font
8 دقیقه
|
|
بررسی کامل ویژگی مقیاس‌های اندازه‌دهی Scale
15 دقیقه
|
|
بررسی کامل ویژگی لینک ها Links
22 دقیقه
|
|
بررسی کامل ویژگی لیست ها Lists
11 دقیقه
|
|
بررسی کامل ویژگی Selectors
21 دقیقه
|
|
بررسی کامل ویژگی Box Model و Outline
9 دقیقه
|
|
بررسی کامل ویژگی نحوه بهینه سازی CSS Reset
9 دقیقه
|
|
بررسی ویژگی های html5
20 دقیقه
|
|
بررسی ویژگی CSS Layout, Display
15 دقیقه
|
|
تمرین Layout بندی صفحه CSS Layout Practice
23 دقیقه
|
|
معرفی Snipping Tools عکس گرفتن از صفحه
4 دقیقه
|
|
معرفی و بررسی ابزار Inspect
23 دقیقه
|
|
بررسی کامل ویژگی Width و Position
25 دقیقه
|
|
تمرین برای قسمت Position
12 دقیقه
|
|
بررسی کامل ویژگی Float و Inline-block
11 دقیقه
|
|
تکمیل بخش Layout تراز بندی افقی Align و بررسی چند تمرین
13 دقیقه
|
|
نحوه انتخاب کردن ویژگی های Combinators
5 دقیقه
|
|
بررسی کامل ویژگی Pseudo Class
18 دقیقه
|
|
نکات در خصوص نوار ناوبری CSS Navigation Bar
20 دقیقه
|
|
تمرین برای قسمت نوار ناوبری CSS Navigation Bar
8 دقیقه
|
|
بررسی کامل ویژگی Dropdown
29 دقیقه
|
|
تمرین برای قسمت Dropdown
13 دقیقه
|
|
بررسی کامل ویژگی عکس ها Image Gallery و Image Opacity و Image Sprites
12 دقیقه
|
|
بررسی کامل ویژگی Attr Selectors و Forms
15 دقیقه
|
|
بررسی کامل ویژگی Counters
12 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Border
9 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Backgrounds
11 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Color
12 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Shadows & Text
14 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Font
19 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Font Awesome
12 دقیقه
|
|
بررسی کامل ویژگی ها Css3 2D & 3D Transform
6 دقیقه
|
|
بررسی کامل ویژگی ها متحرک سازی Css3 Transition
10 دقیقه
|
|
بررسی کامل ویژگی ها Animation
17 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Image
6 دقیقه
|
|
بررسی کامل ویژگی ها Css3 Buttons
10 دقیقه
|
|
بررسی کامل ویژگی ها CSS3 Pagination
8 دقیقه
|
|
بررسی کامل ویژگی ها Multiple Columns
4 دقیقه
|
|
بررسی کامل ویژگی ها User Interface & Box Sizing
7 دقیقه
|
|
بررسی کامل ویژگی ها باکس انعطاف پذیر FlexBox
14 دقیقه
|
|
بررسی کامل ویژگی ها Filters
3 دقیقه
|
|
بررسی کامل ویژگی ها Media Queries & MQ Examples
16 دقیقه
|
|
نکات در طراحی وب سایت واکنشگرا RWD Intro & Viewport & Grid View
15 دقیقه
|
|
نکات در طراحی وب سایت واکنشگرا Media Queries
12 دقیقه
|
|
معرفی CSS Frameworks
20 دقیقه
|
|
معرفی Ermile CSS Framework
45 دقیقه
|
|
بررسی دیگر نکات در طراحی
27 دقیقه
|
|
بررسی دیگر نکات در طراحی و معرفی وب سایت
16 دقیقه
|
|
معرفی تصاویر برداری فرمت SVG
10 دقیقه
|
|
معرفی کامل Google Maps API
5 دقیقه
|
|
معرفی CSS Reference
13 دقیقه
|
