تبلیغات

مترجم سایت

مترجم سایت

mirosoftblog - درس 20 - نقشه های تصویری
به وبلاگ مایكروسافت بلاگ خوش آمدید******مارا از نضرات خود بی بهره نگذارید******از محصولات فروشگاه بازدید کنید****** با خرید از فروشگاه اینترنتی از مزایای خوبی بهره مند شوید***با عضویت در این وبلاگ از مطالب سرگرم کننده ومفیدی بهره مند شوید
تبلیغات
<"">>

منوی اصلی

پیوندهای روزانه
 سایتی پر از شکلک برای وبلاگ شما
 همه لینک ها
 ارسال لینک روزانه

درس 20 - نقشه های تصویری 


اهداف این درس

1- دانستن تفاوت بین فرآیندهای طرف سرور – طرف مشتری
2- ایجاد تصاویری که هر تکه از آن شما را به قسمتی یا صفحه ای هدایت می کند .

شروع درس 

در درس( a 7 ) آموختیم که چگونه می توانیم از تصاویر در صفحات وب خود استفاده کنیم . در اینجا می آموزیم که چگونه یک عکس را بگونه ای در آوریم که هر قطعه از آن بصورت اتصالاتی باشد و شما را به قسمتی از همان سایت و حتی سایتهای دیگر هدایت کند. ایجاد یک نقشه تصویری نیاز به یکسری پردازشهایی از طرف وب سرور دارد که چگونگی آن به قرار زیر است :
1- هنگامی که دیدن کننده صفحه را دید و روی عکس خاص کلیک کرد.
2- مرورگر وب می گوید بر روی من کلیک شده و پیامی را برای وب سرور ارسال می کند که بعضی بر روی مختصات عکس کلیک کردند.
3- وب سرور می گوید که من این مختصات را برای عگس گرفتم . فایل HTML که بدنبال پیدا کردن مختصات عکس می باشد می گوید اگر این مختصات بصورت مستطیل باشد دیدن کننده URL مربوطه را برای وب سرور ارسال می کند سپس سرور اطلاعات را به مرورگر ارسال می کند .
4- مرورگر موافقت می کند و سرور می گوید که به URL مذکور برو .
این از فعالیتهای طرف سرور بود که به سادگی و زیبایی این اعمال جدا را از هم انجام می دهد . اما به آن معنی است که برای کلیک بر روی نقشه های تصویری همیشه باید به وب سرور دسترسی داشت .
تگ نقشه های تصویری برای طرف کلاینت بصورت زیر است : 

Img.gif نام عکس و map_nam اتصال آن می باشد . HTML file



ویژگی Coords

نواحی داغی که با مختصات x1 و y1 مختصات افقی و عمودی از گوشه بالا سمت چپ و x2 و y2 مختصات افقی و عمودی از گوشه بالا سمت راست را مشخص می کنند .
1- فایل lesson2.html را باز کنید .
2- تغییرات زیر را در روی پان انجام دهید . 

3- دستورات HTML را برای مختصات نقشه بکار ببرید .


4- نتایج خود را ذخیره کنید .
5- حال باید صفحاتی را که به آنجا اتصال درست کردیم ایجاد کنیم .
6- صفات خود را ذخیره کنید .

مروری بر مطالب 

1- تگهای < map > و < map / > چه عملی را انجام می دهند ؟

تمرین : 

در صفحات خود از نقشه های تصویری استفاده کنید .

فصل اول
مقدمه 
درس 1 - ایجاد اولین سند HTML
درس 2 - ویرایش یک سند HTML 
درس 3 - نشانه گذاری 6 درجه 
درس 4 - شکستن پاراگراف 

 
فصل دوم
درس 5 - سبکهای مختلف نوشتاری 
درس 6 - < ul >, < ol > لیستها 
درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب
درس -٧-ب - قرار دادن تصاویر در اسناد

 
فصل سوم
درس 8 - LINK ( اتصال )
٨-ب - لینك به سایت دیگر
٨-ج اتصال به یک سایت دیگر از اینترنت 
٨-د - اتصال به قسمتی از همان صفحه 
٨-ه - اتصالات ابر متن و تصویرهای لینک شده
درس 9 - به ردیف در آوردن متن

 
فصل جهارم
درس 10 - کاراکترهای ویژه
درس 11 - لیستهای تعریف
درس 12 - آدرسهای زیر نویس و اتصالات email
درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد 
درس 14 - گذاشتن بافت برای صفحه
درس 15 - عدم استفاده از تگهای blink و Marquee 

 
فصل پنجم
درس 16 - زیبا کردن متن 
درس 17 - ایجاد خط
درس 18 - Extra Alignment
درس 19 - آرایش در جدول 
درس 20 - نقشه های تصویری 

 
فصل ششم
درس 21 - Meta tag
درس 22 - پنجره Target
درس 23 - فریم کردن صفحه
درس 24 - اضافه کردن فرم به صفحات وب
درس ٢٤-ب - بوجود آوردن فرم ها 
درس 25 - چند رسانه ای در صفحات شما
25 -ب - اضافه کردن فیلم و صوت -multimedia
درس 25 - ج - قالبهای صوتی مورد استفاده
منبع:www.ostadonline.com

درباره وبلاگ

مدیر وبلاگ: سیدحجت الله سجادی

آمار وبلاگ
کل بازدید:
بازدید امروز:
بازدید دیروز:
بازدید این ماه:
بازدید ماه قبل:
تعداد نویسندگان:
تعداد کل پست ها:
آخرین بازدید:
آخرین بروز رسانی:


آرشیو مطالب
  تیر 1390 (14)
  خرداد 1390 (4)
  اردیبهشت 1390 (1)
 لیست آرشیوها

امکانات