آموزش نصب و استفاده از Firebug در فایرفاکس برای بررسی ساختار HTML، آزمایش تغییرات CSS و رفع اشکالات صفحه؛ همراه با معرفی پنل‌ها و محدودیت‌های این ابزار.
اصول طراحی وب سایت
چگونه طراح وب سایت بهتری شوم ؟
اهمیت یادگیری مداوم برای پیشرفت در طراحی وب بررسی می‌شود؛ همراه با راه‌های کسب دانش و تجربه از آموزش، کارآموزی، همایش‌ها، منابع آنلاین و پروژه‌های عملی.
10 نکته کاربردی در طراحی وب سایت
ده اشتباه رایج یا نادیده‌گرفته‌شده در طراحی وب و راه‌حل‌های جایگزین برای افزایش قابلیت استفاده از وب‌سایت بررسی می‌شود.
پنج تجربه در طول یک پروژه
پنج تجربه برای پذیرفتن پروژه‌ای که به مهارت تازه نیاز دارد؛ سنجش توانایی‌ها، برنامه‌ریزی یادگیری، کمک‌گرفتن از متخصصان و گفت‌وگوی صادقانه با مشتری بررسی می‌شود.
استفاده مناسب از تگهای Heading
نقش عنوان‌های h1 تا h6 در ساختار معنایی و خوانایی صفحه توضیح داده می‌شود؛ همراه با نمودار سلسله‌مراتب مطالب و اشتباهات رایج در جایگزینی و نمایش عنوان‌ها.
چینش صفحه – دو ستون – عرض متغیر
ساخت صفحه دوستونی با عرض متغیر و ستون کناری ثابت آموزش داده می‌شود؛ با توضیح موقعیت‌دهی ستون کناری و تنظیم فاصله محتوا برای جلوگیری از هم‌پوشانی.
آشنایی با گزینشگرها – selector – در CSS
انواع گزینشگرهای CSS، از نوع، class و ID تا گزینشگرهای نسل، فرزند، مجاور و صفت، با مثال بررسی می‌شود؛ همچنین کاربرد شبه‌کلاس‌ها و شبه‌عناصر توضیح داده می‌شود.
بررسی موقعیت عناصر در یک سند HTML
ساختار درختی سند HTML و روابط جد، نسل، والد، فرزند و عناصر هم‌سطح با نمودار و مثال توضیح داده می‌شود تا انتخاب عناصر در CSS آسان‌تر شود.
چینش صفحه – دو ستون – عرض ثابت + لایه های گسترده
ساخت صفحه دوستونی با عرض ثابت و بخش‌های گسترده هدر، منو و فوتر آموزش داده می‌شود؛ با استفاده از wrapper برای کنترل عرض محتوای هر بخش.
چینش صفحه – دو ستون – عرض ثابت
ساخت صفحه دوستونی با عرض ثابت آموزش داده می‌شود؛ با توضیح خنثی‌کردن float و استفاده از تصویر پس‌زمینه برای نمایش هم‌ارتفاع ستون‌ها.
چینش صفحه – یک ستون – عرض متغیر
ساخت صفحه تک‌ستونی با عرض متغیر یا Liquid آموزش داده می‌شود؛ همراه با کدهای HTML و CSS و تنظیم فاصله صفحه از دو طرف با margin.
چینش صفحه – یک ستون – عرض ثابت
ساخت صفحه راست‌به‌چپ تک‌ستونی با عرض ثابت ۹۶۰ پیکسل آموزش داده می‌شود؛ همراه با ساختار HTML، کدهای CSS و قرارگیری صفحه در مرکز.
Outline , list-style – خلاصه نویسی دستورات CSS
روش خلاصه‌نویسی outline و list-style در CSS و اثر مقادیر پیش‌فرض توضیح داده می‌شود؛ همراه با تعیین نشانه جایگزین برای تصویر فهرست.
Border – خلاصه نویسی دستورات CSS
خلاصه‌نویسی ویژگی‌های حاشیه با border و اثر حذف مقدار رنگ، ضخامت یا نوع خط بررسی می‌شود؛ همراه با مثال‌هایی از تأثیر رنگ متن بر رنگ حاشیه.
Margin , Padding – خلاصه نویسی دستورات CSS
روش کوتاه‌نویسی margin و padding با یک تا چهار مقدار و ترتیب اعمال آن‌ها به چهار جهت، با مقایسه کدهای کوتاه و جداگانه آموزش داده می‌شود.
Background – خلاصه نویسی دستورات CSS
ویژگی‌های پس‌زمینه و مقادیر پیش‌فرض آن‌ها در CSS معرفی می‌شود و نوشتن آن‌ها در یک دستور background با مثال توضیح داده می‌شود.