تبلیغات
طراحی وب برای همه - عکس
به این وبلاگ خوش آمدید
بازدیدهای امروز:
بازدیدهای دیروز:
كل بازدیدها:
كل مطالب:
كل نظرات:
ایجاد صفحه: - ثانیه

  

فقط خدا
 عکس

HTML Images




سایت بدون عکس ،سایت اموات است(اینو خودم تنها گفتم)





بیاید تمرین کنیم


  • در این تمرین می آموزیم چگونه باید یک عکس در صفحه ی وب قرار دهیم.
  • در این تمرین می آموزیم چگونه باید یک عکس از فولدر یا از سایت دیگر در صفحه ی خودمان داشته باشیم.

تگ Image , خصوصیت src
====================
در html ، عکس ها را با تگ <img> نمایش می دهیم.
تگ <img> یک تگ بی محتوا می باشد به این معنی که ، این تگ فقط از خصوصیات استفاده می کند و تگ پایانی ندارد.

برای نمایش یک عکس در صفحه ،شما نیاز دارید از خصوصیت src استفاده کنید.

src در واقع اختصار کلمه source به معنی "منبع" می باشد.

مقداری که به خصوصیت src می دهیم ؛ آدرسی میباشد که عکس در آنجاست.

دستور آن به این شکل است.



  <img src="آدرس عکس" />


مرورگر عکس رو جایی نشون میده که شما از تگ <img> استفاده کرده باشید.
یعنی اگر بین دو پاراگراف بنویسید مرورگر ابتدا پاراگراف اول را نشان می دهد سپس عکس رو بعد هم پاراگراف دوم رو نشون میده.


خصوصیت Alt
=============

Alt
مخفف "alternate text" (به معنی متن فرعی یا متناوب) می باشد.
یعنی متنی که نویسنده آنرا مشخص می کند
.

 <img src="boat.gif" alt="Big Boat" />

اگر مرورگر نتواند عکسی را نمایش دهد ،متن alt بجای عکس ظاهر می شود و در کد نویسی های شلوغ نویسنده متوجه خواهد شد کدام عکس از قلم افتاده
اگر عادت به نوشتن alt کنیم برای افرادی که مرورگر های بدون توانایی نمایش عکس را دارند(عمدتا مرورگر های قدیمی ویا مرورگر های موبایل) سایت ما با مفهوم خواهد بود.

نکته
================
یک فایل html که ده عکس داره در واقع شامل یازده فایل می باشد.(10 فایل عکس+1 فایل اصلیHtml)
.
نماش عکس ها زمان گیر و اندکی بسته به سرعت اینترنت کاربر ممکنه طول بکشه
پس بهتره در استفاده از عکس ها دقت کنیم.

مثال های بیشتر:
=============
در این تمرین می آموزیم چگونه یک عکس پس زمینه برای سایت خودمون طراحی کنیم.

این تمرین نشان می دهد،چگونه عکس را در متن تراز بندی کنیم.

این تمرین نشان می دهد،چگونه عکس را در سمت چپ یا راست یک پاراگراف قرار دهیم.

این تمرین نشان می دهد،چگونه اندازه یک عکس را تغییر دهیم.

این تمرین نشان می دهد،چگونه alt مفید خواهد بود(البته برای مرورگر هایی که عکس را نسان نمی دهند)

این تمرین نشان می دهد،چگونه از عکس لینکی به جای دیگر درست کنیم.

این تمرین نشان می دهد،چگونه یک نقشه تصویری درست کنیم.(درباره نقشه تصویری در آینده مفصل توضیح خواهم داد)


تگ های Image
==========



تگ توضیحات
<img> مشخه عکس
<map> مشخصه نقشه تصویری
<area> مشخه فضای مورد نظر(در نقشه تصویری)


لازم میدونم از دوستی که  غلط های املایی رو تذکر دادند،تشکر کنم.



نوشته شده توسط بنده خدا در یکشنبه 2 اسفند 1388 و ساعت 07:00 ب.ظ [+] | نظرات ()