💥تا آخر هفته انجام خواهد شد💥
افرادی که فعال بودن و یا مشتاق یادگیری و توی مینی دوره ثبت نام کرده بودن به طور رایگان🆓 توی گروه های 15 نفره VIP عضو میشن به همراه
+ یک پشتیبان تخصصی🧑🏻💻
و
+ مدرس👩🏻🏫
👈🏻تا باهاشون حرفه ای کار بشه💰💯
جهت ثبت نام رایگان در مینی دوره و عضویت در گروه VIP💎 عدد "1" رو به پشتیبانی ارسال کنید💛
🆔 @Web_block_support
🧡
ماجرای طراحی لوگوی رسمی HTML5
لوگو نسخه ۵ ابتدا با مخالفتهای شدیدی روبرو شد😵 چون برخی معتقد بودن شبیه به یک «سپر» جنگی است🛡⚔ اما طراح لوگو اصرار داشت که این نماد، 👊🏻قدرت وب باز و بدون نیاز به پلاگینهای جانبی رو نشان میده🤩🤩
#دانستنی
🧡
امشب می خوایم بریم سراغ پارت دوم فونت گذاری در css🙂
این جلسه هم از ویدئو های تخصصی دوره جادوگر CSS گرفته شده پس به هیچ عنوان از دستش ندید❌
✅یه نکته ای بگم!
داخل ویدئو امشب احتمالا اسم چند تا تگ رو میشنوید که بلد نیستید... چون از تگ هایی هستن که تو دوره تخصصی معمار HTML آموزش داده شدن
💡معمار HTML دوره صفر تا صدی هست که قبل از جادوگر CSS باید توش متخصص بشید و دیده باشید
توضیح اینکه تگ ها چی هستن تو توضیحات متنی می نویسم، آشنایی دقیق باهاشون هم بمونه برای گروه VIP💎
🎆 کدنویس عجوبه || جلسه پانزدهم
فونت در css (پارت۲)🎗
#کدنویس_عجوبه
#جلسهپانزدهم
16M حجم رسانه بالاست
مشاهده در ایتا
◇
🌐دوره: طراحی سایت
💯موضوع: فونت در css (پارت۲)
🎥قسمت: ۱۱
🟡برگرفته از دوره تخصصی جادوگرcss
◇
#ویدئو
🌐دوره: طراحی سایت
💯موضوع: فونت در css (پارت۲)
🎥قسمت: ۱۱
💛توضیحات متنی
🎯 پارت دوم فونت و پراپرتی های آن
🔹پراپرتی font-weight وزن یا ضخامت نوشته رو کنترل می کنه، معمولا مقدار های بالای ۵۰۰ شروع به ضخیم کردن متن می کنه
font-weight : 600 ;
🔸حواستون باشه عددی که برای ضخامت میزارید واحد نداره و عدد باید تنها باشه
🔹کاربرد ضخیم کردن نوشته مثل زمانیه که از تگ های b یا strong توی html استفاده کنید
🔸تگ b و strong نوشته رو ظاهری بولد و ضخیم می کنن اما خب از لحاظ معنایی فرق دارن
🔹پراپرتی font-style به ما کمک می کنه استایل نوشته رو مشخص کنیم و به صورت پیشفرض روی normal هست
🔸یکی از پرکاربرد ترین استایل های فونت italic هست که نوشته رو مورب می کنه
font-style : italic ;
🔹کاربردش شبیه زمانیه که از تگ i یا em داخل html استفاده کنی
تگ i و em هر دو نوشته ها رو مورب می کنن (البته یه تفاوت هایی دارن با هم این دو تا تگ)😅
🔹 پراپرتی font-size اندازه نوشته رو کنترل میکنه
font-size : 20px ;
🔸به صورت پیشفرض روی 16px هست پس برای بزرگ کردن نوشته باید عدد بالای ۱۶ بدی
🔹پراپرتی letter-spacing اندازه فاصله بین حروف رو مشخص می کنه و چون تو فارسی حروف به همدیگه میچسبند کاربردی نداره و برای زبان انگلیسی بهتره
letter-spacing : 20px ;
🔸پراپرتی line-height اندازه فاصله خط ها از هم دیگه رو مشخص می کنه، هرچی بیشتر باشه، نوشته های زیر هم بیشتر از همدیگه فاصله میگیرن
line-height : 16px ;
📝تمرین شبانه:
دقیقا چالشی که تو ویدئو گفت رو انجام بدید
۳ تا تگ p که به هر سه فونت دادید و حالا فقط قراره وسطی اندازه و رنگ متفاوت داشته باشه😁 ببینم چجور خلاقیت به خرج میدید🔅
🔎به وقت بازخورد:
حتما حتما تمرین رو انجام بدید!
این تمرین چالش خوبیه برای ذهنتون که از دانشتون تا به اینجا استفاده کنید
✅بفرستید پشتیبانی تمرین این جلسه رو چون #امتیاز_ویژه🎟 داره
❣پیام استاد:
جلسه قبل یاد گرفتید فونت به css معرفی کنید
این جلسه یاد میگیرید چجور فونت رو تنظیم کنید
هر دو ویدئو که مکمل همدیگه هستن رو ببینید و اگر سوال داشتید از پشتیبانی بپرسید😉
🆔 @Web_Block_Support
اینا تمریناتیه که شما فرستادید👇☺️
(تعدادشون خیلی زیاد بود ولی خب بیشتر از چند تا دونه رو نمیشه توکانال گذاشت)
لذت میبرم وقتی میبینم انقدر خوب آموزش دیدید و تمرین کردید❤️🥺
از این تمرین میشه فهمید مباحث:
● رنگ پس زمینه
● اندازه فونت
● بوردر
● تقسیم بندی با div
رو کامل یاد گرفتن
واقعا هزار ماشالله 👏👏
#تمرین_شما
انرژی تمام تیم وب بلاک با این تمرین های خفنی که می فرستید چند برابر میشه🔥🔥
از تمرینشون می فهمیده مباحث:
● تقسیم بندی با div
● اضافه کردن و استفاده از فونت
● رنگ
رو کامل متوجه شدن
انقدر فعال بودن که به دنبال یادگیری اضافه هم رفتن و از margin و padding هم استفاده کردن🤩
هزار ماشالله 👏👏
#تمرین_شما