آموزش HTML و CSS: ایجاد یک وب سایت پایه (تعاملی)

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

HTML HTML

• تگ های HTML HTML tags

• چالش: علامت گذاری سرفصل ها Challenge: Marking Up Headings

• چالش: علامت گذاری لیست ها Challenge: Marking Up Lists

• لینک های HTML HTML links

• چالش: ایجاد یک لینک Challenge: Create a Link

• چالش: پیوند به HOB Challenge: Link to HOB

• چالش: منوی سایت Challenge: Site Menu

• چالش: پیوندهای گسترده سایت Challenge: Site Wide Links

CSS CSS

• انتخابگرهای CSS CSS selectors

• چالش: نوشتن انتخابگر Challenge: Writing Selectors

• رنگ های هگزادسیمال Hexadecimal colors

• چالش: تغییر به رنگ های هگز Challenge: Changing to Hex Colors

• مدل جعبه The Box Model

• چالش: اصلاح ویژگی های مدل جعبه Challenge: Modifying Box Model Properties

• چالش: رفع سبک های Prependers Challenge: Fixing Prependers Styles

کلاس ها و چیدمان Classes and Layout

• انتخابگرهای CSS CSS Selectors

• چالش: جداسازی CSS Challenge: Separating CSS

• چالش: رفع ناوبری سایت Challenge: Fixing The Site Navigation

• چالش: تاریخ های تور استایلینگ Challenge: Styling Tour Dates

• divs و Layout divs and Layout

• چالش: تقسیمات صفحه Challenge: Page Divisions

• چالش: سبک های آلبوم Challenge: Album Styles

• چالش: متمرکز کردن محتوا Challenge: Centering Content

• چالش: پاکسازی صفحه باند Challenge: Cleaning Up The Bands Page

تصاویر Images

• تصاویر محتوا Content Images

• چالش: نشانه گذاری تصویر محتوا 1 Challenge: Markup A Content Image 1

• چالش: نشانه گذاری تصویر محتوا 2 Challenge: Markup A Content Image 2

• چالش: اضافه کردن تصاویر محتوا Challenge: Adding Content Images

• چالش: به روز رسانی لوگوی سایت Challenge: Updating The Site Logo

• چالش: رفع تگ های عنوان Challenge: Fixing The Heading Tags

• تصاویر پس زمینه Background Images

• چالش: استایل دادن به پس‌زمینه‌های CSS Challenge: Styling CSS Backgrounds

• چالش: اضافه کردن پس‌زمینه‌های CSS Challenge: Adding CSS Backgrounds

• چالش: نوشتن متن روی پس‌زمینه CSS Challenge: Writing Text on CSS Backgrounds

• چالش: تصاویر پس‌زمینه حاشیه‌دار Challenge: Bordered Background Images

• تصاویر شناور Floating Images

• چالش: تصاویر شناور 1 Challenge: Floating Images 1

• چالش: تصاویر شناور ۲ Challenge: Floating Images 2

فونت ها و فرم ها Fonts and Forms

• تنظیم سبک فونت Adjusting Font Styles

• چالش: خانواده فونت 1 Challenge: Font Family 1

• چالش: خانواده فونت 2 Challenge: Font Family 2

• چالش: خانواده فونت 3 Challenge: Font Family 3

• چالش: تنظیم سبک های قلم Challenge: Setting Font Styles

• چالش: رفع اندازه فونت Challenge: Fixing Font Sizes

• چالش: تنظیم ارتفاع خط Challenge: Adjusting Line Height

• ایجاد فرم های وب Creating Web Forms

• چالش: یک فرم اساسی Challenge: A Basic Form

• چالش: سایر ورودی ها Challenge: Other Inputs

• چالش: شکل دادن به فرم ها Challenge: Styling Forms

• چالش: انتخابگرهای ویژگی Challenge: Attribute Selectors