آموزش XHTML - طراحی چیدمان با استفاده از CSS موقعیت‌دهی (Positional CSS) - آخرین آپدیت

دانلود XHTML - Positional CSS for Layout

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره آموزشی به فراگیران قدرت می‌دهد تا با استفاده از XHTML و CSS، چیدمان‌های مدرن وب را تحلیل، پیاده‌سازی و طراحی کنند. دوره با بررسی انتقادی تکنیک‌های سنتی چیدمان مانند فریم‌ها (Frames) و جداول (Tables) آغاز شده و سپس به تسلط عملی بر چیدمان‌های مبتنی بر Float در CSS، از جمله طراحی‌های چند ستونه و تراز کردن فرم‌ها می‌پردازد. در طول ماژول‌های پیشرونده، فراگیران چیدمان‌های واکنش‌گرا (Responsive) را با استفاده از تکنیک‌های Fluid و Jello می‌سازند، محتوا را با استفاده از لیست‌های HTML معنایی سازماندهی می‌کنند و منوهای ناوبری تعاملی را صرفاً با CSS توسعه می‌دهند. ماژول نهایی، فراگیران را راهنمایی می‌کند تا کنترل خود را بر ترکیب صفحه با استفاده از استراتژی‌های موقعیت‌دهی مطلق (Absolute)، ثابت (Fixed) و نسبی (Relative) نشان دهند و همزمان از z-index برای لایه‌بندی و سلسله‌مراتب بصری استفاده کنند. در پایان این دوره، فراگیران قادر خواهند بود چیدمان‌های وب حرفه‌ای را با دقت بالا، ساختار معنایی و رفتار واکنش‌گرا — بدون تکیه بر تکنیک‌های قدیمی یا جاوااسکریپت — پیاده‌سازی کنند.

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

مبانی چیدمان‌های مبتنی بر CSS Float CSS Float-Based Layout Foundations

  • معایب چیدمان‌های سنتی Drawbacks Of Traditional Layout

  • کدگذاری باینری و صفحات وب فلش Binary Encoding And Flash Web Pages

  • استفاده از Float با عناصر سطح بلوک (Block Level) Float With The Block Level Element

  • استفاده از ویژگی Float با تصاویر Float Attribute With Image

  • استفاده از Float با پاراگراف Float With Paragraph

  • ادامه استفاده از Float با پاراگراف Float With Paragraph Continues

  • استفاده از Float با فرم‌ها Float With Forms

  • ایجاد یک طراحی دو ستونه Creating A 2 Column Design

  • تنظیم و بهینه‌سازی حاشیه‌ها (Borders) Tuning Up The Borders

  • ایجاد یک طراحی سه ستونه Creating A 3 Column Design

چیدمان‌های پیشرفته و ساختارهای منو Advanced Layouts and Menu Structures

  • استفاده از ویژگی Min Height Using Min-Height Attribute

  • چیدمان Jello Jello Layout

  • مثال‌هایی از چیدمان Jello Examples Jello Layout

  • مثال‌های بیشتر Extra Examples

  • لیست‌های عمودی Vertical List

  • لیست‌های افقی Horizontal Lists

  • لیست‌های تودرتو Nested Lists

  • اثر Hover Hover Effect

  • ساخت منوها با استفاده از CSS Creating Menus with CSS

  • نمونه‌هایی از ساخت منو با CSS Examples of Creating Menus with CSS

آموزش جامع موقعیت‌دهی در CSS CSS Positioning Masterclass

  • موقعیت‌دهی مطلق (Absolute Positioning) Absolute Positioning

  • کار و مدیریت با Z-index Working and Managing with Z-index

  • چیدمان صفحه با موقعیت‌دهی مطلق Page Layout with Absolute Positioning

  • مثال‌هایی از چیدمان صفحه با موقعیت‌دهی مطلق Examples Page Layout with Absolute Positioning

  • موقعیت ثابت (Fixed Position) Fixed Position

  • موقعیت نسبی (Relative Position) Relative Position

  • مثال‌های اضافی برای استفاده از موقعیت‌دهی‌های جایگزین Extra Examples for Using Alternative Positioning

  • ادامه مثال‌های اضافی برای استفاده از موقعیت‌دهی‌های جایگزین Extra Examples for Using Alternative Positioning Continue

نمایش نظرات

آموزش XHTML - طراحی چیدمان با استفاده از CSS موقعیت‌دهی (Positional CSS)
جزییات دوره
8h 1m
28
(آخرین آپدیت)
39
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده