قالب ها

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

 

ارسال نظر


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