آموزش رایگان HTML , CSS برای طراحی سایت فروشگاهی (از صفر)

آموزش رایگان HTML , CSS برای طراحی سایت فروشگاهی (از صفر)

پروژه‌محور و کاربردی: تمام دوره‌ها نه‌فقط تئوری، بلکه همراه با تمرین‌ها و پروژه‌های عملی هستند که به شما کمک می‌کنند مفاهیم را عمیق بفهمید و مهارت‌های واقعی بسازید. مناسب برای ورود به بازار کار: دوره‌ها با تمرکز روی نیازهای بازار طراحی شده‌اند؛ یعنی شما فقط مهارت نمی‌آموزید، بلکه برای پروژه‌ها و نیازهای واقعی بازار آماده می‌شوید. پشتیبانی و تعامل با مدرس و دانشجویان: در تمام دوره‌ها امکان پرسش و پاسخ، رفع اشکال و تعامل با مدرس و سایر دانشجویان وجود دارد، تا هیچ نکته‌ای برایتان مبهم نماند. آشنایی با ابزارهای حرفه‌ای: دوره‌ها فراتر از مفاهیم ساده، ابزارهای روز مثل گیت‌هاب، فیگما، DevTools و هوش مصنوعی را هم به شما معرفی می‌کنند تا از همان ابتدا حرفه‌ای کار کنید. مسیر یادگیری منظم و گام‌به‌گام: همه دوره‌ها به‌صورت ساختارمند طراحی شده‌اند تا از سطح مقدماتی تا پیشرفته شما را هدایت کنند، بدون اینکه در بین راه سردرگم شوید یا نیاز به منابع جانبی داشته باشید.

تریلر دوره

توضیحات کامل دوره

پروژه‌محور و کاربردی: تمام دوره‌ها نه‌فقط تئوری، بلکه همراه با تمرین‌ها و پروژه‌های عملی هستند که به شما کمک می‌کنند مفاهیم را عمیق بفهمید و مهارت‌های واقعی بسازید. مناسب برای ورود به بازار کار: دوره‌...

پروژه‌محور و کاربردی: تمام دوره‌ها نه‌فقط تئوری، بلکه همراه با تمرین‌ها و پروژه‌های عملی هستند که به شما کمک می‌کنند مفاهیم را عمیق بفهمید و مهارت‌های واقعی بسازید. مناسب برای ورود به بازار کار: دوره‌ها با تمرکز روی نیازهای بازار طراحی شده‌اند؛ یعنی شما فقط مهارت نمی‌آموزید، بلکه برای پروژه‌ها و نیازهای واقعی بازار آماده می‌شوید. پشتیبانی و تعامل با مدرس و دانشجویان: در تمام دوره‌ها امکان پرسش و پاسخ، رفع اشکال و تعامل با مدرس و سایر دانشجویان وجود دارد، تا هیچ نکته‌ای برایتان مبهم نماند. آشنایی با ابزارهای حرفه‌ای: دوره‌ها فراتر از مفاهیم ساده، ابزارهای روز مثل گیت‌هاب، فیگما، DevTools و هوش مصنوعی را هم به شما معرفی می‌کنند تا از همان ابتدا حرفه‌ای کار کنید. مسیر یادگیری منظم و گام‌به‌گام: همه دوره‌ها به‌صورت ساختارمند طراحی شده‌اند تا از سطح مقدماتی تا پیشرفته شما را هدایت کنند، بدون اینکه در بین راه سردرگم شوید یا نیاز به منابع جانبی داشته باشید.

سرفصل‌های دوره

  • معرفی دوره و زبان HTML , CSS
    00:05:09
  • معرفی زبان HTML
    00:06:05
  • معرفی کد ادیتور VSCode
    00:03:20
  • آشنایی با کد نویسی HTML و معرفی ساختار تگ
    00:07:07
  • ساختار ابتدایی کدهای HTML
    00:09:28
  • معرفی تگهای متنی H , P در HTML
    00:09:56
  • معرفی افزونه Live Server
    00:03:17
  • معرفی تگ pre و مقایسه با تگ p با معرفی ابتدایی مبحث سئو
    00:06:26
  • معرفی formatting در تگهای HTML و اهمیت تگ های معنایی
    00:06:40
  • معرفی formatting در تگهای HTML و اهمیت تگ های معنایی-پارت2
    00:04:53
  • معرفی اتربیوت در HTML
    00:05:11
  • معرفی تگ div و ساختار ساده تگهای والد و فرزند
    00:06:03
  • معرفی تگ img و اتربیوت های آن
    00:07:49
  • معرفی روشهای آدرس دهی فایل در HTML
    00:05:01
  • معرفی تگ a (anchor) و button- برای پیمایش بین صفحات
    00:07:12
  • معرفی اتربیوت های تگ a
    00:04:48
  • معرفی دسته بندی تگهای block و inline
    00:04:46

  • معرفی زبان CSS و کاربرد و روش نوشتار آن در بین کدهای HTML
    00:07:59
  • معرفی استایل background و سیستم های رنگی در CSS
    00:07:19
  • معرفی استایلهای عرض و ارتفاع و شروع پروژه یک صفحه ساده وب
    00:09:45
  • معرفی استایل های line-heght , text-align در CSS و معرفی محیط DevTools
    00:05:47
  • معرفی class , id و نوشتن استایل به صورت Internal
    00:08:57
  • معرفی display : block , inline و استایل margin
    00:08:28
  • معرفی استایل padding و Box Model در محیط Dev Tool
    00:07:50
  • معرفی استایل background-image
    00:06:01
  • معرفی پراپرتی های استایل background
    00:04:08
  • مختصر نویسی استایل background و رنگ دهی گرادیان
    00:07:03
  • معرفی استایل های انحنای حاشیه و سایه المان
    00:06:42
  • معرفی استایل border به عنوان حاشیه المانها
    00:04:59
  • معرفی project stracture و روش استایلی نویسی External
    00:08:23

  • معرفی تفکر ساختاری در طراحی
    00:05:12
  • پروژه « گالری عکس ساده » با تمرین تفکر ساختاری
    00:05:22
  • پروژه گالری عکس - پارت2 - معرفی سلکتور ترکیبی والد و فرزند
    00:10:44
  • پروژه گالری عکس - پارت3 - معرفی سلکتور گروهی
    00:10:39
  • معرفی هم ترازی در CSS و سایه دادن به متن
    00:09:58
  • معرفی پروژه فرم ثبت نام از الگوی فیگما
    00:08:23
  • پروژه فرم ثبت نام از الگوی فیگما-معرفی تگ فرم و استایل font-family
    00:07:22
  • پروژه فرم ثبت نام از الگوی فیگما-معرفی تگ input وlabel
    00:06:46
  • پروژه فرم ثبت نام از الگوی فیگما-ترفند رنگ گرادیان به متن
    00:06:14
  • تایپ های تگ input و یک تکنیک هم ترازی و وسط چین کردن المان
    00:08:36
  • پروژه فرم ثبت نام از الگوی فیگما- اتربیوت های دیگر input
    00:06:54
  • معرفی اینپوت با تایپ radio و اولویت دادن به سلکتور ها در CSS
    00:08:57
  • استایل و اتربیوت جهت نوشتار در CSS - افزودن فونت فارسی
    00:09:17
  • کاربرد اتربیوت action در فرم و روش متفاوت در سایه دادن به المان
    00:05:45
  • معرفی شبه کلاس های hover , focus و استایل transition در CSS
    00:06:56
  • معرفی ویژگی ار بری تگ ها در HTML و تغییر آن در CSS
    00:04:47
  • اهمیت کامنت نویسی و معرفی کلاسهای متنی در CSS
    00:08:25
  • معرفی Media Query و طراحی Responsive در CSS
    00:09:36
  • معرفی تگ ها و استایلهای مربوط به لیست ها
    00:07:40
  • معرفی روش استایل نویسی کلاس محور- روش نوشتاری نام در برنامه نویسی
    00:09:57
  • معرفی تگ progress و استفاده از آیکون ها در پروژه
    00:07:04
  • تحلیل پروژه صفحه "لیست وب سایت ها" و ریسپانسیو آن
    00:09:57
  • معرفی مبحث Flexbox در CSS
    00:07:24

  • تمرین Flex Box و معرفی پراپرتی های آن و دستورات Reset Style
    00:10:53
  • موقعیت دهی به المانها با transform در CSS
    00:07:31
  • موقعیت دهی به المان ها در صفحه با position در CSS
    00:08:52
  • معرفی z-index و تاثیر آن در المانهای غیر استاتیک
    00:04:09
  • مبحث hash , anchor در بین المان های HTML توسط تگ a
    00:07:32
  • معرفی تگهای جدول (table) برای ایجاد یک لیست کالا
    00:08:19
  • واحد اندازه گیری در css و معرفی شبه کلاس active
    00:07:27
  • ویژگی های backdrop-filter و drop-shadow در css
    00:08:23
  • معرفی شب کلاس ها target و استایلهای opacity و visibility در CSS
    00:04:54
  • ترفند ریسپانسیو کردن جدول در CSS و ساخت منوی کشویی با تگهای details و summary
    00:09:13
  • معرفی تگهای چندرسانه ای در HTML
    00:05:53
  • معرفی تگ iframe و اتربیوت ها و کاربردهای آن در HTML
    00:07:50
  • معرفی تگ audio از دیگر تگهای چند رسانه ای و انجام پروژه "گالری موزیک"
    00:06:11
  • تکمیل پروژه "گالری موزیک" در معرفی تگهای چند رسانه ای
    00:07:26
  • گروه بندی تگهای HTML
    00:09:49

  • معرفی پروژه پایانی و راهکار های مرور مطالبی که فراموش شده اند با هوش مصنوعی
    00:09:42
  • پروژه پایانی "سایت فروشگاهی " - پارت 1
    00:09:24
  • پروژه پایانی "سایت فروشگاهی " - پارت 2
    00:09:56
  • پروژه پایانی "سایت فروشگاهی " - پارت 3 - ترفند وسط چین کردن المان با پوزیشن absolute
    00:10:53
  • پروژه پایانی "سایت فروشگاهی " - پارت 4 - کاربرد flex-wrap
    00:09:06
  • پروژه پایانی "سایت فروشگاهی " - پارت 5
    00:10:49
  • پروژه پایانی "سایت فروشگاهی " - پارت 6
    00:07:22
  • پروژه پایانی "سایت فروشگاهی " - پارت 7
    00:08:26
  • پروژه پایانی "سایت فروشگاهی " - پارت 8
    00:07:44
  • پروژه پایانی "سایت فروشگاهی " - پارت 9
    00:10:35
  • پروژه پایانی "سایت فروشگاهی " - پارت 10
    00:10:32
  • سخن آخر و نکات پر اهمیت ادامه مسیر طراحی وب (مهم)
    00:06:31

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

رایگان

این دوره شامل:
5 فصل آموزشی
10 : 03 : 49 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/08/01
آخرین به‌روزرسانی: 2026-10-23 19:06:52
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: