درست کردن جدولها (Tables)

ساختن فرمها (Forms)

ساخت فريم براي قرار دادن چند صفحه در يک صفحه (Frames)

افزودن صدا و تصوير به صفحه (Sound & Video)

تگهای قسمت سر (head)

تگهای قسمت بدنه (body)

نسخه HTML 4.01 و تفاوت آن با نسخه قبلی

XHTML

 استايل شيت  (CSS)

 فارسی نويسی در وب

بررسی و امتحان صفحه وب
Upload يا فرستادن و راه اندازی صفحات سايت بر روی سرور
رنگهای استاندارد وب
جدول علامتها و کد اسکی در وب (Entity and ASCII code)
نکاتی در ارتباط با سايتهای

Home

استفاده از فريم

فريم چيست؟

هنگاميکه بخواهيد دو يا سه صفحه را در يک صفحه جاي دهيد بايد از عنصر فريم يا چارچوب استفاده کنيد. اين عنصر زماني کارآيي دارد که ميخواهيد يک قسمت، در همه صفحات ثابت باشد. به طور مثال شما در سمت چب صفحه يک ليست ثابت داريد و ميخواهيد هر وقت بيننده روي هر گزينه از اين ليست که کليک کرد توضيحات مربوط به آن در سمت راست نمايان شود. پس ابتدا يک صفحه براي آن ليست درست کنيد و براي اطلاعات هر گزينه هم يک صفحه بسازيد و آنها را در يک فريم بگذاريد.

به مجموعه صفحات گنجانده شده در يک صفحه frameset مي گويند و به هر صفحه از آن يک frame  يا يک چارچوب گفته ميشود. در ساختار اصلي کدها،  ديگر تگ <body> نوشته نميشود و جاي آن تگ <frameset></frameset> قرارميگيرد، البته هر صفحه يعني هر فريم را که کد نويسي ميکنيد مانند ساختار معمولي است و از تگ <body></body>بايد استفاده کنيد ولي هنگاميکه صفحات را در يک frameset ميگذاريد بايد در ساختار کد آن بجاي <body>از <frameset> استفاده کرد،

توجه داشته باشيد که براي ديدن source code فريمها بايد بر روي هر فريم کليک راست کرده و گزينه view source را انتخاب کنيد و براي مشاهده کدهاي يک frameset بايد از منو view مرورگر اقدام نماييد.

 cols, rows

هر فريم ميتواند عمودي يا افقي در صفحه قرار گيرد يا يک frameset مخلوطي از چند فريم عمودي و افقي باشد که هر کدام از آنها توسط خصوصيتي در تگ<frameset>  کنترل ميشوند. به طور مثال اگر دو فريم داشته باشيم و آنها را بخواهيم به صورت عمودي در صفحه قرار دهيم از خصوصيت cols=” “  استفاده ميکنيم و اين خصوصيت را برابر با درصد اشغال هر فريم قرار ميدهيم يعني اگر ما دو فريم داشته باشيم و بخواهيم که يکي از آنها %30 صفحه را اشغال کند پس ديگري %70  را اشغال خواهد کرد و تگ آن بدين صورت ميشود:

<frameset cols=”30%,70%”>

دقت کنيد که اين اعداد با علامت ويرگول از هم جدا ميشوند. اگرهم بخواهيد دو فريم افقي داشته باشيد از خصوصيت rows=” “  استفاده ميکنيد. اما براي قراردادن دو صفحه يا دوفريم درframeset  بايد هر کدام از آنها را بطور جداگانه آدرس دهي کنيد و تگ آن براي هر کدام از فريمها به اين صورت است:

 مثال

آدرس دهي و نامگذاري

همانطور که ملاحظه ميفرماييد جلوي خصوصيت src=” “بايد آدرس صفحه را بنويسيد. خصوصيت ديگري هم هست که به غير ازخصوصيت   src بايد به اين تگ اضافه شود و آن name=” “   است که براي نامگذاري هر فريم بکار ميرود. اين نامگذاري زماني براي ما مفيد است که هرگاه ما بخواهيم دريکي از فريمها لينک بگذاريم هنگاميکه روي لينک کليک ميشود بايد مشخص شود که اطلاعات آن لينک در کدام فريم نمايش داده شود، به طور مثال فريم سمت چپ داراي يکسري لينک است که اطلاعات هر کدام بايد در فريم سمت راست نمايش داده شود پس به لينکها بايد نام فريم مورد نظر را بدهيم تا مشخص شود که اطلاعات را در کدام فريم نشان دهند. اما جدا از نامگذاري هر فريم براي اينکار بايد به هر لينک خصوصيت  target=” “  را اضافه کرد و آنرا برابر با نام منتخب هر فريم قرار داد.

اگر هم يک لينک در فايل 01.html داشته باشيم و بخواهيم درindex01.htm نمايش داده شود، طبق گفته هاي بالا:

<a href="htmlpages/info.html" target="right"> info.html </a>

 مثال

frame border

شما اگر يک frameset درست کرده باشيد متوجه يک کادر بين فريمهاي داخل آن شده ايد، براي برداشتن اين کادر ميتوانيد frameborder="no" و يا  border=”0” رابه تگ <frameset> اضافه کنيد.

 مثال

noresize

هنگاميکه frameset در مرورگر نمايش داده شود، بيننده سايت شما ميتواند سايز هر فريم را تغيير دهد يعني وقتي که نشانگر موس را روي لبه هر فريم ببرد ميتواند آنرا با drag  کردن کم يا   اضافه کند که براي جلوگيري از تغيير سايز هر فريم خصوصيت noresize رابه تگ <frame> بيافزاييد.

 مثال

scrolling

 خصوصيت ديگري هم هست که scroll bar هر فريم را کنترل ميکند، هر فريم داراي  scroll  ميباشد يعني ميتوانيد صفحه داخل فريم را به چپ وراست يا بالاوپايين حرکت دهيد که با خصوصيت   scrolling=” “ کنترل ميشود و آنرا برابر با کلمات Yes,no,auto  قرار دهيد.

 مثال

 noframes

بعضي از مرورگرها هستند که از اين عنصر پشتيباني نمي کنند و فريم ها را نشان نمي دهند، به همين دليل شما مجبور هستيد تا به کاربراني که از اين گونه مرورگرها استفاده مي کنند، اعلام کنيد که مرورگر آنها اين قابليت را ندارد. پس فراموش نکنيد که اين قطعه کد را هميشه به frameset اضافه کنيد:

<noframes>
<body>
Your browser does not support frames.
</body>
</noframes>

 

 

HTMLتاريخچه

مروری بر وب

HTML چيست؟

عناصر تشکيل دهنده يک صفحه وب

هدف از ساخت يک وب سايت

راه اندازی سايت

اهميت طراحي سايت

ابزار مورد نياز براي HTML

شروع از ابتدا

ساخت اولين صفحه وب

افزودن متن (Text)

درست کردن ليستها (List)

ساختن لينکها (Links)

اضافه کردن عکس به صفحه (Images)

 نقشه Image mapساخت تصويری