header & fotter عملکردشو در فرونت پیج توضیح بدید

rah

Member
سلام
اصولاً سایتهایی دارای صفحات به تعداد بالا هستند از این روش استفاده میکنند.
با احتساب اینکه سایت قرار است یک Header و یک Footer و یک بدنه اصلی داشته باشد(که بعضاً ثابت نیست) نمای ظاهری سایت را می توان به سه دسته تقسیم نمود.
در قسمت Header قسمت بالایی سایت معمولاً یک عکس بزرگ قرار میگیرد به همراه تاریخ لینکها و ... . این میشه Header که تنها همین بخش را در یک صفحه مجزا طراحی و مثلاً آنرا با نام دلخواه ذخیره می کنند.(header.htm)

footer هم به همین صورت، که شامل عبارت کپی رایت و Design و ... می باشد را در یک صفحه مجزا طراحی، سپس با نام دلخواه ذخیره می کنند.(foote.htm).

حال وقت طراحی صفحه index یا همان Home page می باشد. برای اینکار مثل همیشه مستقیماً به سراغ طراحی بدنه می رویم. یعنی فعلاً کاری به قسمت بالایی یا پایینی سایتمان نداریم. پس از اینکه طراحی تمام شد اول اول همه کدها حتی قبل از تگ html، این عبارت را وارد می کنیم(در صورتی که صفحاتمان همه در یک دایرکتوری باشند:
کد:
<!--#include file="header.htm"-->
و در آخر همه کدهایمان هم قبل از بسته شدن تگ Body این عبارت را:
کد:
<!--#include file="footer.htm"-->
حال یک بار نتیجه را در مرورگر ببینید.
به این کار اصطلاحاً اینکلود کردن نیز می گویند که صفحه یاد شده را به صفحه جاری می چسباند و در مرحله نمایش آنرا یکپارچه نمایش می دهد.(به شرطی که عرض table ها در هیدر و فوتر و اینکدس یکسان باشد)
پایان//
 

جدیدترین ارسال ها

بالا