کسب درآمد
<
 جستجو کنید

ADS
مهره مار گل سر جادویی
ADS
گردنبند ماه تولدشهریور
">
از این اصل استفاده كنید و از اینترنت درآمد كسب كنید

گردنبند متولدین ماه فروردین گردنبند متولدین ماه اردیبهشت گردنبند متولدین ماه خرداد گردنبند متولدین ماه تیر گردنبند متولدین ماه مرداد گردنبند متواد ماه شهریور
گردنبند متولدین ماه مهر گردنبند متولدین ماه آبان گردنبند متولدین ماه آذر گردنبند متولدین ماه دی گردنبند متولدین ماه بهمن گردنبند متولدین ماه اسفند
شاید برای شما تعجب برانگیز باشد اما واقعیت دارد! ساعت مخفی پوما
یکی از عناصری که باعث جذابیت در وب سایت میشود عنصر عکس یا همان image  است. عکسها زیبایی خاصی به صفحات میبخشند ولی از طرف دیگر تولید دردسر هم میکنند، اگر شما تعداد زیادی عکس در یک صفحه بگذارید یا از عکسهایی با حجم زیاد استفاده کنید آن موقع است که بیننده باید مدت طولانی را صرف کند تا صفحه سایت شما را به طور کامل ببیند و همین موضوع باعث از دست دادن یک بیننده و یک نمره منفی به حساب میاید. همانطور که میدانید در کشور عزیزمان ایران سرعتهای اینترنت خیلی پایین هست و دیدن صفحات سنگین بسیارعذاب آور است البته بماند که بعضی وقتها همان یک ذره سرعت هم نداریم. پس همیشه تا جایی که میتوانید صفحه را سبک کنید تا برای بیننده خسته کننده نباشد. یک سایت موفق سایتی است که بیننده زیاد داشته باشد.  فرمتهای عکس در وب:

 خب بپردازیم به ادامه بحث ، عکسها دارای فرمتهای زیادی میباشند ولی فرمتهایی که در وب بکار برده میشوند، عبارتند از:

l.gif (Graphic Interchange Format)

.jpeg (Joint Photographic Experts Group)

.png (Portable Network Graphicsl)l

عکسها با فرمت .gif بیشترین استفاده را در وب دارند و محبوبترین نوع عکس است. این نوع فرمت 256 رنگ را پشتیبانی میکند و از ویژگیهای دیگر آن animation,  transparency, interlacing  است . البته محبوبیت آن بیشتر برای حجم کم آن است.

Transparency به شفافیت یک عکس میگویند که آنرا پشت نما هم مینامند. این ویژگی است که یک عکس آنقدر شفاف است که شما میتوانید تا تصویر ، متن یا رنگ زیر آن عکس را ببینید.

Interlacing   گاهی وقتها شما منتظر میشوید تا یک عکس به دلیل بزرگی اندازه بارگذاری شود بعد آنرا ببینید اما اگر عکسی این ویژگی را داشته باشد کم کم عکس کامل خواهد شد یعنی خط به خط به عکس اضافه میشود تا کامل بارگذاری شود.

Animation عکسهای متحرک را می گویند وفقط این فرمت هست که از متحرک سازی عکس حمایت میکند.

 عکسهایی با فرمت .jpeg حدود 16 میلیون رنگ را پشتیبانی میکنند ، نسبت به فرمت .gif از حجم بالاتری برخوردار است ولی کیفیتش  بهتر است ، تمام ویژگیهای gif  را دارد به غیر از Animation. فرمت .png نسبت به قبلیها جدیدتر است و مخلوطی از آنهاست یعنی کیفیت jpeg و حجم کم gif  را دارد.

 

افزودن عکس به صفحه وب:

 مانند همه عناصر داخل صفحه، عنصر عکس هم تگ خاص خودش را دارد که آن تگ  <img>و پایان دهنده هم ندارد. اما برای مشخص کردن فایل عکس و آدرس دهی آن باید از خصوصیت src=" " داخل تگ استفاده کنیم که اگر یک عکس داخل دایرکتوری وب سایت خودتان باشد دیگر نیازی به آدرس کامل نیست و فقط اسم دایرکتوری و اسم فایل با پسوند مشخصه آن عکس نوشته میشود ولی اگر میخواهید که عکسی را از وب سایت دیگری در صفحه خود بگذارید باید آدرس آن وب سایت و دایرکتوری که عکس در آن قرار گرفته و اسم کامل آن فایل را بنویسید مانند:

l<img src="images/pic01.gif">

<img src="www.sitename.com/images/pic01.gif">l


 Height, Width

این تگ خصوصیات دیگری هم دارد، یکی از آنها که کاربرد زیادی هم دارد خصوصیات طول height و عرض width  میباشد که توسط آنها اندازه یک عکس را داخل صفحه میتوانید کنترل کنید. مقیاس اندازه گیری طول و عرض بر حسب پیکسل Pixel  میباشد، اگر شما این خصوصیات را کنترل نکنید عکس در اندازه اصلی خود ظاهر میشود. بطور مثال شما میخواهید عکسی را وارد کنید که در صفحه باید به اندازه 100×100 فضا اشغال کند:

<img src="images/pic01.gif" height="100" width="100">


این نکته را در نظر داشته باشید که سرعت کامل شدن عکس یعنی download  شدن آن در صفحه بستگی به حجم آن دارد نه اندازه عکس، پس میتوانید اندازه های یک عکس را اضافه کنید ولی دقت کنید که کیفیت عکس خراب نشود.

Alignment

شما میتوانید محل قرارگرفتن عکس را نسبت به عناصر اطراف خودش با خصوصیت align=” “تعیین کنید و میتوانید کلمات left,right,top,middle,bottom  را برای این خصوصیت بکار برید. بر فرض میخواهید که یک متن بعد از عکس و در وسط قرار گیرد:

l<img src="images/pic01.gif"  align="middle"> This is a text


 در ضمن اگر میخواهید خود عکس در وسط صفحه قرارگیرد باید از تگ<center> قبل از تگ <img> استفاده کنید و بعد از آن </center> را بنویسید:

l<center><img src="pic01.gif"></center>


 Border

اگر مایل هستید برای عکس کادر بگذارید میتوانید از خصوصیت border=” “   استفاده کنید و آنرا برابر با یک عدد قرار دهید که هر چه این عدد بزرگتر باشد ، کادر دور عکس هم ضخیم تر است به صورت پیش فرض border=”0”  است یعنی هیچ کادری مشاهده نمیشود.

Alt

 تا حالا متوجه شدید که در یک وب سایت هنگامیکه نشانگر موس بر روی یک عکس که قرار میگیرد یک کادر متنی کوچک باز شده بنام tooltip و اطلاعاتی را راجع به آن عکس میدهد؟ پس شما هم اینکار را انجام دهید، خصوصیت alt="  "  را داخل تگ گذاشته و هر متنی را که جلویش بنویسید در صفحه هنگامیکه موس بر روی عکس قرار گیرد ، زیرنشانگر نمایان میشود. بهتر است که شما همیشه این کار را انجام دهید چون مرورگرهایی وجود دارد که عکس را نمایش نمیدهد پس با اینکار بیننده از حضور آن عکس خبر دار میشود.

hspace, vspace

 دو خصوصیت دیگر هست که حاشیه و فضای خالی دور عکس را کنترل می کند، hspace=” “برای حاشیه چپ و راست عکس وvspace=” “ برای بالا و پایین. عددی را که وارد میکنید در مقیاس پیکسل است.

Image link

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

<a href="www.sitename.com"><img src="images/sitelogo.gif"></a>

برچسب : ، آموزش اچ تی ام ای-کد اچ تی ام ای-کدهای اچ تی ام ای-نوشتن اچ تی ام ای-اچ تی ام ای-html-کدهای html-کد html-آموزش html-کد نویسی-
از بخش: آموزش HTML ، توسط: masuood meh در شنبه 6 شهریور 1389 ، ساعت 05:37 ب.ظ | [نظرات-

link

سریال آموزش زبان انگلیسی EXTRA

محل درج تبلیغات
  20 مطلب جدید سایت
محافظت كننده امواج موبایل
DOWNLOD OFFLINE
انگشتر منشور کوروش
خرید پستی مختار واقعی بدون سانسور
نرم افزار فارسی ارسال ایمیل های گروهی SEG MR V2 NEW -
خرید پستی ماساژور گردن
تبدیل قالب بلاگفا به میهن بلاگ
آموزش عکس گرفتن از صفحه ی دسکتاپ
30 سایت برای ویرایش آنلاین تصاویر
کد متحرک کردن لینکدونی و قسمت پیوندهای وبلاگ
نرم افزار ساخت بنر لوگو
نوحه های حاج محمود کریمی ویژه چهارم محرم
دانلود اسپمر بلاگفا Arian Spammer 7.1 کرک شده
جدیدترین-فروشگاه من
دانلود بازی فرار از زندان Prison Break برای تمام گوشیها f
لیست همه مطالب قبلی
لینک باکس
محل درج کد تبلیغات یا لینک باکس
ADS
فال - آپدیت نود 32
ADS
محصولات بهداشتی
<
« كسب درآمد از فروتل »
دوستانتان را به یك شغل پردرآمد و آسان دعوت كنید : « جزئیات »
Email:
">
لوازم شوخی و سرکاری
شوخی و سرکاری
  آمار سایت
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
کل بازدید:
تعداد نویسندگان :
تعداد کل پست ها :
آخرین بازدید :
آخرین بروز رسانی :
ADS


وضعیت یاهو
شناسه سفارش را وارد نمایید
تمامی حقوق تصاویر و طرح قالب برای این سایت محفوظ است، نقل و استفاده از آنها در سایت ها تنها با ذکر منبع مجاز میباشد
Design By | ©2009 All Right Reserved
iropic.com | .mihanblog .com
up / پرش به بالای صفحه