قالب ها

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

 

ارسال نظر


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