بخش 4
استفاده از تصاویر
قرار دادن تصاویر در صفحه:
تمامی تصاویر را می توان در صفحه وب قرار داد.
برای قرار دادن تصویر در صفحه:
1-در سند HTML نشانگر ماوس را در جای مورد نظر قرار دهید.
2-دستور

تصویر و ext پسوند آن می باشد را تایپ کنید.
3-در صورت تمایل مقدار n را که ضخامت مرز عکس بر
حسب pixel است را در ویژگی (Border=n) تایپ کنید.
4-تگ IMG را با نوشتن علامت < کامل کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
نوشتن متن متناسب با تصویر:
بعضی از Browser ها تصویر را پشتیبانی نمی کنند
و بعضی از بینندگان بعلت سرعت پایین اینترنت نمایش
تصاویر را قطع می کنند.در این صورت می توان برای این
افراد متن مناسبی برای تصویر نوشت.
برای نوشتن متناسب با تصویر:
1-نشانگر ماوس را در جایی که تگ
![]()
بکار برده شده
قرار دهید.
2-در تگ IMG نوشته شده ویژگی ALT=" را تایپ کنید.
3-متن متناسب با تصویر مورد نظر را تایپ کنید.سپی علامت
"> را تایپ کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
ارتباط عکس ها با تصاویر اصلی:
اگر تصویر بزرگی مخصوصی دارید ابتدا می توان آنرا کوچکتر
نمود و در صفحه اصلی قرار داد سپس با ایجاد پیوند بین دو
تصویر تصویر بزرگتر را در
صفحه ای دیگر به طور جداگانه نشان دهید.این روش در سریع
تر شدن نمایش صفحه موثر است.
برای پیوند تصویر کوچک به تصویر بزرگ:
1-نشانگر ماوس را در سندHTML جاییکه تصویر کوچک قرار
می گیرد بگذارید.
2-تگ
را تایپ کنید.
"image location" آدرس عکس بزرگ است.
3-سپس 
image locationاسم و پسوند وآدرس عکس کوچک است.
4-در صورت تمایل از ویژگی ALT نیز می توانید استفاده کنید.
5-علامت > را تایپ کنید.
6-در صورت تمایل متن LABEL تصویر کوچک را تایپ کنید.در اینجا
می توان مقدار حجم تصویر اصلی را بر حسب Kb تایپ کنید.
7-تگ پایانی را تایپ کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
قرارا دادن فضای خالی در اطراف تصویر:
در صورتیکه بخواهید مقداری فاصله بین تصویر و متن
بدهید از ویژگیهای HSPACE,VSPACE استفاده کنید.
برای قرار دادن فضای خالی در اطراف تصویر:
1-عبارت

image location آدرس تصویر است.
2-ویژگی HSPACE=X را تایپ کنید.X تعداد Pixel فضای
خالی برای سمت راست و چپ تصویر می باشد.
3-ویژگی VSPACE=Y را تایپ کنید.Y تعداد Pixel فضای
خالی برای بالا و پایین تصویر می باشد.
4-در صورت تمایل ویژگی های دیگر تگ IMG را بنویسید
و در نهایت علامت > را تایپ کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
مقیاس بندی کردن تصویر:
می توان ابعاد تصویر را با مشخص کردن طول و عرض
جدید تغییر داد.این روش راهی راحت برای بزرگتر کردن
تصاویر بدون زیاد کردن حجم عکس می باشد.
توجه کنید که بزرگتر کردن زیاد عکس تصویری نافرم و
زشت بوجود می آورد.
برای مقیاس بندی کردن تصویر:
1-1-عبارت

image location آدرس تصویر است.
2-مقدار WIDTH=X,HEIGHT=Y برای طول و عرض هستند
را تایپ کنید.
3-هر ویژگی که مورد نیاز است را تایپ کرده سپس علامت
> را تایپ کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
تگ
:
یکی از اجزا گرافیکی که در تمام Browser ها کار می کند
خط افقی می باشد.ویژگی های زیادی را می توان برای
این تگ در نظر گرفت.
برای استفاده از خط افقی:
1-عبارت
شود تایپ کنید.
2-در صورت تمایل SIZE=N را به آن اضافه کنید.N ارتفاع خط
بر حسب پیکسل است.
3-در صورت تمایل WIDTH=W را به آن اضافه کنید.W پهنای
خط بر حسب پیکسل است.
4-در صورت تمایل ALIGN=direction را اضافه کنید.جهت ها
را می توان left,right,center انتخاب نمود.
5-در صورت تمایل Noshade را به آن اضافه کنید تا یک خط
توپر بدون سایه داشته باشید.
6-در نهایت > را تایپ کنید.مثال:
انجمن تخصصی فناوری اطلاعات
iran-pc
