IDN » فریمها ( Frames )

( تعداد نمایش : 1852 )

فریمها ( Frames )

با کمک فریمها قادر به نمایش همزمان بیش از یک صفحه وب در پنجره مرورگر خواهید شد. در این درس با مفاهیم فریم ( Frame ) و تگ های مربوطه مخصوصا تگهای Frame و Frameset آشنا خواهید شد.

فریمها (Frames)با کمک فریمها قادر به نمایش همزمان بیش از یک صفحه وب در پنجره مرورگر خواهید شد. هر صفحه یا دریچه، فریم (frame) نامیده شده و فریمها کاملا مستقل از هم میباشند. محتوای هر فریم هم میتواند هر صفحه یا وب سایتی باشد. هر چند که فریمها طراحی سایتهای کوچک و متوسط را بسیار آسان میکنند ولی استفاده از آنها در کارهای حرفه ای توصیه نمیشود.(به جز در موارد خاص)

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

موتورهای جستجو با صفحات طراحی شده با فریمها مشکل دارند.
چاپ و print صفحاتی که از فریمها استفاده میکنند مشکل است.
صفحاتی که از فریمها استفاده میکنند معمولا مبتدی بودن طراح سایت را نشان میدهد!!

تگ فریم ست (Frameset)

تگ <frameset> به تعریف فریمها و تقسیم بندی پنجره مرورگر میپردازد.
هر تگ <frameset> مجموعه ای از ردیفها یا ستونها را تعریف میکند.
داخل هر فریم میتواند frameset دیگری قرار دهید.
با کمک شناسه های rows و cols ابعاد و نسبت هر فریم تعیین میگردد.
تگ <frameset> درون تگهای <html> و <html/> قرار میگیرد.(نیازی به قید تگ body هنگام معرفی یک frameset نیست.)

تگ فریم (Frame)

کاربرد اصلی تگ <frame> تعیین source یا نام صفحه ای است که باید در فریم ها نمایش داده شود.

مثال زیر مجموعه ای از فریمها را که شامل دو فریم عمودی میباشند معرفی میکند. از سمت چپ فریم اول ۷۵ درصد و فریم دوم ۲۵ درصد از عرض پنجره مرورگر را به خود نمایش خواهند داد. در ادامه تعریف محتویات هر فریم، درون فریم اول فایل “frame_left.html” و درون فریم دوم فایل “frame_right.html” نمایش داده خواهد شد.

<html>
<frameset cols="75%,25%">
   <frame src="frame_left.html">
   <frame src="frame_right.html">
</frameset>
</html>

برای نمایش مثال بالا به سه فایل نیاز دارید، frame_left.html ،frame_right.html و فایل کد اچتمل بالا.

شناسه های cols و rows در تگ frameset

شناسه	مقدار شناسه	کارکرد
cols	عرض پنجره بر اساس پیکسل، درصد یا علامت *	تعیین تعداد و اندازه ستونها در فریم ست

rows	عرض پنجره بر اساس پیکسل، درصد یا علامت *	تعیین تعداد و اندازه ردیفها در فریم ست

مثالهای زیر را در نظر بگیرید:

در مثال دوم عرض پنجره با مقادیر درصدی به فریمها اختصاص یافته است.
در مورد شناسه rows دقیقا قراردادهای بالا برقرارند.

نکات کاربردی:* اگر فریمهای طراحی شده مرزهای قابل مشاهده دارند توسط کاربر قابل تغییر اندازه (resize) خواهند بود و برای جلوگیری از تغییر اندازه فریمها توسط کاربر باید از شناسه ای به نام noresize در داخل تگ <frame> استفاده شود. در این مثال noresize نمیتوانید که فریمها را تغییر اندازه بدهید.

* اگر میخواهید که فریمها scroll نشوند (بالا و پایین بردن صفحه توسط ماوس) باید در تگ frame مقدار شناسه scrolling را برابر “no” قرار دهید. (مقادیر ممکن “yes” ، “no” و “auto” میباشند.) در این مثال scrolling صفحات قابل scroll نیستند.

* اگر میخواهید که مرز بین فریمها نمایش داده نشوند باید در تگ frame مقدار شناسه frameborder را برابر “۰″ قرار دهید. (مثال frameborder )

* درصد بسیار کمی از مرورگرها از تگهای مربوط به frame و frameset پشتیبانی نمیکنند. برای این موارد باید از تگ <noframes> جهت نمایش صفحه جایگزین استفاده شود.

تگ های فریم

مثال ۲

<html>
<frameset cols="25%,50%,25%">
   <frame src="frame_3.html">
   <frame src="frame_2.html">
   <frame src="frame_1.html">
</frameset>
</html>

<html>
<frameset cols="*,200">
   <frame src="frame_2.html">
   <frame src="frame_1.html">
</frameset>
</html>

نمایش توسط مرورگر

Start Tag	Purpose	کاربرد
<frameset>	Defines a set of frames	تعریف مجموعه ای از فریم ها

<frame>	Defines a sub window (a frame)	تعریف یک فریم

<noframes>	Defines a noframe section for browsers that do not handle frames	تعریف جایگزین برای مرورگرهائی که از فریم ها پشتیبانی نمیکنند.

<iframe>	Defines an inline sub window (frame)	تعریف فریم های درجا (inline)

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

باید وارد سایت شده باشید برای دیدگاه دادن

Iran Developers Network

فریمها ( Frames )

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

اطلاعات