تسلط بر HTML5 و CSS3 (قسمت 2 - سطح متوسط)

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

مقدمه Introduction

• مقدمه Introduction

روز اول: محتوای خود را سازماندهی کنید Day 1: Organize your content

• جداول در HTML (قسمت 1) Tables in HTML (Part 1)

• جداول در HTML (قسمت 2) Tables in HTML (Part 2)

• لیست های HTML HTML Lists

• ایجاد منو با استفاده از لیست ها Create Menu Using Lists

روز 2 Day 2

• آی فریم در HTML Iframes in HTML

• گرادیان ها (قسمت 1) Gradients (Part 1)

• گرادیان ها (قسمت 2) Gradients (Part 2)

• نقشه تصویر Image Map

روز 3: جلوه ها و رفتار نمایش در HTML Day 3: Effects & Display Behavior in HTML

• نمایش در CSS Display in CSS

• طرح بندی فلکس باکس Flexbox Layout

• با استفاده از Text Shadow متن های جذاب بسازید Make attractive texts using Text Shadow

• جعبه های زیبا با استفاده از Box Shadow Beautiful boxes using Box Shadow

روز چهارم: نحوه استفاده از فونت ها در HTML Day 4: How to use fonts in HTML

• فونت - قسمت 1: افزودن فونت به منابع HTML شما Fonts - Part 1 : Adding font to your HTML resources

• فونت - قسمت 2: استفاده از خواص فونت Fonts - Part 2 : Using font properties

• فونت ها - قسمت 3: کوتاه نویسی فونت Fonts - Part 3 : Font shorthand

• فونت ها - قسمت 4: استفاده از فونت های گوگل و آیکون های گوگل Fonts - Part 4 : Using Google Fonts and Google Icons

روز پنجم: نحوه کار با متون در HTML Day 5: How to work with texts in HTML

• ترازبندی متن Text Alignment

• تزیین متن Text Decoration

• فاصله متن Text Spacing

روز ششم: اسناد HTML خوب با استفاده از "عناصر معنایی" Day 6: Well formed HTML documents using "Semantic Elements"

• عناصر معنایی - مقدمه Semantic Elements - Introduction

• عناصر معنایی - عناصر چیدمان پایه: سرصفحه، پاورقی و کنار Semantic Elements - Basic Layout Elements: header, footer and aside

• عناصر معنایی - عناصر چیدمان پیشرفته: بخش، مقاله و اصلی Semantic Elements- Advanced Layout Elements : section, article and main

• عناصر معنایی -nav و figure Semantic Elements -nav and figure

روز هفتم: متا داده در HTML Day 7: Meta data in HTML

• عنصر سر Head Element

• عنصر عنوان Title Element

• فاویکون Favicon

• عنصر متا Meta Element

• عنصر پایه Base Element

روز آخر Last Day

• بعد چه می شود؟ What's Next?