معرفی دوره: حالا که با HTML، اسکلتبندی صفحات وب آشنا شدید، وقت آن رسیده که به وبسایتهایتان جان ببخشید! دوره آموزش CSS، به شما یاد میدهد چطور صفحات وب خود را از نظر ظاهری زیبا، جذاب و کاربرپسند کنید. با CSS میتوانید رنگها، فونتها، چیدمانها و انیمیشنهای خیرهکنندهای به وبسایتتان اضافه کنید.
این دوره به شما نشان میدهد که چطور با استفاده از دستورات CSS، ظاهر صفحات HTML خود را به دلخواه تغییر دهید و تجربهای بصری فوقالعاده برای کاربران ایجاد کنید.
این دوره برای چه کسانی مناسب است؟
- تمام کسانی که دوره HTML را گذراندهاند و میخواهند وبسایتهای زیباتری بسازند.
- توسعهدهندگان تازهکار وب که به دنبال تکمیل مهارتهای خود هستند.
- طراحان وب و گرافیستها که میخواهند درک عمیقتری از نحوه استایلدهی وبسایتها پیدا کنند.
- هر کسی که علاقهمند به ایجاد ظاهری حرفهای و جذاب برای صفحات وب است.
در این دوره چه چیزهایی یاد خواهید گرفت؟
- مبانی CSS: با نقش CSS در طراحی وب و نحوه اتصال آن به فایلهای HTML آشنا میشوید.
- انتخابگرهای CSS (Selectors): یاد میگیرید چطور عناصر مختلف HTML را برای اعمال استایل انتخاب کنید (مانند انتخابگرهای کلاس، شناسه، تگ و…).
- اصول اولیه استایلدهی: نحوه تغییر رنگ متن، رنگ پسزمینه، فونتها، حاشیهها (Margins) و فاصلهها (Paddings).
- مدیریت چیدمان (Layout): با مفاهیمی مانند Box Model، Display (Block, Inline, Flexbox, Grid) آشنا میشوید تا عناصر را به شکلی دلخواه بچینید.
- طراحی ریسپانسیو (Responsive Design): یاد میگیرید چطور وبسایت خود را برای نمایش در دستگاههای مختلف (موبایل، تبلت، دسکتاپ) بهینه کنید.
- افکتها و انیمیشنهای ساده: با اضافه کردن برخی افکتهای بصری و انیمیشنهای ساده، به صفحات خود جذابیت بیشتری ببخشید.
- پروژههای عملی: با طراحی و استایلدهی چندین بخش از یک وبسایت واقعی، مهارتهای خود را تمرین میکنید.
چرا این دوره را انتخاب کنید؟
- یادگیری گام به گام: مفاهیم پیچیده CSS به زبان ساده و قابل فهم آموزش داده میشوند.
- تمرکز بر کاربرد عملی: تمام نکات و تکنیکها با مثالهای عملی و پروژههای واقعی همراه هستند.
- بهروز و جامع: سرفصلهای دوره شامل جدیدترین تکنیکهای CSS است.
- ایجاد ظاهر حرفهای: پس از این دوره، قادر خواهید بود ظاهر وبسایتهای خود را به کلی متحول کنید.
پیشنیازها:
- آشنایی با مبانی HTML (اگر دوره HTML را گذراندهاید، عالی است).
- یک کامپیوتر و دسترسی به اینترنت.
- (اختیاری) آشنایی اولیه با نحوه کار مرورگرهای وب.
با دوره آموزش CSS، خلاقیت خود را در طراحی وب آزاد کنید و وبسایتهایی بسازید که نه تنها کارآمد، بلکه زیبا و چشمنواز باشند!
فصل اول: مقدمات و راهاندازی
CSS چیست و چرا اهمیت دارد؟
سه روش اتصال CSS به HTML
خصوصی
این درس خصوصی است. برای دسترسی کامل به همه ی دروس باید آن را بخرید.
انتخابگرها (Selectors)
فصل دوم: ویژگیهای اصلی CSS و Box Model
خواص اصلی متن (Text Properties)
معرفی Box Model (جعبه رنگ)
تنظیم حاشیهها (Margins)
تنظیم فاصلههای داخلی (Paddings)
تنظیم کادرها (Borders)
تنظیمات پسزمینه (Background)
فصل سوم: چیدمان عناصر (Layout)
نمایش عناصر (Display Property)
شناورسازی عناصر (Float Property)
موقعیتدهی به عناصر (Position Property)
معرفی Flexbox (چیدمان انعطافپذیر) - بخش اول مفهوم Flex Container و Flex Items
معرفی Flexbox - بخش دوم
معرفی Grid Layout (چیدمان شبکهای) - بخش اول
معرفی Grid Layout - بخش دوم
تنظیمات ظاهری عناصر
فصل چهارم: عناصر پیشرفته و زیباسازی
تبدیلها (Transforms)
انتقالها (Transitions)
انیمیشنها (Animations) با @keyframes
سایهها (Shadows)
گرادینتها (Gradients)
فصل پنجم: طراحی واکنشگرا (Responsive Design)
معرفی Media Queries
پیادهسازی Responsive در صفحات
فصل ششم: مباحث تکمیلی و پروژهها
فرمها در CSS (Styling Forms)
طراحی جدولها (Styling Tables)
پروژهی عملی 1 - بازطراحی وبلاگ شخصی
پروژهی عملی 2 - طراحی صفحه فرود (Landing Page)
نکات حرفهای و ابزارهای مفید
اولین نفری باشید که دیدگاهی را ارسال می کنید برای “آموزش ساده و حرفه ای CSS”
عبدالرحمان مهدوی
برنامه نویس و توسعه دهنده وردپرس
عبدالرحمان مهدوی (Abdulrahman Mahdawi) متولد 1383 در افغانستان است. ایشان بعد از تحصیلات دوره ابتدایی و با توجه به شرایط وخیم افغانستان، برای ادامه تحصیل وارد ایران می شود. در طول دوران تحصیل با دانش برنامه نویسی و زبان های آن آشنا می شود که همین موضوع باعث کشف علاقه ایشان به همین حوزه می شود. از سال 1399 شروع به یادگیری زبان های برنامه نویسی می کند و حالا به زبان ها و فریمورک های مختلف در زمینه طراحی و توسعه وب تسلط دارد. از جمله می توان به موارد زیر اشاره کرد: 1: زبان نشانگذاری اچ تی ام ال و سی اس اس (HTML & CSS) 2: فریم ورک جی کوئری، بوت استرپ، ری اکت و لاراول (J-Qeury, Bootstrap, Laravel & ReactJS) 3: زبان های برنامه نویسی پی اچ پی، جاوااسکریپت و پایتون (PHP, JavaScript & Python) 4: سیستم مدیریت محتوای وردپرس و توسعه افزونه و قالب اختصاصی برای آن (Wordpress & Wordpress coding) درحال حاضر عبدالرحمن مهدوی مدیر تیم قهرمان است که بیش از یکسال ار تشکیل این تیم میگذرد. زمینه فعالیت تیم قهرمان طراحی پلتفرم های مختلف برای رفع نیازهای مردم افغانستان در داخل و خارج از آن است.
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.