فريم بندی صفحات html ي

pooriamirani السبت نوفمبر 14, 2009 1:51 pm

عنی اينکه صفحه را به چند قسمت تقسيم کرده و برای هر قسمت يک صفحه html يا ASP يا PHP جايگزين می کنيم.
برای معرفی يک صفحه فريمی از <FRAMESET> ? </FRAMESET> استفاده می کنيم.
مثال: می خواهيم صفحه فريمی زير را که از دو ستون تشکيل شده را طراحی کنيم.

<HTML>
<HEAD>
<TITLE> frames </TITLE>
</HEAD>
<FRAMESET cols="200,*">
<FRAME src="menu.htm">
<FRAME src="welcome.htm">
</FRAMESET>
</HTML>

cols=" " =ستونی

1- می خواهيم صفحات را به صورت ستونی در کنار يکديگر قرار دهيم.
2- درون " "=cols بايد نسبت صفحاتی را که می خواهيم درون صفحه فريمی جا بگيرد را معرفی کنيم. در مثال به صورت زير نوشته شد.

<FRAMESET cols="200,*" >

يعنی ما می خواهيم دو صفحه را در کنار هم قرار دهيم که اولی 200 پيکسل و صفحه دوم بقيه طول صفحه را در بر خواهد گرفت.
اگر بخواهيم صفحه ها به صورت مثلا مساوی قسمت شوند:

<FRAMESET cols="*, *" >
يا
<FRAMESET cols="50%,50%" >

اگر بخواهيم صفحه ها را به صورت سطری در کنار يکديگر قرار دهيم به صورت زير استفاده می کنيم:

<FRAMESET rows=" ">

نکته مهم:در فايلهای html يا بايد frameset داشته باشيم يا body و نمی توانيم هر دو را با هم داشته باشيم.

Attributeهای فريم:

<FRAME
src=" "
frameborder="yes/no/3d"
marginwidth=" "
marginheight=" " فضای دور هر فريم
noresize
scrolling="yes/no/auto">

اسم گذاری برای هر فريم و برای مراجعه به اين صفحه بايد <" "=name> حتما از اين اسم استفاده کرد.
مثال:
يک صفحه فريمی به صورت زير داريم و می خواهيم user با کليک کردن روی student صفحه ای را ببيند که به جای welcome باز می شود و همچنين برای کلمه grads:

برای ساختن اين صفحه فريمی بايد از قبل تمام صفحات را ساخته باشيم:

1- menu.htm
2- welcome.htm
3- student.htm
4- grads.htm

menu.htm
<HTML>
<BODY>
<A href="student.htm" target="reza"> student </A>
<A href="grads.htm" target="reza"> grads</A>
</BODY>
</HTML>

اين targetها همان اسم فريمها هستند برای اينکه با کليک کردن روی grads صفحه مربوطه به جای صفحه welcome.htm باز شود بايد از target استفاده کنيم.
در جلوی target اسم آن صفحه فريمی را که می خواهيم صفحه ما در آنجا باز شود را می نويسيم.

welcome.htm
<HTML>
<BODY>
Welcome to my home page
</BODY>
</HTML>
student.htm
<HTML>
<BODY>
this is student home page
</BODY>
</HTML>
grads.htm
<HTML>
<BODY>
Here is the grads home page.
</BODY>
</HTML>

بعد از ساختن اين صفحات حال بايد صفحه فريمی اصلی را بسازيم:

<HTML>
<HEAD> <TITLE> welcome to this frame page. </TITLE>
</HEAD>
<FRAMSESET cols=?200, *? >
<FRAME src=?menu.htm? name=?vali? >
<FRAME src=?welcome.htm? name=?reza?>
</FRAMESET>
</HTML>

در صفحه های فريمی اول سطرها پر می شوند بعد ستونها.
Attributeهای frameset:

1- border=" "
2- bordercolor=" "
target=" "
target="_blank" : روی صفحه فريمی باز می شود new pageيک
target="_self" : را نگذاشته ايم target مثل اين است که
target="_parent" : صفحه بر روی فريم مادر خود باز می شود
target="_top" :صفحه قبلی از بين میرود ويک صفحه بدون فريم ظاهر میشود