سلام دوستان به قسمت اول خوش اومدید
این دوره دوره ی مقدماتی هستش و فقط در حد آشنایی اما با همین دوره هم میتونید صفحه بندی عالی داشته باشید
گرید رو توی مطلب قبل معرفی کردیم
این قسمت: مقدمات رو فراهم میکنیم
پیش نیاز:
- آشنایی با ساختار html
- آشنایی مقدماتی با css
- خواندن مطلب grid چیست
خب فرض کنید میخوایم یک قالب سه ستونه بسازیم
قالبمون شامل 5 بخشه:
هدر،فوتر،ماین (پست ها) سایبار چپ(باکس ها) سایدبار راست (باکس ها2)
قدم اول: ویرایشگرتون رو انتخاب کنید
اگه میخواین فقط کد هارو کپی و مطالعه کنید از نوت پد++ استفاده کنید
اگه میخواین خودتون کد بنویسید و برای کدنویسی سرعت و قدرت بالا داشته باشید،
به صورت رایگان: از Atom یا VScode یا emmet استفاده کنید
اگه حاضرید پول بدید بابتش: از سابلایم استفاده کنید
(نگران نباشید به زودی ی مطلب درمورد ide ها میزارم)
قدم دوم: پوشمون رو میسازیم +تمام فایل ها
یه پوشه به اسم grid یا هرچیزی بسازید
دو تا فایل توش ایجاد کنید : index.html , style.css
تمامی فایل های بکگراند،عکس هدر و... رو بریزید توش
قدم سوم: html
خب،وارد فایل index میشیم و html ـش رو مینویسیم:
<html> <head> <title>gride<title> <link href="style.css" rel="stylesheet"> </head><body><header> </header> <main> </main> <div class="boxs1"></div> <div class="boxs2"></div> <footer> </footer> </body></html>
قدم های بعدی: آشنایی با مقدار ها و دستورات grid
اینو تو قسمت بعد یاد میدم
