قالب ها

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