🌐دوره: طراحی سایت
💯موضوع: کد های پایه html
🎥قسمت: ۲
💛توضیحات متنی
🎯 این جلسه یاد میگیرید که ساختار اولیه سایت رو بسازید
🔹توی فایل html که ساختید عبارت html:5 رو تایپ کنید و دکمه Enter رو بزنید
کد هایی که نوشته میشن ساختار پایه سایت هستن
🔸کد DOCTYPE html نشون میده ما داریم از به روز ترین نسخه html استفاده می کنیم
🔹تگ head مربوط به تنظیماته، هر کدی داخلش باشه برامون یه کار خاص انجام میده
مثلا اسم سایت رو مشخص می کنه:
اینجوری👈🏻 <title/> اسم سایت <title>
🔸زبان سایت انگلیسی "lang="en
🔹زبان سایت فارسی "lang="fa
🔸تگ body بدنه سایته، یعنی هر کدی داخل body بنویسی بهت خروجی سایت رو میده و میشه اون بخشی که کاربر می بینه
🔹تگ p نشون دهنده پاراگراف هست، وقتی می خوای متم بنویسی تگ p میزاری و متن رو داخلش می نویسی تا معلوم باشه این محتوای تو متنه!
اینجوری👈🏻 <p/> متن دلخواه <p>
🔸تگ چیه؟ یه نوع برچسب که نشون میده چیزی که داخلشه چیه
اگه یهو وسط کد هات متن بنویسی html علم غیب نداره که بفهمه این متنه!🤯
پس چیکار باید بکنی؟
میای متن رو توی تگ p می نویسی، چون تگ p برچسب متنه
🔹تگ ها باز میشن و بسته میشن و محتوای تو وسطشون میاد
اینجوری👇
<p> تگ باز
</p> تگ بسته
<head> تگ باز
</head> تگ بسته
<body> تگ باز
</body> تگ بسته
📝تمرین شبانه:
ساختار اولیه کد هات با html:5 در فایل html بساز
زبان و عنوان سایت رو تغییر بده
داخل تگ body یدونه تگ p بزاره و اسمت رو بنویس
اینجوری 👈🏻 <p/> اسم شما <p>
🔎به وقت بازخورد:
اگر دوست داری تمرینت بررسی بشه بعد از انجام تمرین تصویرش رو برای پشتیبانی ارسال کن
❣پیام استاد:
حتما به کد ها دقت کنید
نکات رو یادداشت کنید که فراموش نکنید
شاید این جلسه ساده باشه اما بهتره ۳ یا ۴ بار تمرین بشه عزیزانم
🆔 @Web_Block_Support
🎆 کدنویس عجوبه || جلسه ششم
اتصال css به html🎗
#کدنویس_عجوبه
#جلسه‌ششم
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🎗
#کدنویس_عجوبه
#جلسه‌هفتم