قالب ها

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

 

ارسال نظر


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