ASP.NET2005
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اشنایی با Image map

اذهب الى الأسفل

اشنایی با Image map Empty اشنایی با Image map

پست  pooriamirani السبت نوفمبر 21, 2009 2:31 pm

در بسياری از مواقع در يک صفحه وب مجبوريم قسمتی از يک عکس را به صفحه ای لينک کنيم. برای اين کار در html از Image Map استفاده می کنيم.
مثال: می خواهيم در t1.gif در منطقه يکی دايره و ديگری چهارگوش را به صفحه ای ديگر لينک کنيم:


<MAP name="Zahiri" >
<AREA shape="circle" coord="50,50,30" href="1.htm">
<AREA shape="rect" cords-"100,70,130,100" href="2.htm">
</MAP>
?
<IMG src="t1.gif" usemap="#Zahiri">


در Image Map يک سری ناحيه به وسيله <AREA> تعريف می کنيم و می گوييم که بايد لينک شود و سپس آنرا وارد يک Image می کنيم.
يک نوع ديگر برای تعيين Area وجود دارد که روش چند ضلعی است:


<AREA shape=?poly? coord=?x1,y1,x2,y2,?? href=?3.htm?>

اگر در<AREA>، نوع Shape را تعريف نکنيم مقدار default آن يعنی rect در آن قرار می گيرد.



interlink(لينک داخلی)

برای درست کردن لينکهای داخلی دو روش داريم.
1- ايجاد flag با استفاده از تگ <A>
2- اسم گذاری عناصر موجود در صفحه با استفازه از headingها


مثال: می خواهيم جمله go to Hamed در بالای صفحه مقابل را به کلمه Hamed در وسط صفحه لينک کنيم.


1- روش flag:


<HTML>
<BODY>
<A href=?#2?> go to Hamed</A>
?
<A name=?2?> Hamed </A>
?
</BODY>
</HTML>

که در اينجا می توانيد نتيجه را ببينيد.

2- روش اسم گذاری


<HTML>
<BODY>
<A href="vali"> go to middle </a>
?
<H2 id="vali"> middle </H2>
</BODY>
</HTML>

در حالت اول می توانيم middle را به بالای صفحه لينک کنيم ولی در حالت دوم اين امر امکان پذير نيست برای اين کار در حالت اول:


<A name="vali" href="آدرس صفحه"> middle </A>


طرز ايجاد ليست در HTML:


برای ايجاد ليست در html دو روش داريم:
1- Ordered list ليست منظم
2- Unordered list: ليست نامنظم

1- Ordered List:
برای درست کردن يک ليست منظم به روش زير عمل می کنيم.


<OL>
<LH> vali </LH>
<LI> V </LI>
<LI> A </LI>
<LI> L </LI>
<LI> I </LI>
</OL>

تگ <OL> دارای سه Attribute می باشد:


a) Compact :ليست را فشرده تر نشان می دهد
b) Type:"A/a/I/i"


در حالت عادی شماره ها عدد می باشد اما می تواند حروف الفبا يا حروف يونانی باشد.
A: حروف الفبای انگليسی بزرگ
a: حروف الفبای انگليسی کوچک
I: اعداد يونانی با تايپ بزرگ
i: اعداد يونانی با تايپ کوچک
اگر اين Attribute را ننويسيم ليست را با اعداد انگليسی می نويسد.

c) start=? ?

از هر عدد يا حرفی که داخل آن قرار بدهيم از همانجا شروع به شماره گذاری می کند.
2- Unordered List:
برای درست کردن يک ليست نامرتب (بدون شماره گذاری) از اين تگ استفاده می کنيم.


<UL>
<LH> ? ? </LH>
<LH> ? ? </LH>
?
<LH> ? ? </LH>
</UL>

اين تگ دارای يک Attribute است که برای تعيين نوع شکلی که در ابتدای هر خط قرار می گيرد از آن استفاده می کنيم.


<UL type=?circle/disc/square? >
?
</UL>


نکته: اگر بخواهيم عکس خاصی را در UL قرار دهيم:


<UL>
<IMG src="آدرس فايل"><br>


جدولها:
<table> ? </table>: هر جدول از سطر و ستون تشکيل می شود.
به طور دقيقتر هد حدول n سطر دارد که هر سطر در داخل خود m سلول خواهد داشت.
سطرها را با <tr> ? </tr> هر سلول را با <td> ? </td> مشخص می کنيم.
مثال: يک جدول 2*2:


<TABLE>
<TR>
<TD> ? </TD>
<TD> ? </TD>
</TR>
<TR>
<TD> ? </TD>
<TD> ? </TD>
</TR>
</TABLE>


هر چيزی که داخل <td> بنويسيم در داخل آن خانه (سلول) جدول قرار می گيرد.
نکته مهم اين است که نبايد بين دو <td> ? </td> خالی باشد.
اگر بخواهيم در داخل اين خانه جدول چيزی نباشد ولی ديده شود، بايد از يک فاصله (&nbsp;) استفاده کنيم.
Attributeهای <table> عبارتند از:


<TABLE
bgcolor="رنگ پس زمينه جدول"
background="عکس پس زمينه جدول"
border="حاشيه دور جدول"
align="left/center/right"
width="ظول جدول(پيکسل يا درصد)"
height="ارتفاع جدول(پيکسل يا درصد)"
bordercolor="تگ حاشيه دور جدول"
valign="top/middle/bottom"
cellpadding="فاصله متن از ديواره سلول"
cellspacing="فاصله سلولها از هم"
>

attributeهای هر cell:


1.

width=" "
2.

height=" "
3.

bgcolor=" "
4.

background=" "
5.

border=" "
6.

nowrap
7.

rowspan=" "
8.

colspan=" "

nowrap: محتويات داخل سلول همه دريک خط نوشته می شود و ديگر سلول شکسته شده و به خط بعدی نمی رود.
مثال 1:


<TD colspan="2"> ? </TD>

مثال 2:



<TD rowspan="2"> ? </TD>

در rowspan يا colspan تعداد سلولهايی را که می خواهيم در هم ادغام کنيم را بنويسيم.
بايد توجه کنيم که به همان تعداد که سلول در هم ادغام می کنيم بايد از پائين سلولهای اضافی را حذف کنيم.
مثلا در مثال 1:



<TABLE>
<TR>
<TD> ? </TD>
<TD> ? </TD>
</TR>
<TR>
<TD> ? </TD>
<TD> ? </TD>
</TR>
</TABLE> <TABLE>
<TR>
<TD colspan=?2?> ? </TD>
</TR>
<TR>
<TD> ? </TD>
<TD> ? </TD>
</TR>
</TABLE>

pooriamirani
کاربر متوسط
کاربر متوسط

تعداد پستها : 119
تاريخ التسجيل : 2009-10-24
العمر : 38
آدرس پستي : pooriamirani1291@yahoo.com

بازگشت به بالاي صفحه اذهب الى الأسفل

بازگشت به بالاي صفحه

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
شما نمي توانيد در اين بخش به موضوعها پاسخ دهيد