SESSION 04 · 120 MIN
متن بدون تصویر مثل اتاق بدون نور است. امروز یاد میگیریم رسانه را درست، سبک و حرفهای وارد سایت کنیم.
مدرس: یک پوشه عکس خام بیاورید؛ در کلاس فشرده و آپلود کنید — فقط حرف نزنید.
پل از جلسه ۳
تصویر شاخص، عکس داخل مطلب، لوگو، PDF کاتالوگ، حتی ویدئو معرفی — همه از یک جا مدیریت میشوند: رسانهها (Media).
هدف جلسه
داستان کلاس
تصویر ۲۰ مگابایتی از موبایل را مستقیم آپلود کردن مثل این است که یک کمد لباس را با چمدان سفر پر کنی. سایت نفسنفس میزند، گوگل عصبانی میشود، کاربر فرار میکند.
بخش ۱ · کتابخانه رسانه · ۲۰ دقیقه
فایل را بکش و رها کن، یا «افزودن پرونده» بزن.
عنوان، متن جایگزین (alt)، توضیح، نام فایل را ببین.
از بلوک تصویر یا «افزودن رسانه» داخل نوشته/برگه انتخاب کن.
بخش ۲ · فرمتها · ۲۵ دقیقه
پرتره، محصول، منظره. حجم خوب، شفافیت ندارد.
لوگو با پسزمینه شفاف، آیکون. معمولاً سنگینتر از JPG.
کیفیت خوب با حجم کمتر. انتخاب مدرن برای وب.
لوگو و آیکون ساده. بینهایت مقیاس؛ مراقب SVG ناامن باش.
راهنمای سریع انتخاب
کوییز فرمت
بخش ۳ · حجم · ۲۰ دقیقه
هدف تقریبی برای عکس وب: اغلب زیر ۲۰۰–۳۰۰ کیلوبایت برای تصاویر معمولی صفحه؛ هرو بزرگتر، بهینهتر فکر کن.
عکس ۴۰۰۰ پیکسل برای کارت بلاگ لازم نیست. برای عرض محتوا معمولاً ۱۲۰۰–۱۶۰۰ کافی است.
Squoosh، TinyPNG، یا خروجی WebP از فتوشاپ/فیگما. افزونه فشردهساز هم بعداً.
متن جایگزین · Alt
نه سئو، نه دسترسیپذیری، نه حرفهای.
«میز کار چوبی با لپتاپ باز در دفتر مدرن» — دقیق، بدون keyword stuffing.
جزئیات حرفهای
یا فاصله و کاراکتر عجیب در نام.
انگلیسی کوتاه، خط تیره، بدون فاصله.
تصویر شاخص دوباره
نسبت تقریبی ۱.۹۱:۱ (مثلاً ۱۲۰۰×۶۳۰) برای اشتراکگذاری خوب است. سوژه مهم را وسط/امن کادر بگذار تا قالبها برش نزنند.
تمرین · alt نویسی
تصور کن عکس «میز کار با لپتاپ باز در دفتر» داری. یک alt بد و یک alt خوب روی کاغذ بنویس. بعد با بغلدستی عوض کنید.
بخش ۴ · در صفحه · ۲۰ دقیقه
بلوک Gallery چند عکس را کنار هم میچیند — برای پروژه و قبل/بعد عالی است.
آپلود کن و با بلوک فایل یا لینک دکمه «دانلود کاتالوگ» بساز.
ترجیحاً آپارات/یوتیوب را Embed کن؛ آپلود ویدئوی سنگین روی هاست معمولی توصیه نمیشود.
تلههای رایج
چند مگابایت مستقیم روی صفحه اصلی.
از Unsplash/مجوزدار یا عکس خودت استفاده کن.
کتابخانه را مثل دسکتاپ شلوغ نکن؛ نامگذاری کن.
گردشکار حرفهای
عکس باکیفیت، مرتبط، با مجوز.
به عرض مورد نیاز صفحه برسان.
حجم را پایین بیاور بدون نابودی کیفیت.
نام انگلیسی مرتب و توضیح معنادار.
در رسانه بگذار؛ در محتوا یا تصویر شاخص استفاده کن.
کوییز
تمرین عملی غنی
تمرین عملی · ۲۵ دقیقه
سه سؤال شفاهی
برای جلسه بعد
محتوا و رسانه آمادهاند. حالا لباس سایت را میپوشانیم: انتخاب قالب، لوگو، منوی اصلی، صفحه خانه و وبلاگ.
END · SESSION 04
سبک، با معنی، با نام درست — این استاندارد حرفهای است.
hamedebrahimi.ir · Session 04 · Media & Images