آموزش ایجاد فریم های داخلی

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

در قسمتهای قبل با طرز ساختن فریمها و خواص آنها آشنا شدیم. در این قسمت می خواهیم به ساختن فریمهای درونی بپردازیم. یک نمونه از این فریمها را می توانید در سمت راست این نوشته ببینید.

احتمالاً در بسیاری از صفحات نمونه هایی از این نوع فریم را دیده اید. اگر به ساختن آنها علاقه مند شده اید به سراغ تگ سازنده این فریمها می رویم:

با قرار دادن این تگ در کد HTML صفحه در جایی که می خواهید فریم قرار بگیرد می توانید یک فریم اینلاین بسازید:

<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1"></iframe>

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

در اینجا به توضیح شناسه های قابل استفاده در این تگ می پردازیم:

  • <iframe> :
    این تگ آغازی یک فریم اینلاین است.
  • "src="frame_1.htm :
    این قسمت مشخص کننده آدرس صفحه ای است که می خواهیم در فریم نمایش داده شود.
  • "width="350 :
    مشخص کننده مقدار عرض فریم در مقیاس پیکسل است. البته می توانیم از مقیاس درصد هم استفاده کنیم.
  • "height="250 :
    مشخص کننده ارتفاع فریم در صفحه است. مقیاس آن می تواند پیکسل یا درصد باشد.
  • "frameborder="1 :
    مشخص کننده ضخامت لبه های فریم است.

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

در ابتدا به تگ فریم خود یک نام نسبت می دهیم. مانند زیر:

<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1" name="inlineframe1"></iframe>

در مرحله بعد به تگ لینک مورد نظر شناسه target را اضافه می کنیم. مانند زیر:

<a href="index.html" target="inlineframe1">این صفحه در فریم نمایش داده خواهد شد.</a>

حالا می توانید لینک زیر را کلیک کنید. خواهید دید که لینک در فریم همین صفحه باز خواهد شد:
 

این صفحه در فریم نمایش داده خواهد شد.
 

مانند بقیه فریمها می توانید از شناسه "scrolling="no در تگ فریم استفاده کنید تا در فریم اسکرول بار نداشته باشید.


نظرات بازدید کنندگان
Sun, 31 May 2009 01:18:19 +0430 نویسنده : مجید
وا قعا مرسی
 
Thu, 28 May 2009 15:11:45 +0430 نویسنده : رضا
با سلام و خسته نباشید.
من دکمه های سایتمو با یه برنامه ایی ساختم ولی وقتی اپلود می کنم دیده نمی شه.اگه میشه یه برنامه ایی در مورد باتون ها معرفی کنید و یه راهنمایی کار باهاش در فرونت پیج کنید .ممنون میشم اگه میشه برام ایمیل کنید
 
Tue, 24 Feb 2009 23:08:42 +0330 نویسنده : arash-yazdani
salam
ba tashakor az zahamatetun
vaghean ke gol kashtin.
mashe tarighe upload kardan az tarigh cpanel ro daghighan tozih bedin
montazere emailetun hastam
 
Thu, 12 Feb 2009 19:18:03 +0330 نویسنده : سپیده
خیلی ممنون از زحمات شما واقعا صبروحوصله به خرج دادین خیلی دلم میخواد بدونم تحصیلاتتون تا چه حدیه آیا رشتتونم کامپیوتر یا نه؟
سوالم داشتم که اگه لطف کنین بهم جواب بدین
1-تصویر که اضافه میکنم به صفحه نشون نمیده فقط یه کادر با علامت ضرب میاره؟
2-موزیک که اضافه کردم مقع باز کردن صفحه پخش نمیشه؟
خیلی ممنون از لطفتون
 
Fri, 06 Feb 2009 12:37:39 +0330 نویسنده : پرواز
با سلام خسته نباشید .کارتان فوق العاده است. ایا میتوان با همین اطلاعات از html یک سایت مناسب ایجاد کرد؟ و چگونه باید سایت را روی اینترنت داد؟ ممنونم .منتظر جواب از ایمیلم هستم.
 
Sat, 03 May 2008 11:32:46 +0430 نویسنده : m
در مورد تگ inline در html میخاستم بدانم
sali_voicer_cam@yahoo
 
ساعت: 15:57 - تاریخ: 5 بهمن 1386 نویسنده : پریا
معذرت می خوام من اگه بخوام برای سایتم 1 قسمت مثل سایت شما برای گرفتن نظرات مردم درست کنم که بتونم تاکیدیس کنم چیه من سایتمو با فرونت پیج طراحی کردم لطفا جوابمو به میلم بفرستید 1 دنیا ممنون