تا %60 تخفیف خرید برای 5 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

مهم: برای خریدهای بالای 100 هزار تومان باید از رمز پویا استفاده کنید و امکان خرید با رمز ایستا وجود نخواهد داشت

با خرید یکجای این دوره از 30 درصد تخفیف بر روی خرید خود استفاده کنید. تخفیف های وب سایت بر روی خرید تک ویدیوها اعمال نخواهد شد. در صورت هر گونه سوال برای خرید خود می توانید با شماره 02634209662 تماس گرفته یا به تلگرام پشتیبانی سایت پیام دهید.

قیمت: 378,410 تومان

با 30% تخفیف وب سایت و مدرس در صورت خرید یکجا: 264,890 تومان

خرید دوره با 30 تخفیف

آموزش طراحی سایت صفر تا صد قسمت 6 : کار با تصاویر در HTML

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

  1. یاد میگیریم که چگونه بوسیله برچسب img به صفحات خود تصاویر مختلفی اضافه کنیم.
  2. متوجه می شویم که خصوصیت alt در برچسب img چه تاثیری در سئو سایت شما خواهد داشت.
  3. با نحوه مشخص کردن سایز تصاویر (طول و ارتفاع) آشنا خواهیم شد.
  4. یاد میگیریم که چگونه تصاویر خود را تبدیل به لینک کنیم تا کاربران با کلیک بر روی تصاویر به یک صفحه دیگر هدایت شوند.
  5. یک آشنایی اولیه با محیط Photoshop خواهیم داشت، اینکه چگونه می توانیم در محیط فتوشاپ مستندات جدید ایجاد کنیم.
  6. با مفهوم Pixel آشنا می شویم و یاد میگیریم که Resolution چه تاثیری بر روی کیفیت تصویر و حجم آن دارد. همچنین با انتخاب Resolution بهینه برای استفاده از تصاویر در محیط وب آشنا خواهیم شد.
  7. انواع فایل های gif و jpeg و png را بررسی می کنیم و می گوییم که این نوع از تصاویر چه تفاوت هایی با هم دارند و از هر نوع ذکر شده برای چه نوع تصاویری باید استفاده کنیم.
  8. در محیط فتوشاپ یک دکمه ساده طراحی کرده و از دکمه طراحی شده برای ایجاد لینک در صفحات وب استفاده می کنیم.
  9. با مفهوم لایه ها در فتوشاپ به صورت خیلی مقدماتی آشنا می شویم.
  10. با پنجره Layer Style در فتوشاپ آشنا شده و از آن برای ایجاد یک دکمه ساده استفاده می کنیم.
  11. با ابزار Text در فتوشاپ آشنا می شویم و بوسیله آن برای تصویر دکمه ایجاد شده یک متن ایجاد می کنیم.

تصاویری از محیط آموزش:

آموزش طراحی وب


آموزش طراحی وب





تهیه کننده: حسین احمدی
منبع: ITPRO
#آموزش_html #کاربرد_برچسب_tag_در_html #آموزش_طراحی_وب #pixel_چیست_و_تفاوت_آن_با_resolution #استفاده_از_تصاویر_در_html #تگ_img_در_html #دوره_طراحی_وب #آشنایی_با_فتوشاپ #ایجاد_دکمه_وب_در_فتوشاپ #انتخاب_تصویر_مناسب_برای_صفحات_وب
نظر شما
برای ارسال نظر باید وارد شوید.
3 نظر
افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند