TAHA
10-06-2009, 07:26 AM
اهداف این درس
1- ایجاد یک صفحه وب با قالبهای متفاوت
2- ایجاد اتصال از یک فریم به قسمتی دیگر از فریم دیگر
3- ایجاد ابر متن هایی که صفحه را کامل از بین ببرد و بعد صفحه دوم را ایجاد کند .
4- ویرایش و صفات حاشیه بندی فرمها
شروع درس
آیا شما تا به حال صفحاتی دیده اید که از قابهای متعدد در آن استفاده شود ؟ فرم صفحه را به 2 سند HTML جداگانه تقسیم می کند که معمولا 2 فرم بصورت متحد با یکدیگر عمل می کنند . در صفحات فرم دار از ابر متن ها نیز استفاده می کنند .
بعضی اوقات در اثر کلیک بر روی لینکها فرم قبلی کاملا از بین می رود و فرم جدید ایجاد می شود ، بعضی اوقات صفحه جدید بر روی همان فرم قبلی ایجاد می شود .
اشکالات فرمها
در صفحاتی که از اسناد متعدد در آن استفاده شده کاربران در هنگام بار گذاری صفحه و نیز در هنگام گرفتن پرینت از صفحات وب با مشکل مواجه می شوند .
ااساس فرم
صفحه ای که در آن از فرم استفاده می شود شامل یک سند اصلی HTML است که آن را برنامه کار می نامند . برای طرح و شکل و به ردیف در آوردن فرمها از صفت استفاده می شود . هر کدام از قابهایی که در یک صفحه فرم از آنها استفاده شده است خود یک سند HTML جداگانه دارند . در ابتدا باید بدانید که صفحه چگونه تقسیم می شود و به هر قاب چقدر فضا اختصاص داده می شود ؟
http://www.ostadonline.com/img/htm/frame.gif
در قدم اول باید بدانید که صفحه از سطر یا ستون تشکیل شده است
نگاه کنید به مثال 1- که صفحه از 2 سطر و در مثال 2 صفحه از 2 ستون و مثال 3 که صفحه از 2 سطر و 2 ستون تشکیل شده است . در مثال 5 شما 3 سطر مشاهده می کنید که در وسط این سطرها 2 ستون قرار گرفته است و در مثال 6 سطر اول به 2 ستون تقسیم شده است .
حال به دقت به مثال 7 دقت کنید .سطرها و ستونها ایجاد frameset می کند . قالب HTML ایجاد صفحات به صورت زیر است :
http://www.ostadonline.com/img/htm/rr13.gif
تذکر :
هر Frameset معرف و تعریف کننده یک سری سطر یا ستون است
http://www.ostadonline.com/img/htm/141.gif
مقادیر X و Y و ... اشاره بر مقداری فضایی دارد که به هر سطر یا ستون اختصاص داده می شود یا بر حسب در صدی از پنجره مرورگر می باشد . برای هرستون ابعاد وابسته به یک سند HTML مشخص است که در قسمت
< =Frame src >
ذکر شده است . مرورگرهایی که نمی توانند قابها را نشان دهند مواردی که بین < Frameset > و < Frameset / > نوشته شده است را نادیده می گیرند و از جهت دیگر مرورگرهایی که امکان نمایش قابها در صفحه را دارند مطالبی که بین < Noframes > و < Noframes /> نوشته شده را نادیده می گیرند .
اعدادی که باید در تگ به جای مقدار Cols و Rows قرار دهید بر حسب پیکسل و یا درصد می باشد .
Source HTML مثال (1)
http://www.ostadonline.com/img/htm/rr14.gif
Sourece مثال 7
http://www.ostadonline.com/img/htm/rr15.gif
تذکر :
این صفحه وب نیاز به 6 سند HTML برای نمایش دارد . دستورات گفته شده برای مرورگرهای با ورژن بالا صادق است . در قسمت بالای فرم Navigation bar قرار گرفته که برای اتصال به صفحات دیگر سایت از آن استفاده می شود . قسمت پایین قاب شامل پاورقی صفحه و نیز اتصالات دیگری که باید در همان قاب جابه جا شود می باشد . در قاب دست چپ در وسط سطر شامل لینکهایی است که باید مطالب آن در همان قاب بارگذاری شود . در فرم دست چپ در میان سطر شامل ابر اتصالاتی است که شامل 3 قسمت متفاوت اصلی در صفحه است . که مطالب آنها باید در قاب راست بارگذاری شوند . این طراحی به ما اجازه می دهد که صفحه اصلی را به مقادیر گسسته تقسیم کنیم .
مروری بر مطالب
1- به چه منظور از تگ < frameset > و < frameset /> استفاده می شود ؟
2- چند سند HTML برای یک صفحه با 3 قاب افقی و 2 قاب عمودی لازم است ؟
3- چگونه اتصالاتی می توان ایجاد کرد که اطلاعات از یک قاب بر روی قابی دیگر بارگذاری شود ؟
تمرین :
تگهای ذکر شده را در صفحات خود بکار ببرید .
تذکر :
برای اینکه به کاربران اجازه داده شود که بتوانند با کشیدن دکمه ماوس سایز قابها را نیز تغییر دهند از Noresize استفاده می شود .
http://www.ostadonline.com/img/htm/rr16.gif
1- ایجاد یک صفحه وب با قالبهای متفاوت
2- ایجاد اتصال از یک فریم به قسمتی دیگر از فریم دیگر
3- ایجاد ابر متن هایی که صفحه را کامل از بین ببرد و بعد صفحه دوم را ایجاد کند .
4- ویرایش و صفات حاشیه بندی فرمها
شروع درس
آیا شما تا به حال صفحاتی دیده اید که از قابهای متعدد در آن استفاده شود ؟ فرم صفحه را به 2 سند HTML جداگانه تقسیم می کند که معمولا 2 فرم بصورت متحد با یکدیگر عمل می کنند . در صفحات فرم دار از ابر متن ها نیز استفاده می کنند .
بعضی اوقات در اثر کلیک بر روی لینکها فرم قبلی کاملا از بین می رود و فرم جدید ایجاد می شود ، بعضی اوقات صفحه جدید بر روی همان فرم قبلی ایجاد می شود .
اشکالات فرمها
در صفحاتی که از اسناد متعدد در آن استفاده شده کاربران در هنگام بار گذاری صفحه و نیز در هنگام گرفتن پرینت از صفحات وب با مشکل مواجه می شوند .
ااساس فرم
صفحه ای که در آن از فرم استفاده می شود شامل یک سند اصلی HTML است که آن را برنامه کار می نامند . برای طرح و شکل و به ردیف در آوردن فرمها از صفت استفاده می شود . هر کدام از قابهایی که در یک صفحه فرم از آنها استفاده شده است خود یک سند HTML جداگانه دارند . در ابتدا باید بدانید که صفحه چگونه تقسیم می شود و به هر قاب چقدر فضا اختصاص داده می شود ؟
http://www.ostadonline.com/img/htm/frame.gif
در قدم اول باید بدانید که صفحه از سطر یا ستون تشکیل شده است
نگاه کنید به مثال 1- که صفحه از 2 سطر و در مثال 2 صفحه از 2 ستون و مثال 3 که صفحه از 2 سطر و 2 ستون تشکیل شده است . در مثال 5 شما 3 سطر مشاهده می کنید که در وسط این سطرها 2 ستون قرار گرفته است و در مثال 6 سطر اول به 2 ستون تقسیم شده است .
حال به دقت به مثال 7 دقت کنید .سطرها و ستونها ایجاد frameset می کند . قالب HTML ایجاد صفحات به صورت زیر است :
http://www.ostadonline.com/img/htm/rr13.gif
تذکر :
هر Frameset معرف و تعریف کننده یک سری سطر یا ستون است
http://www.ostadonline.com/img/htm/141.gif
مقادیر X و Y و ... اشاره بر مقداری فضایی دارد که به هر سطر یا ستون اختصاص داده می شود یا بر حسب در صدی از پنجره مرورگر می باشد . برای هرستون ابعاد وابسته به یک سند HTML مشخص است که در قسمت
< =Frame src >
ذکر شده است . مرورگرهایی که نمی توانند قابها را نشان دهند مواردی که بین < Frameset > و < Frameset / > نوشته شده است را نادیده می گیرند و از جهت دیگر مرورگرهایی که امکان نمایش قابها در صفحه را دارند مطالبی که بین < Noframes > و < Noframes /> نوشته شده را نادیده می گیرند .
اعدادی که باید در تگ به جای مقدار Cols و Rows قرار دهید بر حسب پیکسل و یا درصد می باشد .
Source HTML مثال (1)
http://www.ostadonline.com/img/htm/rr14.gif
Sourece مثال 7
http://www.ostadonline.com/img/htm/rr15.gif
تذکر :
این صفحه وب نیاز به 6 سند HTML برای نمایش دارد . دستورات گفته شده برای مرورگرهای با ورژن بالا صادق است . در قسمت بالای فرم Navigation bar قرار گرفته که برای اتصال به صفحات دیگر سایت از آن استفاده می شود . قسمت پایین قاب شامل پاورقی صفحه و نیز اتصالات دیگری که باید در همان قاب جابه جا شود می باشد . در قاب دست چپ در وسط سطر شامل لینکهایی است که باید مطالب آن در همان قاب بارگذاری شود . در فرم دست چپ در میان سطر شامل ابر اتصالاتی است که شامل 3 قسمت متفاوت اصلی در صفحه است . که مطالب آنها باید در قاب راست بارگذاری شوند . این طراحی به ما اجازه می دهد که صفحه اصلی را به مقادیر گسسته تقسیم کنیم .
مروری بر مطالب
1- به چه منظور از تگ < frameset > و < frameset /> استفاده می شود ؟
2- چند سند HTML برای یک صفحه با 3 قاب افقی و 2 قاب عمودی لازم است ؟
3- چگونه اتصالاتی می توان ایجاد کرد که اطلاعات از یک قاب بر روی قابی دیگر بارگذاری شود ؟
تمرین :
تگهای ذکر شده را در صفحات خود بکار ببرید .
تذکر :
برای اینکه به کاربران اجازه داده شود که بتوانند با کشیدن دکمه ماوس سایز قابها را نیز تغییر دهند از Noresize استفاده می شود .
http://www.ostadonline.com/img/htm/rr16.gif