۱۱ اسفند ۱۳۹۰ ۵ 8239 بازدید

یکی از موارد کاربردی در طراحی صفحات وب، کار و استفاده از فریم ها هست؛ در این مقاله آموزش طراحی سایت، مفاهیم مرتبط را بصورت پایه و مفهومی مطرح می کنیم.

فریم ها در  HTML

با فریم ها، صفحات وب متعددی می توانند در همان پنجره مرورگر نمایش داده شو ند.

توجه:  انتظار نداشته باشید فریم ها در نسخه های آینده HTML پشتیبانی شوند.

 با فریم ها، شما می توانید بیش از یک سند HTML در همان پنجره مرورگر نمایش دهید. هر پرونده HTML یک فریم نامیده می شود، و هر فریم نیز مستقل از دیگری است.

معایب استفاده از فریم ها

  • از فریم ها انتظار نمی رود در نسخه های آینده HTML پشتیبانی شوند.
  • استفاده از فریم ها مشکل است(چاپ کل صفحه کار دشواری است).
  • توسعه دهنده گان وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشند.

 المنت های فریم در اچ تی ام ال

عنصر فریم یک یا چند عنصر فریم را نگه می دارد. هر عنصر فریم  می تواند یک سند را جداگانه نگه دارد.

دراین عنصر فریم های بسیاری از ستون یا ردیف ایالت ها وجود دارد، و مقدار درصدی /    و  پیکسل فضایی  که هر یک از آنهااشغال می کنند.

عنصر فریم در HTML

تگ <frame>تعریف یک پنجره خاص(فریم) در درون مجموعه فریم ها را تعریف می کند.

مثال پایین یک frameset با دو ستون را نشان می دهد:

<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>

 . ستون اول تا 25 ٪ از عرض پنجره مرورگر تنظیم شده است

.ستون دوم تا 75%  ازعرض پنجره مرورگر تنظیم شده است

سند    “frame_a.htm” در ستون اول قرار داده شده است، و سند “frame_b.htm” در ستون دوم قرار گرفته است.

نکته: فریم ها ی اندازه ستون می تواند بر حسب پیکسل تنظیم شوند (“cols=”200,500) , و همچنین می توان  یکی از ستون ها را با علامت ستاره برای استفاده از فضای باقی مانده، تنظیم کرد (“cols=”25%,*).

نکات پایه ای — اطلاعات مفید:

اگر فریم یک کادر  قابل رویت داشته باشید می تواند با کشیدن کادر آن ، اندازه آن را تغییر دهید. برای جلوگیری کاربر از انجام این کار ، شما می توانید “noresize” را به تگ <frame>  اضافه کنید.

نکته: افزودن تگ  <noframes> برای مرورگر هایی است که فریم ها را پشتیبانی نمی کنند.

مهم: شما نمی توانید  تگ   <body></body> را همراه با تگ  <frameset></frameset> استفاده کنید. با این حال ، اگر شما تگ <noframes>  را که حاوی مقداری متن برای مرورگر هایی که فریم ها را پشتیبانی نمی کنند اضافه می کنید شما باید متن را در بین تگ  <body></body> قرار دهید.

به عنوان مثال:

<html>
<"frameset cols="25%,50%,25%>
< frame src="frame_a.htm"/>
<frame src="frame_b.htm"/ >
<frame src="frame_c.htm"/ >
<noframes>
<body>Your browser does not handle frames!</body>
<noframes/>
<frameset/>
<html/>

که خروجی به صورت زیر است:

مثالی از فریم ها در طراحی سایت

استفاده از فریم ها در طراحی وب

 کلام آخر اینکه استفاده ی صحیح و به دور از سوء استفاده از فریم ها در طراحی سایت، از اهمیت ویژه ای برخوردار است؛ به این نکته توجه داشته باشید که از فریم ها هرگز برای فریب گوگل استفاده نکنید.

نظرات کاربران (۵)



  1. eli

    thank you. :)

  2. رضا

    اقااا دمتون گرم الان شیش صبحه من دو ساعت دیگه امتحان دارم و اینو بلد نبودم الان کامل متوجه شدم مرسی از مطالبتون

  3. shayan

    با سلام خیلی عالی بود ممنون.

  4. حسین

    با سلام خسته نباشید
    من html 5نصب کردم و این کد قرار دادم ولی ذخیره میکنم و با موزیلا باز میکنم کلا صفحه سفید است

  5. Mehdi

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