قالب ها

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

 

ارسال نظر


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