چرا CSS ?
وقتی حرف از طراحی وبسایت میشه , دو اسم آشنای دیگه شنیده میشه HTML – CSS ,خب این موارد چیستند و به چه کاری میان , خب اگر از قبل با HTML آشنا شده باشید میدانید که این دو به کمک هم پدید آورنده ی تمامی وبسایت های جهان میباشند اگر یک ساختمان را در نظر بگیریم HTML همان ستون بندی اصلی ساختمان و آجر نما و این دسته موارد همان CSS میباشند.
خب CSS چیست؟
کد های CSS دستوراتی هستن که توسط اون‌ها می‌تونیم تمامی خصوصیات ظاهری صفحه وبسایت رو تعیین کنیم. بنابراین شما توسط کدهای HTML صفحه وب سایت خودتون رو پیاده سازی می‌کنین و با کدهای CSS مشخص می‌کنین هر عنصر چه خصوصیات ظاهری‌ای باید داشته باشه. به اصطلاحی رنگش می‌کنید و کلی ویژگی دیگه بهش اضافه می‌کنید!
حال ما در این دوره قراره کنار هم بصورت تخصصی به یادگیری CSS بپردازیم اما نه صرفا بصورت آکادمیک بلکه بصورت کاربردی که به این معناست با توجه به مطالب هر قسمت کامپوننتی رو میسازیم که تلفیق HTML و CSS هستش, که شما عزیزان با طراحی در دنیای واقعی آشنا بشید و همچنین تجربیات خودم رو در این زمینه با شما عزیزان به اشتراک میزارم هرچند باید این نکته رو عرض کنم که تمرکز ما قراره روی بوت استرپ باشه اما چرا ؟ بوت استرپ معروف ترین فریم ورک طراحی در دنیای وب هستش رو روز به روز به محبوبیتش افزوده میشه فریم ورک بوت استرپ از ترکیب سی اس اس و جاوا اسکریپت شکل گرفته و در اکثر شرکتها از این فریم ورک استفاده میشه اما با این حال شما برای کار با این فریم ورک نیازمند بلد بودن سی اس اس هستید, بعنوان مثال فرض کنید کارفرما از شما درخواست میکنه که کامپوننت دکمه در بوت استرپ رو شخصی سازی کنید, خب اینجاست که دانش سی اس اس به شما کمک میکنه و شما میتونید خیلی راحت کامپوننت مورد نظر رو شخصی سازی کنید
پیش نیاز های دوره:
- آشنایی با HTML
سر فصل های دوره:
- ساختار بندی
- روش های استفاده در پروژه
- نوشتار و رنگ ها(text & colors)
- حاشیه ها(border)
- بکگراند(background)
- فونت(fonts)
- پدینگ و مارجین(padding & margin)
- فلکس باکس(flexbox)
- سلکتور ها(selectors)
- فیلتر ها(filters)
- انیمیشن ها(animations)
- مدیا کوئری(media Query)
- float و overflow
- موارد تکمیلی
- ساخت صفحه رزومه شخصی
- ساخت لندینگ پیج
رایگان
