قالب ها

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

 

ارسال نظر


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