قالب ها

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