قالب ها

1 1 1 1 1 1 1 1 1 1 رتبه 0.00 (0 رای)

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


مثالها

قابهای عمودی
دراین مثال شما سه قاب عمودی با محتوای مختلف، می بینید.

قابهای افقی
این مثال، قابهای افقی را نمایش می دهد.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

 


قابها

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

  • توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
  • چاپ کردن کل صفحه مشکل است

برچسب Frameset

  • برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
  • هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.

برچسب Frame

  • برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.

در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای ۲۵% از پنجره مرورگر ست شده است.ستون دوم با پهنای ۷۵% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.

<frameset cols="۲۵%,۷۵%">
    <frame src="frame_a.html">
    <frame src="frame_b.html">
</frameset>


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

اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.


مثالهای بیشتر

برچسب noframes
در صورتیکه مرورگر، امکان نمایش قابها را نداشت، به کمک این برچسب، می توان نمایش مناسبی را ارایه کرد.

قابهای پیچیده(ترکیبی از قابهای عمودی و افقی)
این مثال، صفحه ای که در آن قبهای عمودی و افقی، با هم وجود دارند را نشان می دهد.

قابی با موجودیت noresize="noresize"
با کنترل این موجودیت، از تغییر اندازه قابها می توان جلوگیری کرد.

قاب محتوا
این مثال روش ساخت یک قاب محتوایی را نشان می دهد. صفحه از دو قاب اصلی ساخته شده که یکی ازآنها، فهرست و دیگری محتوای سرفصل انتخابی را نمایش می دهند. در قاب فهرست، سه فراپیوند به صورت زیر تعریف شده که موجودیت traget هر فرا پیوند به نام قاب محتوا اشاره می کند.

<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>

قاب محتوا، محتوای هر یک از این فراپیوندها را نمایش می دهد.

 

قاب درجا
این مثال روش استفاده از قابهای درجا را نشان می دهد(این قابها را می توان به طور مستقیم، داخل html استفاده کرد و دیگر نیازی به قاب بندی کل صفحه نیست).

پرش به قسمت خاصی در داخل یک قاب
به کمک این روش می توان به قسمتی از محتوای قاب، در هنگام نمایش پرش کرد. برای این منظور پس از آدرس محتوای قاب، فراپیوند محل مورد نظر را قرار می دهیم. به مثال توجه کنید.

پرش به محل خاص در صفحه دارای قاب محتوا
این مثال ترکیبی از مثال "قاب محتوا" و مثال "پرش" است.


برچسب های قاب

برچسب ها توضیحات
<frameset> یک مجموعه از قاب ها را معرفی می کند
<frame> یک زیر پنجره (قاب) را معرفی می کند
<noframes> برای مرورگر هایی که قاب ها را پشتیبانی نمی کنند ، بخش بدون قاب را معرفی می کند.
<iframe> یک زیر پنجره درون برنامه ای را معرفی می کند.

 

ارسال نظر


VIBER TeamViewer 10 طراحی وب سایت سئو vpn ،فیلم برداری صنعتی کاتالوگ آنلاین هنری نقشه سایت شاه کلید وب قیمت یزد گوگل-goolge-طراحان سایت بهینه سازی موتور جستجو شرکت طراحی وب سایت در یزد اولین شرکت طراحی وب سایت در یزد وبسایت ESET Remote Administrator Console برنامه نویسی موبایل در یزد طراحی وب یزد بیلبورد در یزد عکاسی گوگل صفحه اول گوگل معرفی سایت تصاویری ۳۶۰ درجه ای seo برنامه نویسی جستجو تصاویر در گوگل تصاویر بندانگشتی بیلبورد در مشهد سیستم مدیریت کارت شارژ رایگان سیستم نوبت دهی پزشکان jQuery UI Google Robot وبمستر نمونه کار طراحی وب سایت جستجوگر TeamViewer Enterprise 9.0.27614 Server Enterprise اول شرکت طراحی یزد آنی اد نرم افزار ارسال انبوه تلگرام آموزش تصویری وایبر الکسا بهترین روش گوگل وب مستر بیلبورد در کرج photo spheres فیلتر شکن Firebug Crack TeamViewer Enterprise 9.28 Download Crack TeamViewer 9.28223 نمایش تصاویر بیلبورد بیلبورد در سمنان شورای انفورماتیک کشور سئو و بهینه سازی وب مستر مادام العمر HTML Firefox سیستم مدیریت محتوا بیتا پرداخت آنلاین دوربین مداربسته در یزد پیامک رایگان XML الگوریتم TeamViewer Dreamweaver سیستم فروشگاه ساز سایت نمونه کارها مصطفی رضایی تصاویر 360 درجه طراحی وب نسخه کرک شده کرک robots بهترین روش تبیلغات مدیران وب سایت درمانگاه ها بیلبورد در تهران پیج رنک web برتر cms ابر قدرت رتبه اول اخبار یزد فیلتر شکن 2015 پزشک حرفه ای بیلبورد در همدان سیستم مدیریت سامانه پیامک Rank سیستم مدیریت اعلام نمرات مدارس نرم افزار حذف پسورد بیلبورد در مازندران پورتال کارت تخفیف شرکت وب سایت یزد کلینیک ها صفحات وب شرکت طراحی وب یزد آتلیه طراحی php تفاوت نسخه رایگان و نسخه اصلی بیلبورد در شیراز You probably tried to upload too large file وب سایت ها بمب گوگل ، اسکریپت گالری تصاویر روش تبلیغات Hotspot Shield Elite ITVAN نوبت دهی TeamViewer Enterprise ربات گوگل طراحی سه بعدی Code Anywhere W3C Validator وب سایت در یزد یاهو سیستم مدیریت ایمیل ملی فروش لایسنس کاتالوگ آنتی ویروس 2014 خبر یزد پارانوما وب پاناروما سئوی سایت الگوریتم های پاندا و پنگوئن پیشرو پرداز سه بعدی تکنولوژی وب شبکه خصوصی HTML5 boilerplate چک کردن خرید بلیط اینترنتی تعرفه پانوراما تور مجازی 360 درجه تحت وب گوگل پلی پنالتی گوگل بی نهایت ویندوز: XP-7-8 داینامک تعرفه پیشرو پرداز یزد اندروید بسته Fetch as Googlebot اپلیکیشن رسمی عکاسی گوگل بیمارستان ها حذف پسورد ویندوز ESET NOD32 Antivirus 7 google bomb اسکریپت نوبت دهی پزشکان برنامه نویسی PHP Google Drawing پلانتی تبلیغات محیطی در یزد نامحدود شرکت طراحی و ب سایت در یزد ESET Remote Administrator Server بهترین شرکت طراحی وب سایت گوگل پنگوئن وب سایت طراحی ساده Ajax