آموزش پروژه محور html-css

تقسیم بندی صفحات وب مشخص می کند که هر عنصر سایت شما در کجا قرار گیرد واین کار به استاندار سازی،مرتب سازی، مفهومی سازی و ریسپانسیو سایت شما کمک خواهد کرد.

اگر به سایت های مختلف نگاه کنید، اکثر سایت ها از یک تقسیم بندی مشترک پیروی می کنند که همان ساختار html5 است.

شما یک قسمت هدر در سایت خود دارید که نام سایت، لوگوی سایت، منو و غیره را در آن قرار می دهید و معمولا در بالای سایت قرار دارد.

سپس بخشی برای ساید بار، معرفی خدمات، تبلیغات و … و در کنار آن بخشی برای نمایش محتوای اصلی سایت خود دارید. در پایان، بخشی به نام Footer دارید که می توانید لینک های مهم، راه های ارتباطی و … را در آن نمایش دهید.

در تصویر زیر این بحث را می توان به شکلی گویاتر مشاهده کرد:

تقسیم بندی صفحات وب در html

ریسپانسیو صفحات سایت

بنابراین می توان نتیجه گرفت که تفکیک محتوایی صفحات طراحی وب سایت و واکنش گرا بودن آنها از مهمترین مواردی است که در طراحی وب سایت و تقسیم بندی صفحات وب در html باید مورد توجه قرار گیرد.

continer چیست

Continer شامل یک سطر 100 درصدی در هر پلت فرم یا گجت گفته می شود که ممکن است بین یک تا دوزده ستون را شامل شود و شامل کد زیر می وباشد

نمایش کپی در حافظه

ستون بندی در html

هر سطر را در تقسیم صفحه html معمولا به یک تا دوازده ستون تقسیم می کنیم و برای جدا سازی این ستون ها از margin استفاده می کنیم.

در زیر 12 ستون مورد استفاده شده در css آورده شده است

نمایش کپی در حافظه

گرید بندی صفحه وب

طرح بندی سایت

کد تقسیم بندی صفحات وب

نمایش کپی در حافظه

ویدیو آموزش تقسیم صفحات وب در HTML

یک دیدگاه

  1. […] ادامه آموزش html-css و تقسیم بندی تگهای ساختار html5 به دلیل اینکه حجم کدهای که رفته رفته در تگ های مختلف […]

ارسال دیدگاه