قالب بندی صفحات وب – صفحه بندی – Page Layouts

قالب بندی صفحات در پروژه :

زمانی که می خواهیم طراحی خود را شروع کنیم می بایست قبل از طراحی قالب بندی صفحه وب خود را انجام دهیم. خوب برای اینکار با کمک CSS مشخصات و ویژگی های هدر سایت ، فوتر ، ستون ها و منوبرها و … را تعیین و طرحی کلی سایت خود را انجام می دهیم . قالب بندی کلی سایت معمولاً به دو صورت انجام می شود یکی با جدول بندی صفحه و روش دیگر با استفاده از بلاک بندی با تگ <div> ، که روش دوم متداول تر است و قابلیت انعطاف بیشتری را به صفحه هایمان می دهد. در سورس کد پایین چند نمونه از طرح را برای شما جهت دانلود قرار داده ایم که می توانید با سفارشی کردن آن طرح دلخواه خود را بسازید .

کد css طرح اول (صفحه سه ستونه) :

و کد صفحه وب (کد html) :

تصاویر ۳ طرح جهت قالب بندی صفحه وب

سه ستونه

قالب بندی صفحه وب سه ستونه

دو ستونه

صفحه دو ستونه

دو ستون و یک ستون اصلی

دو ستون و یک ستون اصلی

دانلود سورس سه طرح جهت قالب بندی صفحات وب

 

این مطلب را با دوستان خود به اشتراک بگذارید :
پروژه برنامه نویسی رایگان سورس Asp.Net سورس Asp.Net MVC سورس CSS سورس HTML

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

یک نظر

دیدگاه خود را بیان کنید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با موفقیت اشتراک شما ایجاد شد

از ما حمایت کنید