◇ 🌐دوره: طراحی سایت 💯موضوع: بارگذاری تصویر در سایت 🎥قسمت: ۵ ◇ #ویدئو

🌐دوره: طراحی سایت 💯موضوع: بارگذاری تصویر در سایت 🎥قسمت: ۵ 💛توضیحات متنی 🎯این جلسه یاد میگیرید عکس تو سایت بزارید 🔹تگ خود بسته <img> به تو این قابلیت رو میده که عکس بزاری توی سایت 🔸تگ خود بسته یعنی باز و بسته نمیشه و کلا یک شکل داره ✅<img> ❌<img> </img> 🔹 برای اینکه تصویر رو بزاری تو سایت باید آدرس عکس رو بدی به html 🔸عکس مورد نظرت رو بزار در پوشه اصلی پروژه، کنار فایل html و css 🔹ویژگی " "=src اینجوری👈🏻 < img src=" آدرس تصویر "> 🔸برای آدرس دهی باید اول . بزاری بعد / 👈🏻بعدش فایل تصویر مورد نظرت رو انتخاب می کنی 🔹اینجوری 👈🏻 <img src=" ./image.png" > 🔸حتما اسم تصویر رو باید در کنار فرمتش (مثلا png ) بنویسی 🔹اگر خواستی به تصویر عرض و ارتفاع بدی به تگ img کلاس بده و توی فایل css براش width و height

📝تمرین شبانه: در html با تگ img یک تصویر بزار تو سایت به تصویرت عرض و ارتفاع ۳۰۰ پیکسلی بده 🔎به وقت بازخورد: عکس تمرینت رو بفرست برای پشتیبانی تا اگر درست بود تشویق بشی🥳اگر اشتباه بود اصلاح بشه و یاد بگیری🤩 ❣پیام استاد: بارگذاری تصویر در سایت ها می تونه حتی تو زیبایی نقش مهمی داشته باشه پس حتما تمرین این جلسه رو انجام بدید 🆔 @Web_Block_Support

🔅فقط اونی به هدفش میرسه که براش تلاش کنه🔅 تمرین فراموش نشه!

شب همگی خوش😴

خداقوت رفقا✌️🏻 تا اینجا ۹ جلسه کدنویس عجوبه با هم داشتیم... 🔚این مینی دوره کم کم داره به آخراش میرسه اون موقع تازه کار اصلی تو که ثبت نام کرده بودی شروع میشه👀 چون قراره تو گروه VIP💎 عضو بشی و تخصصی تر طراحی سایت رو با هم پیش بریم هر چی نباشه باید بتونی خیلی زود وارد بازارکار بشی و درآمد کسب کنی💰 تمرین کردن و کد زدن فراموش نشه☺️ سوالی بود پشتیبانی همیشه کنارته👇 🆔 @Web_Block_Support

منتظر تدریس جدید باشید امشب🔥🔥

🎆 کدنویس عجوبه || جلسه دهم مرز یا بوردر دادن در css🎗 #کدنویس_عجوبه #جلسه‌دهم

◇ 🌐دوره: طراحی سایت 💯موضوع: مرز دادن به تگ ها در css 🎥قسمت: ۶ ◇ #ویدئو

🌐دوره: طراحی سایت 💯موضوع: مرز دادن به تگ ها در css 🎥قسمت: ۶ 💛توضیحات متنی 🎯این جلسه مرز یا بوردر دادن به تگ ها رو یاد میگیری 🔹مرز دادن فواید زیادی داره، بعضی اوقات خود مرز نیازه و گاهی هم برای زیبایی بیشتر ازش استفاده میشه 🔸یک تگ مثلا div یا p داخل html بساز و بهش class بده 🔹 داخل css از پراپرتی border استفاده کن 🔸بوردر ۳ تا مقدار داره که پشت سر هم قرار میگیرن ۱.ضخامت ۲.استایل ۳.رنگ 🔹ضخامت ها بهتره کم باشه، بین ۱تا۵ پیکسل 🔸استایل های متفاوتی داریم مثلا: ساده = solid = یک خطی صفحه نقطه ای = dotted = مرز نقطه نقطه 🔹رنگ هم که دلخواهه، بهتره متضاد رنگ های پس زمینه باشه 🔸در نهایت اینطوری باید مرز بدی👇 .tag{ border: 2px solid red ; }

📝تمرین شبانه: به یک تگ div بوردر با مشخصات زیر بده ضخامت: ۳ پیکسل استایل: ساده خطی رنگ: آبی 🔎به وقت بازخورد: وقتی تمرینت تموم شد تصویرش رو بفرست پشتیبانی تا نکات قوت و ضعفت رو بگیم و سریع تر پیشرفت کنی😉 ❣پیام استاد: بوردر دادن یکی از جذاب ترین نکات css هست که کاربرد های مختلفی داره از این به بعد می تونی به هر تگی مرز بدی 🆔 @Web_Block_Support