ماژول‌های صفحه آرایی در سی اس اس

ماژول‌های صفحه آرایی

صفحه آرایی یکی از مهمترین مباحث در طراحی صفحات وب می باشد و از روزهای اول وب طراحان همیشه درگیر این موضوع بوده‌اند و به دنبال بهترین راه حل‌ها برای آن می‌باشند. اولین راه حل صفحه آرایی استفاده از عنصرهای جدول در HTML بودند که از لحاظ معناشناسی وب استفاده از جدول برای صفحه آرایی اشتباه بود. همچنین این روش محدودیت های فرآوانی را داشت. بعد از طراحان صفحه آرایی را با استفاده از ویژگی Float انجام می‌دادند و البته این روش همچنان استفاده می شود. اما این روش نیز محدودیت‌ها و مشکلات مربوط به خود را همیشه داشته است.

بعد از چندین سال بالاخره ماژول‌های صفحه آرایی به مرور وارد دنیای وب و سی‌اس‌اس شدند و رویای طراحان وب به حقیقت پیوست. در این فصل با این ماژول‌ها بطور کامل آشنا می‌شویم.

 
 

اول از همه ماژول چندستوی را معرفی می‌کنیم که با استفاده از آن می‌توان چیدمانی شبیه به چیدمان روزنامه‌ها و مجلات پیاده‌سازی کرد:

column-count column-width columns column-gap column-rule-color column-rule-width column-rule-style column-rule column-span column-fill

 
 

سپس به سراغ ماژول پرقدرت فلکس‌باکس می‌رویم و کار با آن را بطور کامل فرا می‌گیرم:

flexbox

 
 

و در آخر جدیدترین ماژول صفحه آرایی سی‌اس‌اس به نام گرید را با هم کاملا بررسی می‌کنیم:

grid

 
 

سوالت رو توی پنل بحث و گفتگو مطرح کن.

3 دیدگاه برای “ماژول‌های صفحه آرایی

  1. سلام و عرض خسته نباشید.

    یه سوال خارج از بحث :

    چطوری تو صفحه ی html م کدهای زبان های برنامه نویسی رو قرار بدم ( به طور حرفه ای) ؟

    ممنون میشم جواب بدید.

  2. سلام دوستان:

    من و یکی از دوستان سایتی را احداث نمودیم ولی هیچکدام از ما تخصص در صفحه آرایی وب نداریم . هدف ما صفجه آرایی وب برای تبلیغ از کارهای انجام شده ما در زمینه نرم افزار کتیا هست . اول میخواهیم به معرفی نرم افزار و سپس معرفی تمرین و کارهای انجام شده و سپس معرفی دوره های آموزشی و دانلود فایل های تمرینی برای نو آموزانCatia V5-6 R2017 این نرم افزار می باشد. لذا از دوستانی که مهارت دارند استدعا داریم به ما راهنمایی کنند.
    با تشکر

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *