کدنویسی سایت

: ساخت چدیمان برگه در Foundation

نخست تکست ادیتور یا این که ویرایشگر متن متبوع خویش را گشوده نمایید و کدهای ذیل را در آن نسخه برداری نمائید و اسم آن را Index.html بگذارید:

خب به Foundation خوش آمدید. درحال حاضر کدهای ذیل را نیز در ویرایشگر متن خویش اضافه فرمایید:

این کدها به شیت شما امداد می نمایند که بتوانند به راحتی بر روی وب اکسپلورر بار گذاری شوند. علاوه بر این این کدها اساس ریسپانسیو شدن شیت شما میباشند. یعنی با استعمال از این کدها صفحه ها شما بر روی دستگاه های گوشی به نیکی بار گذاری میشوند. درحال حاضر برای ساخت چدیمان برگه همانطور که در قدم نخستین توضیح داده شد شما بایستی کدی شمابه کد ذیل ساخت و ساز فرمائید:

 

Header Twelve Columns

 

 

 

Body Seven Columns

 

Sidebar Five Columns

 

 

 

طراحی سایت این کدها سبب به ساخت ساختاری شبیه آنچه در پایین مشاهده مینمایید می شود. یعنی شما در صدر یک سطر ۱۲ ستونی خواهید داشت که هدر برگه شمارا تشکیل می دهد و به دنبال یک سطر هفت ستونی و یک سطر پنج ستونی که بدنه و ساید توشه را تشکیل میدهند. در انتها نیز شما یک سطر فوتر با پهنای ۱۲ ردیف خواهید داشت.

در seo روز بخوانید:
ویژوال کامپوزر چه میباشد ؟مروری بر پلاگین وردپرس ویژوال کامپوزر

خب تا اینجا ما توانستیم ساختار کلی و دکوراسیون اساسی یک برگه ریسپانسیو را ساخت و ساز نماییم. درحال حاضر نوبت به آن می رسد که المان های برگه باطن این ساختار قرار بگیرند. در قسمت بعدی ما متون و تصاویری را در این ساختار جایگذاری مینماییم تا شما کلیه فرآیند را به طور عینی مشاهده فرمائید.