قالب ها

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> یک زیر پنجره درون برنامه ای را معرفی می کند.

 

ارسال نظر


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