Mapping در زبان HTML

Map کردن تصاوير در HTML نويسي   

يکي از امکانات جديد و جالب که به زبان HTML4.0 اضافه شده Map کردن تصاوير است .

براي تعريف يک Image به عنوان Map از کد Html زير استفاده مي کنيم :

<IMG height="100" isMap src=

"map.jpg" width= "800" useMap= "#map1" >

در نمونه کد بالا Height و Whidth همان طور که معلوم است خصوصيات طول و عرض را بر حسب پيکسل معلوم مي کند .

عبارت isMap نشان دهنده ي اين است که اين عکس Map شده است و useMap به عنصر Map با نام Map1 اشاره مي کند که در زير آن را مي آوريم :

<MAP name="map1">

<AREA shape="RECT" coords= "0,0,100,50" href=

"http://www.prdev.com">

<BR>

<AREA shape= "RECT"coords="0,50,100,100">

</MAP>

تگ Map داراي نام map1 که در کد اول آمده بود .

تگ AREA يک ناحيه از صفحه را تعيين مي کند و coords که پارامتر 1 و 2 به ترتيب مينيمم هاي راستاي Y,X است و پارامتر هاي 3و 4 نيز ماکزيمم Y,X است . href نيز تعيين مي کند که اين ناحيه روي عکس لينک به کجا اشاره مي کند . البته خصوصيات javascript نيز مي توان به اين عکس اضافه کرد . مثلا رويداد onMouseover يا onClick و ...

در ضمن توجه کنيد که در HTML موقعيت ها از چپ و بالا اداره مي شود يعني عبارت Coords بالا يعني 0 تا 100 پيکسل از سمت چپ و 0 تا 50 پيکسل از سمت راست .

+ نوشته شده در شنبه بیست و هفتم آبان ۱۳۸۵ ساعت 21:46 توسط آرمین  | 

حل مشکلات فارسي نويسي در ساختن صفحات اينترنتي

قواعد پايه:

مواد تشکيل دهنده:

1- عضوها

2- تگ هاTags

3- صفات Attributes

هر عضو يک کلمه يا سر واژه است که ساختار محتواي صفحه را مشخص مي کند. مثل p براي پاراگراف و b براي توپر ( bold ).

هر عضو براي جدا شدن داخل علامت هاي زاويه اي (<> ) قرار مي گيرد که در اين صورت به آن يک برچسب ( تگ- tag ) مي گويند. بيشتر تگ ها داراي بخش پاياني هستند که براي متمايز شدن از تگ آغازي يک اسلش (/ ) قبل از اسم عضو مي آيد. مثل:

<title> This is my site.</title>

براي بعضي از تگ ها براي تعريف بهتر و بيشتر از صفت ( يک ويژگي اضافي که يک عضو را دقيق تر تعريف مي کند ) استفاده مي کنيم. صفت براي تعريف خصوصياتي مثل رنگ و اندازه يک مقدار مي گيرد. براي بعضي از تگ ها بيشتر از يک صفت وجود دارد که ترتيب آن ها به عهده خودتان است. مثلا˝در تگ <img> در مثال زير صقت ها شامل src,altو align هستند:

<img src=”my photo.jpg alt=”my birthday” align=”left”>

I)ساختار صفخه: هر پرونده ( فايل ) HTML حداقل از چهار عضو ويژه و اصلي تشکيل شده است که عبارتند از html,head,title وbody .

*عضو html به برنامه مرورگر اعلام مي کند که اين پرونده از نوع html است.

*عضو head حاوي اطلاعاتي درباره صفحه است.

*عضو title نشان دهنده عنواني است که در بالاي پنجره مرورگر ديده مي شود و بهتر است که براي بيشتر صفحات ( همه شون باشه چه بهتر ) يکي باشد.

*عضو body شامل هر آن چه که در صفحه است مي باشد و باقي عضوها بين برچسب هاي (tags ) آغازين و پاياني body مي آيند.

مثال1:

<html>

<head>

<title>Title is here</tilte>

</head>

<body>This is example.</body>

</html>

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

*****************************************************************

اين بار قصد داريم براي شما نحوه ي ايجاد يک سند با فرمت و encoding فارسي را توضيح بديم :

براي اين کار در بالاي صفحه HTML خود و بين تگهاي <HEAD> و <HEAD/> , تگ زير را قرار دهيد :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

پس از اين کار شما به راحتي مطالب خود را به زبان فارسي بنويسيد و مطمئن باشيد هنگام باز شدن تمام نوشته هاي شما فارسي خواهند بود .

اميدواريم که مشکل شما حل شده باشه . راستي از اين به بعد سعي مي کنيم مقاله هاي سايت به حل مشکلاتي که در ميز مذاکره مطرح ميشه بيانجامه ! ! ! . پس اگه مشکلي دارين تو ميز مذاکره مطرح کنين تا مقالشو توي سايت ببينين.

موفق باشين

+ نوشته شده در شنبه بیست و هفتم آبان ۱۳۸۵ ساعت 21:43 توسط آرمین  |