آموزش رایگان HTML و CSS بهصورت پروژهمحور (از صفر تا طراحی وبسایت)
آموزش رایگان HTML و CSS بهصورت پروژهمحور از صفر تا طراحی وبسایت، شامل مفاهیم پایه، ساختار HTML، استایلدهی با CSS و پیادهسازی صفحات واقعی. در این دوره با انجام پروژههای عملی، مهارتهای لازم برای طراحی وبسایتهای واکنشگرا و استاندارد را بهصورت کاربردی یاد خواهید گرفت.
چرا باید HTML و CSS را یاد بگیریم؟
شروعی سریع برای ورود به دنیای طراحی سایت و برنامهنویسی وب
نیاز اولیه برای یادگیری زبانهای پیشرفتهتر مثل JavaScript و React
امکان ساخت سایتهای زیبا و کاربردی بدون نیاز به دانش برنامهنویسی پیچیده
کاربردی در تمامی پروژههای وب، چه شخصی و چه حرفهای
سرفصلهای دوره
فصل ۱: شروع و آشنایی با وب
معرفی ابزارهای مورد نیاز (VS Code، مرورگرها، افزونهها)
آشنایی با مفاهیم طراحی وب
فصل ۲: مبانی HTML
تگهای اصلی (h1 تا h6، p، span، strong)
لینکها و تصاویر
لیستها (ul, ol) و جداول (table)
تمرین: طراحی یک رزومه ساده با HTML
تگهای معنایی(Semantic tags)
فصل ۳: فرمها در HTML
input های مختلف (text, email, password)
المانهای انتخابی (checkbox, radio, select)
فرم تماس با ما (Contact Form)
فصل ۴: مبانی CSS
روشهای استفاده از CSS (inline، internal، external)
رنگها، فونتها و پسزمینهها
مدل جعبهای (Box Model: margin, padding, border)
تمرین: زیباتر کردن رزومه ساختهشده با CSS
فصل ۵: چیدمان در CSS (Layout)
Display: block, inline, inline-block
Position: relative, absolute, fixed, sticky
Float و کاربردهای آن
فصل ۶: Flexbox
معرفی Flexbox و ویژگیهای آن
تمرین: طراحی یک منو افقی با Flexbox
فصل ۷: CSS Grid
معرفی Grid و مقایسه آن با Flexbox
تمرین: طراحی گالری عکس با Grid
فصل ۸: طراحی واکنشگرا با Media Query
معرفی طراحی واکنشگرا (Responsive Design)
معرفی Media Query
واکنشگرا کردن گالری با Grid
تمرین تکمیلی — واکنشگرا کردن منوی سایت
فصل 9: انیمیشن ها
Transition
Transform
Keyframes
تمرین تکمیلی-انیمیشن لوگو یا لودینگ
فصل 10 : پروژه نهایی – طراحی وبسایت شخصی
ساختار HTML پروژه (هدر، سکشنها، فوتر)
استایلدهی کامل با CSS
طراحی واکنشگرا با Media Queries
خروجی نهایی: وبسایت شخصی کامل و حرفهای
چرا این دوره در تیچشا؟
آموزش گام به گام و کاملاً عملی
پوشش کامل مفاهیم ضروری HTML و CSS
انجام پروژههای واقعی در طول دوره
مناسب برای کسانی که هیچ پیشزمینهای ندارند
پیشنیازهای دوره
هیچ پیشنیازی لازم نیست. فقط کافیست یک کامپیوتر و علاقه به یادگیری طراحی وب داشته باشید.
دورههای پیشنهادی بعد از گذراندن این دوره
آموزش جامع جاوااسکریپت (پروژه محور و رایگان)
این دوره برای چه کسانی مناسب است؟
علاقهمندان به طراحی سایت از صفر
دانشجویان رشتههای IT و مهندسی کامپیوتر
برنامهنویسانی که میخواهند پایهی طراحی فرانتاند را یاد بگیرند
کسانی که میخواهند وارد دنیای طراحی وب و فریلنسری شوند
جمعبندی
این دوره جامع HTML و CSS، شما را از یک فرد مبتدی به یک طراح وب تبدیل میکند. در پایان، توانایی طراحی صفحات وب واکنشگرا، زیبا و حرفهای را خواهید داشت و آماده ورود به مراحل بعدی یادگیری (JavaScript و فریمورکها) میشوید.
همین حالا یادگیری طراحی سایت را شروع کنید و اولین قدم خود را برای ورود به دنیای جذاب وب بردارید.
برای ایجاد نظر وارد وبسایت شوید.
سلام آموزش هاتون خیلی خوب بودن همینکه کاربردی وپروژه محور بودن عالی بود و کاش شما وردپرس رو هم همینجوری پروژه محور آموزش میدادید وچنین دوره ای هم میداشتید
سلام خانم مینایی فر ممنون از اینکه دوره واستون مفید بوده و خیلی خوشحالیم از این بابت . یکی از پیشنیازهای وردپرس آشنایی کامل با PHP هست که در حال حاضر مشغول تدریسش هستیم. به امید خدا بعد اتمام ضبط PHP ، ضبط و آموزش وردپرس رو شروع میکنیم نگران نباشید.
عالی بود لطفا ادامه بدید بهترین آموزش html بود که تاحالا دیده بودم تنها چیزی که میخوام بگم اینکه لطفا میکروفن خودتونو بهتر کنید صداتون خیلی بد میاد
سلام ممنون از نظرتون ایشالله سعی میشه این مورد رو رفع کنیم