20.1M حجم رسانه بالاست
مشاهده در ایتا
◇
🌐دوره: طراحی سایت
💯موضوع: نحوه اتصال html به css
🎥قسمت: ۳
◇
#ویدئو
🌐دوره: طراحی سایت
💯موضوع: نحوه اتصال html به css
🎥قسمت: ۳
💛توضیحات متنی
🎯 هدف این جلسه اتصال فایل css به html هست
🔹 برای اینکه بتونید به تگ های html استایل (رنگ اندازه ضخامت و ...) بدید باید فایل css رو بهش معرفی کنید
🔸این معرفی جز تنظیمات سایت هست پس باید توی تگ head باشه
🔹 کد زیر رو باید توی تگ head وارد کنید👇
<link rel="stylesheet" href="./style.css" >
🔸حالا نوبت اینه که به تگ مد نظرت یه اسم خاص بدی و بعدا با اون اسم صداش بزنی
🔹اسم دادن به تگ ها با class انجام میشه
🔸مثلا اسم این تگ p که نوشتم رو الان گذاشتم fatemeh👇
<p class=" fatemeh " > متن دلخواه </p
🔹حالا برای اینکه این اسم رو صدا بزنی باید وارد فایل css بشی و یه نقطه بزاری و اسم class رو بدون فاصله با اون نقطه بنویسی
اینجوری👈🏻 { }fatemeh.
🔸بین کروشه ها می تونی استایل های مد نظرت رو بنویسی
🔹حواست باشه می خوای استایل بدی باید این شکلی باشه👇
color : 🟩 ;
background-color : ⬜️ ;
📝تمرین شبانه:
فایل html رو به cssوصل کنید.
سه تا تگ p بنویس و به هر کدوم class بده. به هر تگ p رنگ نوشته و رنگ پس زمینه بده
🔎به وقت بازخورد:
اگر دوست داری خودت رو به چالش بکشی، تمرین رو انجام بده و برای پشتیبانی بفرست
❣پیام استاد:
موفق باشید وب بلاکی های عزیزم
این جلسه هم نکته html داره هم پایه css هست
تمرین کردن فراموش نشه!!
🆔 @Web_Block_Support
تا الان فقط html یاد گرفته بودید⚙
از این جلسه به بعد می تونید رنگ و لعاب بدید به تگ هاتون🎨✨
شما رو با لذت بردن از زیبایی css تنها میزارم😌
📣نکته مهم!
افرادی که می خوان تمرین این جلسه رو استاد ویدئو بگیره و براشون انجام بده تا بیشتر یاد بگیرن به پشتیبانی کلمه "تمرین" رو بفرستن
اگر تعداد به حد نصاب برسه از استاد می خوام ویدئو ضبط کنه براتون🙃💞
رفقا اصلا این فرصت رو از دست ندید🥲حالا که ما استاد رو در کنارمون داریم ازشون استفاده کنید و تا می تونید یاد بگیرید🔥
🆔 @Web_Block_Support
🎆 کدنویس عجوبه || جلسه هفتم
عرض و ارتفاع در css🎗
#کدنویس_عجوبه
#جلسههفتم
14.6M حجم رسانه بالاست
مشاهده در ایتا
◇
🌐دوره: طراحی سایت
💯موضوع: عرض و ارتفاع در css
🎥قسمت: ۴
◇
#ویدئو
🌐دوره: طراحی سایت
💯موضوع: عرض و ارتفاع در css
🎥قسمت: ۴
💛توضیحات متنی
🎯 این جلسه بخش بندی html و عرض و ارتفاع دادن به تگ ها در css رو یاد میگیرید
🔹تگ div در html از کلمه divison میاد
🔸پس وقتی تگ div میزاری مثل این مونه که یه بخشی از صفحه سایت رو از بخش های دیگه جدا کردی
🔹 هر کاری بخوای می تونی با این بخش جدا شده انجام بدی
✔️ رنگ پس زمینه خاص بدی
✔️ عرض و ارتفاع خاص بدی
✔️مکان خاص مشخص کنی
🔸داخل css ما پراپرتی width رو داریم که نشون دهنده عرض (محور افقی) است
🔹پراپرتی height رو هم داریم که نشون دهنده ارتفاع (محور عمودی) است
🔸اینجوری نوشته میشن👇
width : ؛ عدد و واحد
height : ؛ عدد و واحد
🔹دقت کن عدد و واحد اندازه گیری باید بهم دیگه چسبیده باشن
🔸برای اینکه مطمئن بشی عرض و ارتفاع درست اعمال شده حتما به تگ رنگ پس زمینه بده تا محدودش رو ببینی
📝تمرین شبانه:
در html یدونه div بسازید و بهش class بدید
در css به همون div رنگ پس زمینه دلخواه، عرض و ارتفاع ۲۵۰ پیکسلی بدید
🔎به وقت بازخورد:
تمرینی که استاد تو ویدئو گفتن رو بعد از انجام دادن می تونید برای پشتیبانی بفرستید تا بررسی بشه😉
❣پیام استاد:
این جلسه هم یه تگ پرکاربرد از html داریم هم ۲ تا پراپرتی مهم از css
تمرین فراموش نشه وب بلاکی های عزیزم
🆔 @Web_Block_Support
استقبالتون خوب بود ولی کافی نه🥺
آقاااا یکم فعال تر باشید
مبادا فردا حسرت بخوری!!
مهلتش رو تمدید میکنم، تا فردا ساعت ۱۲ وقت دارید کلمه "تمرین" رو بفرستید برای پشتیبانی
🆔 @Web_Block_Support