صفحه آرایی یکی از مهمترین مباحث در طراحی صفحات وب می باشد و از روزهای اول وب طراحان همیشه درگیر این موضوع بوده‌اند و به دنبال بهترین راه حل‌ها برای آن می‌باشند. اولین راه حل صفحه آرایی استفاده از عنصرهای جدول در 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
سلام و عرض خسته نباشید.
یه سوال خارج از بحث :
چطوری تو صفحه ی html م کدهای زبان های برنامه نویسی رو قرار بدم ( به طور حرفه ای) ؟
ممنون میشم جواب بدید.
با استفاده از <code>
سلام دوستان:
من و یکی از دوستان سایتی را احداث نمودیم ولی هیچکدام از ما تخصص در صفحه آرایی وب نداریم . هدف ما صفجه آرایی وب برای تبلیغ از کارهای انجام شده ما در زمینه نرم افزار کتیا هست . اول میخواهیم به معرفی نرم افزار و سپس معرفی تمرین و کارهای انجام شده و سپس معرفی دوره های آموزشی و دانلود فایل های تمرینی برای نو آموزانCatia V5-6 R2017 این نرم افزار می باشد. لذا از دوستانی که مهارت دارند استدعا داریم به ما راهنمایی کنند.
با تشکر
سلام
با تشکر از آموزش های خوبتون. لطفا در صورت امکان آموزش Bootstrap رو هم قرار بدید.
سلام آقای سیدی وقت بخیر لطف میکنید یه نگاه به این بندازید برای واکنشگرا بودن این مدل جواب میده ؟
https://codepen.io/abxlfazl/pen/MWKxWjm