کدنویسی سایت

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

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

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

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

Header Twelve Columns

Body Seven Columns

Sidebar Five Columns

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

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

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