رفتن به مطلب

ایجاد صفحات چندگانه


payam-nn

پست های پیشنهاد شده

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

در ادامه با ساختار کلی و تگ های مربوط به چنین صفحاتی بیشتر آشنا خواهیم شد.

[h=4]ساختار صفحات چندگانه[/h] ساختار صفحاتی که میخواهیم در آن ها چندین صفحه را قرار دهیم کمی با صفحه های معمولی فرق می کند.

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

[TABLE]

[TR]

[TD=class: number]1[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]2[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]3[/TD]

[TD=class: content].......[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]4[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]5[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]6[/TD]

[TD=class: content].......[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]7[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]8[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

 

 

اما در ساختار صفحات چندگانه به جای عنصر

از عنصری به نام استفاده می شود. قبل و بعد از این عنصر نباید هیچ عنصر دیگری قرار بگیرد در غیر اینصورت frameset توسط مرورگرها چشم پوشی می شود. ساختار کلی اینگونه صفحات به صورت زیر است:

[TABLE]

[TR]

[TD=class: number]1[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]2[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]3[/TD]

[TD=class: content]

<span style="font-family:tahoma"> Frameset </span>[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]4[/TD]

[TD=class: content] [/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]5[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]6[/TD]

[TD=class: content] [/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]7[/TD]

[TD=class: content] [/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]8[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

[TABLE]

[TR]

[TD=class: number]9[/TD]

[TD=class: content][/TD]

[/TR]

[/TABLE]

 

 

 

می بینید که در اینگونهصفحات از تگ های

برای ایجاد یک صفحه چندگانه و تگ frame> برای مشخص کردن صفحاتی که در هر بخش نمایش داده خواهد شد استفاده می کنیم. در ادامه به بررسی هر یک از تگ های مرتبط با ایجاد صفحات چندگانه آشنا خواهیم شد:

تگ

: از این تگ تگ برای ایجاد یک صفحه چندگانه استفاده می کنیم. در واقع بااستفاده از این تگ برای اینکه به مرورگر می گوییم با یک صفحه چندگانه روبروست، استفاده می شود. این تگ صفت های زیر را پشتیبانی می کند.

 

  • rows : برای ایجاد فریم های افقی به کار می رود. از این صفت برای تعیین تعداد و اندازه هر یک از فریم ها استفاده می شود که در واقع لیستی از اندازه ها بر اساس واحدهای px ، درصد و نسبی خواهد بود.
  • cols : برای ایجاد فریم های عمودی به کار می رود. از این صفت برای تعیین تعداد و اندازه هر یک از فریم ها استفاده می شود که در واقع لیستی از اندازه ها بر اساس واحدهای px ، درصد و نسبی خواهد بود.

نکته : همانطور که اشاره شد یکی از انواع مقادیری که صفت های cols و rows می پذیرند مقادیر نسبی هستند که با * مشخص می شوند. این مقادیر پس از محاسبه اندازه های مشخص شده با px و درصد بر رویداد فضای باقیمانده عمل می کنند. به

محتوای مخفی

    برای مشاهده محتوای مخفی می بایست در انجمن ثبت نام کنید.
زیر دقت کنید: [TABLE]

[TR]

[TD=class: number]1[/TD]

[TD=class: content]

[/TD]

[/TR]

[/TABLE]

 

 

 

این تکه کد به آن معناس که ابتدا 300px برای frame اول، سپس %50 درصد از فضای باقیمانده برای feame دوم اختصاص داده می شود. پس از آن فضای باقیمانده به 6 قسمت کاملا مساوی تقسیم شده که 3 قسمت آن برای فریم سوم، دو قسمت برای فریم چهارم و یک قسمت برای فریم پنجم اختصاص داده می شود.

 

 

  • border : ضخامت border بین هر یک از فریم ها را کنترل می کند. عددی صحیح را بر حسب px می پذیرد.
  • bordercolor : رنگ border اطراف فریم ها را مشخص می کند.
  • frameborder :نمایش یا عدم نمایش border های اطراف فریم ها را مشخص می کند. مقادیر زیر را می پذیردframespacing : مثل صفت border رفتار می کند
    • 1 یا yes : نمایش borderها
    • 0 یا no : عدم نمایش borderها

     

    [*]

تگ frame> : برای مشخص کردن صفحه ای که در فریم ها نمایش داده می شود از این تگ استفاده می شود. این تگ جزء تگ های تهی است حتما باید در داخل تگ

استفاده شود. دقت کنید تعداد فریم های به کار رفته در داخل frameset ها باید با تعداد اندازه هایی که در صفت cols یا rows تگ frameset آمده است برابر باشد.

این تگ از صفت های زیر پشتیبانی می کند:

 

  • name : نامی برای frame مشخص می کند.این نام باید در صفحه یکتا باشد. دقت کنید که این نام می تواند به عنوان پنجره هدف لینک ها مورد استفاده قرار گیرد.
  • longdesc : آدرسی را که توضیح مفصلی در مورد فریم در آن هست را مشخص می کند.
  • src : آدرس صفحه ای که باید در فریم نمایش داده شود را مشخص می کند.
  • noresize : این صفت بولین در صورتی که برای فریمی به کار رود از امکان تغییر اندازه فریم توسط کاربر جلوگیری خواهد کرد.
  • scrolling :با این صفت می توانیم چگونگی نمایش یا عدم نمایش اسکرول های frame ها را هنگامی که محتویاتش از اندازه frame بیشتر باشد را کنترل کنیم. این صفت مقادیر زیر را می پذیرد:frameborder : نمایش یا عدم نمایش border همان فریم را کنترل می کند. همان مقادیری را می گیرد که صفت frameborder برای تگ frameset می گیرد.
    • auto : در صورت لزوم ابزار scroll را برای فریم نمایش خواهد داد.
    • yes : همیشه ابزار اسکرول را برای فریم نتمایش خواهد داد (حتی اگر محتویات بیش از اندازه کلی فریم نباشد)
    • no : هرگز ابزار اسکرول را برای فریم نمایش نخواهد داد (حتی اگر محتویات بیش از اندازه کلی فریم باشد)

     

    [*]

    [*]marginwidth : فاصله ی محتویات داخل فریم را از دیواره های چپ و راست (در عرض فریم) را کنترل می کند. این صفت عددی بر حسب px یا درصد را می پذیرد.

    [*]marginheight : فاصله ی محتویات داخل فریم را از دیواره های بالا و پایین (در ارتفاع فریم) را کنترل می کند. این صفت عددی بر حسب px یا درصد را می پذیرد.

تگ <span style="font-family:tahoma"><strong> :</strong></span><span style="font-family:tahoma"> بعضی مرورگرها کلا از frameset ها (صفحات چندگانه) پشتیبانی نمی کنند در نتیجه تگ های frameset و frame را نمی شناسند و احتمالا خود آن ها را در صفحه عینا نمایش خواهند داد. برای جلوگیری از این کار باید از تگی به نام </span><noframe><span style="font-family:tahoma"> در داخل تگ </span><frameset><span style="font-family:tahoma"> برای نمایش یک کد جایگزین در اینگونه مرورگرها استفاده کنیم. این تگ صفت خاصی ندارد و تنها وظیقه آن نمایش کدهایی است که در داخلش قرار می گیرد.</span></frameset></noframe>

تگ

 

منبع :

محتوای مخفی

    برای مشاهده محتوای مخفی می بایست در انجمن ثبت نام کنید.

لینک ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...