تقسیم بندی صفحات در Html برای شروع هر کاری همیشه نیازمند به آن هستیم که چارچوب اولیه و کلی آن کار را در ذهن یا بر روی کاغذ ترسیم کنیم. اینکار همه چیز را منسجم تر و رسیدن به هدف را آسان تر میکند. طراحی صفحات وب هم از این قاعده مستثنی نیست. برای ساخت یک صفحه وب در ابتدا شما باید صفحه خود را تقسیم بندی کنید و تعیین کنید هر عنصر از سایت شما قرار است در کدام قسمت از سایت قرار گیرد. پیشنهاد میکنم طرح اولیه سایت را بر روی کاغذ یا نرم افزارهای موجودی که برای این زمینه ساخته شده رسم کنید. اگر به سایت های مختلف دقت کرده باشید اکثر سایت ها از یک طبقه بندی کلی پیروی میکنند. شما بخشی برای هدر Header سایت خود دارید که در آن نام سایت، لوگو سایت، منو و ... قرار میگیرد و عموما در بالای سایت قرار دارد. پس از آن بخشی برای منوی عمودی ، معرفی خدمات، تبلیغات و ... دارید و در کنار آن واحدی برای نمایش محتوای اصلی سایت خود دارید. در انتها بخشی به نام فوتر Footer دارید که در آن لینک های مهم ، راه های ارتباطی و ... را نمایش میدهید. در تصویر زیر این بحث به صورت گویا تر قابل ملاحظه است : بخش sidebar ممکن است سمت چپ و یا هر دو طرف سایت قرار گیرد. در هر صورت شمای کلی اکثر سایت ها بدین شکل است. حال باید ببینیم چطور میتوانیم این تقسیم بندی را ایجاد کنیم. در گذشته برای اینگونه تقسیم بندی صفحات Html از جداول استفاده میشد و در جلسه پنجم آموزش Html در مورد آن صحبت کردیم. اما امروزه این روش منسوخ شده و برای تقسیم بندی صفحات از تگ <div> استفاده میکنیم. داخل این تگ از تمام عناصر Html میتوان استفاده کرد و این تگ عناصر داخل خود را در یک طبقه مشخص قرار میدهد. تغییر مکان و اندازه تگ div با استفاده از Css امکان پذیر خواهد بود. در جدول زیر مثالی از تگ div و خروجی آن را ملاحظه میکنید :