اینترنت, طراحی وب سایت

قاب - این چیست؟ ساختار و ایجاد فریم

قاب - ناحیه ای از وب سایت (پنجره)، که در آن ما یک صفحه وب دیگر را مشاهده کنید. وب مستر ها با استفاده از این فرصت برای نشان دادن در صفحه اصلی از دوستان و یا همکاران خود را. از همان روش استفاده شده است برای نمایش در کادر جستجوی ویندوز و تعدادی از نتیجه آن، و به همین ترتیب. D.

اما بیشتر فریم های مورد استفاده در ایجاد پورتال وب سایت بزرگ، که در آن تعداد قابل توجهی از منوها و زیرمنوها. چنین معمولا می گویند: "سایت در قاب." برای ایجاد چنین یک منبع نیاز به دانش خوبی از HTML زبان.

ایجاد فریم در وب سایت سازنده

در برخی از وب سایت سازنده تولید خودکار یک کد فراهم می کند. به طور معمول، علاوه بر این از فریم های کلیدی در منوی برنامه اصلی است. اول، شما باید اشاره گر را در جای مناسب بر روی صفحه قرار دهید، و سپس کلیک بر روی دکمه برای باز کردن پنجره (همانطور که در تصویر نشان داده شده است). ممکن است که به مشخص نمودن آدرس صفحه ای که در قاب باز خواهد شد، و تنظیم ابعاد: عرض و ارتفاع.

اما بیشتر فریم های مورد استفاده در ایجاد پورتال وب سایت بزرگ، که در آن تعداد قابل توجهی از منوها و زیرمنوها. چنین معمولا می گویند: "سایت در قاب." برای ایجاد چنین یک منبع نیاز به دانش خوبی از HTML زبان.

با این "خدمت" ممکن است برای ایجاد فریم های متعدد در یک صفحه، تنها عناصر مربوط به درون آن، بنابراین شما می کنید.

قاب در CMS

بسیاری از برنامه های برای ایجاد وب سایت امکان نصب و راه اندازی ماژول. به عنوان مثال، برای قاب جوملا - این ماژول "لفاف بسته بندی (لفاف بسته بندی)".

می توان آن را در بر داشت و در کنترل پنل سیستم مدیریت محتوا جوملا راه اندازی: "ضمیمهها" - "مدیریت ماژول" - "جدید" (دکمه نارنجی رنگ دور با یک علامت بعلاوه در داخل). در پنجره پاپ آپ، در لیست، شما یک ماژول از «لفاف» را ببینید.

اگر آن نمی باشد، سپس آن را شامل نمی شود. برای استفاده از آن، شما نیاز به آن را فعال اینجا: تب "ضمیمهها"، "مدیر فرمت"، سپس "مدیریت" تب. و به دنبال در فهرستی که ظاهر می شود، شما می توانید به سرعت برای جستجو در "فیلتر" را وارد کنید کلمه: لفاف بسته بندی. روبروی این ماژول باید آیکون علامت تیک سبز رنگ در داخل باشد. یک دایره قرمز رنگ با یک نقطه در داخل این معنی است که این افزونه غیر فعال است.

پس از این روش، شما می توانید به "مدیریت ماژول" بازگشت، ایجاد یک قاب و تنظیم پارامترهای آن است.

همانطور که می توان در تصویر دیده می شود، ماژول اجازه می دهد تا شما را به مجموعه: عنوان قاب، موقعیت ماژول، صفحه ای از سایت که در آن نمایش داده را انتخاب کنید. شما همچنین می توانید عرض، ارتفاع تنظیم. اضافه کردن یک قاب و لینک واقعی در یک صفحه وب. اگر قاب شما می خواهید برای نمایش در صفحه اصلی سایت تمام عرض، 100٪، به طور پیش فرض، کافی نخواهد بود. شما می توانید با خیال راحت به سمت راست 400٪. ارتفاع 200 معمولا به اندازه کافی برای نمایش منو بالای صفحه است. بقیه محتوای قابل مشاهده خواهد بود در صورتی که کاربر (بازدید کننده) استفاده از نوار اسکرول.

در اینجا یک مثال از آنچه یک قاب در به Jumla است.

ماژول جوملا برای ایجاد قاب بسیار راحت و آسان برای استفاده است. با این حال، دامنه آن محدود، و همچنین ویژگی های طراح است.

تاریخ و واقعیت

در عمل از ایجاد وب سایت از فریم که برچسب (درخواست خود را) شده است به پس زمینه رانده. آنها قادر به جایگزین ماژول ها، در تنظیم یک برنامه طراحی است که به تولید کد برای یک صفحه وب بدون saytostroitelya بود. با این حال، در برخی موارد این کافی نیست. به عنوان مثال، زمانی که قاب - یک ساختار یکپارچه پیچیده از مناطق به در مرورگر نمایش داده می شود. بنابراین سایت های پیچیده ساختار دیدن صاحبان. در ایجاد آن هستند تنها در موارد شدید زیرا وب سایت freymovskie به طور انحصاری با برچسبهای تخصصی ایجاد شده است.

سایت های پیچیده ساختار

برای آنها، ایجاد چند قاب مرتبط به هم است یک راه حل بهینه سازماندهی محتوا در منابع. این است که معمولا پورتال های بزرگ، پهن با قوی تر هر سال است.

چگونه برای رسیدن به همان نتیجه؟ چگونه برای ایجاد یک ساختار قاب؟

چگونه برای ورود به قاب در کد صفحه

قاب اضافه می شوند به HTML با استفاده از برچسب:

  • فریم (برای یک پنجره جداگانه)
  • قاب (ساختار طیف با آن را ایجاد)؛
  • از iframe ( "شناور" قاب)؛
  • noframes (در صورت قاب عدم نمایش در مرورگر کاربر).

اولین برچسب مشخص همیشه در یک جفت از معرفی مناسب و معرفی. و آن را جایگزین های و . و با ویژگی های مناسب شما می توانید ویژگی های هر یک از آیتم تنظیم: نام (نام =)، اندازه (گذرگاه = و ردیف =)، حضور قاب (مرز)، به شکل نوار اسکرول و، البته، یک لینک به یک صفحه وب برای نمایش ندارد.

ثبت نام تغییرات

صفحه سایت کامل را می توان به مناطق تقسیم شده است. به عنوان مثال، مثل این:

چپ

قاب بالا

راست

چنین ساختار (آن است که تو در تو نامیده می شود) می توان با نوشتن یک تگ در داخل گذرگاه نسبت، نشان دهنده محل قاب افقی، و ردیف به دست آمده - به صورت عمودی. باید قرار داده می شود علامت تساوی و اندازه تجویز می شوند. به عنوان مثال، 60٪، 40٪ - درصد (یک پنجره طول می کشد 60٪ از مرورگر فضایی دیگر، به ترتیب، 40٪). یا 100، 200 - نسبت ابعاد به پیکسل. ابعاد یکی از فریم های آن ممکن است برای تنظیم نیست (تعیین شده توسط پیش فرض). برای این کار قبل یا بعد از نقطه اعشار شما نیاز به مشخص شخصیت *.

در داخل این جفت قاب ثبت هر فریم با پارامترهای: SRC = http: // باشد سایت / مقاله / 143778 /٪ 2C نقل مرجع از این پس به یک صفحه وب ساخته شده و یک عنوان نام = (به عنوان مثال، قاب 1).

تودرتو هر منطقه جدید تعیین شده یک frameset جدید است.

به عنوان مثال کد: <قاب ردیف = "50" گذرگاه = "80،20"> <قاب SRC = "http://fb.ru/article/143778/٪5B٪D1٪81٪D1٪81٪D1٪8B٪ D0 صفحه٪ BB٪ D0٪ BA٪ D0٪ B0] "نام =" تعداد فریم 1 "> <ردیف قاب =" 80،20 "> <قاب SRC =" http://fb.ru/article/143778/ ٪ 5B٪ D1٪ 81٪ D1٪ 81٪ D1٪ 8B٪ D0٪ BB٪ D0٪ BA٪ D0٪ B0 به صفحه] "نام =" قاب № 2 "> <قاب SRC =" http: // باشد سایت / مقاله / 143778 /٪ 5B٪ D1٪ 81٪ D1٪ 81٪ D1٪ 8B٪ D0٪ BB٪ D0٪ BA٪ D0٪ B0 به صفحه] "نام =" قاب № 3 "> معرفی معرفی

توجه کنید که در این مثال، برای فریم دوم و سوم اندازه تجویز می شوند فقط یک بار.

بسیاری از تابه اجازه می دهد فریم اجرا می شود. نمونه هایی از مکان خود را در پنجره مرورگر می توان بی نهایت به ارمغان آورد (مناسب تغییر کد). با این حال، کاربرد عملی از این اطلاعات برای مدت زمان طولانی یافت نشد. قاب، اگر امروز مورد استفاده برای ایجاد سایت های، اما تنها در قالب ماژول در CMS رایگان و یا یک IFrame.

قاب های شناور

من تعجب می کنم که چرا آن نام خود را، در اینجا کلمه مناسب تر "ساخته شده در" است. این قاب طراحی شده است برای نمایش محتویات یک فایل. شما به پایگاه داده هر سند و یا فایل آپلود با استفاده از تگ ayfreyma تنظیم مسیر به آن - و بازدید کنندگان را در یک فایل متنی (فیلم یا عکس) را ببینید. متاسفانه، مرورگرهای همیشه محتویات را منعکس نمی کند. این سازندگان وب بین باز و بسته شدن عبارت وارد شده: "مرورگر شما محتویات نشان نمی دهد."

به عنوان مثال، Seopult.ru - خدمات شناخته شده از استادان برای پیشبرد. نه تنها وب سایت اصلی آن، و آینه I.seopult.pro ایجاد شده برای مشتریان پورتال.

  • در <یک عکاس هنگام عکسبرداری = "کنید: http: // سایت / مقاله / 143778 /٪ 5B٪ D1٪ 81٪ D1٪ 81٪ D1٪ 8B٪ D0٪ BB٪ D0٪ BA٪ D0٪ B0 ayfreyma کد به عنوان تاسیس صفحه] "> دستورالعملها کنید . که در آن برچسب
  • برای تعیین لیست آیتم ها طراحی شده است. پشتیبانی شده توسط تمام مرورگرها.

    در آینه شما می توانید کلمه "دستورالعمل" صفحه خود را در قالب یک دکمه را ببینید. هنگامی که شما بر روی آن کلیک کنید در مرکز پنجره مرورگر باز می شود ارائه.

    تمام سایت های بزرگ برای تماشای فیلم و تلویزیون را نشان می ایجاد شده با استفاده ayfreymov (به عنوان مثال، "Imhonet")، و همچنین شبکه های اجتماعی. حتی در صفحه اصلی از "Yandex" شامل این تگ، و نه یک جفت.

    چگونه به ثبت نام از iframe

    دانلود به وب سایت شما در قالب یک پنجره سند را با یک نوار اسکرول می توانید در هر مکان است. معمولا برچسب های درون بدن دفع شده است. علاوه بر استاندارد

    و ، همانطور که در مثال نشان داده شده فوق را می توان مورد استفاده قرار گیرد و یک لیست تگ -

  • در.

    در ayfreym صفات اضافه شده:

    • عرض (عرض) و ارتفاع (ارتفاع =).
    • هماهنگی چین لبه؛
    • بالشتک، که نمی تواند تجویز کند: مقدار پیش فرض 6 است - این است که کاملا به اندازه کافی.
    • با استفاده از allowtransparency زمینه قاب شفافیت، شما می توانید مشخص کنید که شما می توانید پس زمینه صفحه را میبینید؛
    • به علاوه آشنا SCR، نام، پیمایش، مرز.

    ناوبری با استفاده از ayfreyma

    جالب ترین توانایی در زمینه فریم است - این است که به نوشتن کد که اجازه می دهد تا برای باز کردن محتوای موجود در پنجره بر روی لینک - چه تنها با چند مراجع (هر دو در دسترس کاربر در همان صفحه) بود سازندگان Seopult آینه،.

    برای این ayfreym گرفته، علاوه بر ثبت نام بعد از نام =. به عنوان مثال، zagolovok. علاوه بر این، در مقابل او را در برچسب های شما و منابع تجویز شده توسط عکاس هنگام عکسبرداری = http: // باشد سایت / مقاله / 143778 /٪ D1٪ نشان می دهد اجباری 81 بعد از آنها ویژگی target = zagolovok. قبل از اینکه شما می توانید یک برچسب بسته استفاده می کنید، نشان کتیبه، که به عنوان دکمه مرجع خدمت می کنند. برچسب ها "و" باز و بسته شدن در تگ p هستند.

    شما می توانید این چند خط کد اختصاص به نهایت آنلاین در یک ردیف دکمه های چند، لینک ها، کلیک کردن بر روی آن پنجره زیر خواهد محتوای مختلف نشان می دهد.

    کد به شبیه به این:

    <یک عکاس هنگام عکسبرداری = "http: // باشد سایت / مقاله / 143778 /٪ 5B٪ D1٪ 81٪ D1٪ 81٪ D1٪ 8B٪ D0٪ BB٪ D0٪ BA٪ D0٪ B0 به صفحه]" هدف = "zagolovok"> ارسال تبلیغات رایگان

    <یک عکاس هنگام عکسبرداری = "http: // باشد سایت / مقاله / 143778 /٪ 5B٪ D1٪ 81٪ D1٪ 81٪ D1٪ 8B٪ D0٪ BB٪ D0٪ BA٪ D0٪ B0 به صفحه]" هدف = "zagolovok" > مشاهده آگهی کنید