دوره آموزش HTML و CSS جامع (طراحی صفحات وب)

در این دوره نحوه استفاده از تگ های مختلف HTML و استایل دهی با کد های CSS آموزش داده میشود. همچنین نحوه ساخت یک قالب نمونه با بخش های مختلف برای وبسایت آموزش داده شده است.

معرفی دوره آموزش HTML و CSS

زبان HTML و CSS زیربنای تمام وب سایت های موجود در جهان است. با مشاهده این دوره شما میتوانید از تگ های مختلف HTML به شکل صحیح استفاده کنید. با یادگیری CSS شما میتوانید بهترین ظاهر را مطابق سلیقه خود برای وبسایت ایجاد کنید تا به شکل مطلوب مورد نظر شما به کاربر نمایش داده شود.

به علاوه، شما میتوانید با کمک این دوره وبسایت طراحی شده برای دوره اینترنت اشیا حرفه ای را پیشرفته تر کنید و پروژه های خود را حرفه ای تر تکمیل کنید. صفحه های مختلف با امکانات متنوع برای پروژه های IoT خود بسازید.

فیلم زیر شما را با این دوره و نحوه تدریس آشنا میکند. (بعد از ثبت نام فیلم ها را با کیفیت HD دانلود میکنید)

 *یکبار برای همیشه HTML و CSS را کامل و اصولی یاد بگیرید *

در هر درس کد های مورد نیاز CSS و HTML به صورت خط به خط با توضیح نوشته میشود. وجه تمایز دوره آموزش HTML و CSS ما این است که شما از پشتیبانی دائمی برخوردار میشوید و میتوانید هر زمان سوالات خود را بپرسید. این دوره آموزشی با توضیح کامل است و سعی میکنیم در هر درس، کد های کاربردی و مفید مرتبط با درس را اجرا کنیم. در شرکت در این دوره شک دارید؟ سرفصل ها را بخوانید!

این دوره میتواند به عنوان مکمل، قبل یا بعد از دوره اینترنت اشیا حرفه ای یا دوره ESP32 مشاهده شود.

ثبت نام در دوره آموزش HTML و CSS

پس از ثبت نام میتوانید فیلم های آموزشی را دانلود کنید. سرفصل های دوره در ادامه صفحه قرار داده شده اند. در حال حاضر ثبت نام در دوره آموزش HTML و CSS شامل 40 درصد تخفیف میباشد. بعد از ثبت نام، به هر 3 فصل دسترسی دائمی دارید. *همراه با پشتیبانی دائمی ، ارتباط مستقیم با مدرس*

قیمت با تخفیف: 749 هزار تومان 445 هزار تومان

برای ثبت نام کافیست روی دکمه زیر کلیک کنید.

🛒 ثبت نام – 445,000 تومان

ضمانت دوره آردوینو

 

سرفصل های دوره HTML و CSS

این دوره 3 فصل و 24 درس دارد. لیست سرفصل ها را بخوانید.

فصل 1: شروع HTML

✅ درس 1: HTML چیست؟

  • HTML چیست
  • ساختار HTML
  • المان و ویژگی ها
  • نصب VS Code

✅ درس 2: عناصر اصلی

  • کار با لینک ها
  • افزودن تصاویر
  • فاو آیکون
  • کامنت گذاری

✅ درس 3: کار با DIV

  • استفاده از DIV
  • کلاس دهی DIV
  • فرم دهی به کلمات
  • تاکید، دیلیت شده، اضافه شده و…

✅ درس 4: کار با لیست ها

  • لیست ها در HTML
  • لیست های ترتیبی
  • لیست های غیرترتیبی
  • تغییر حالت لیست ها

✅ درس 5:  کار با جداول

  • جدول ها در HTML
  • تگ های ردیف ها
  • تغییر سایز ستون و ردیف
  • تگ های ستون ها

✅ درس 6: کار با متاتگ ها

  • متاتگ ها
  • فراخوانی فایل
  • نقل قول ها و آدرس
  • رفرش خودکار

✅ درس 7: سمنتیک و مدیا

  • کار با تگ های Semantic
  • افزودن آیفریم
  • افزودن ویدیو
  • افزودن موزیک

✅ درس 8: Entities نماد و اموجی

  • انتیتی چیست؟
  • کد نماد ها
  • کد های اموجی
  • کد های کامپیوتری

✅ درس 9: تکمیلی

  • استفاده از جاوا اسکریپت
  • کار با فرم ها
  • انواع Input ها
  • کار با ویژگی ها

فصل 2: ورود به دنیای CSS

✅ درس 10: CSS چیست

  • CSS چیست
  • نسخه های CSS
  • پراپرتی های پرکاربرد
  • کامنت گذاری سینتکس

✅ درس 11: 

  • استایل دهی به لینک ها
  • استفاده از بوردر
  • تنظیم سایز باکس ها
  • استفاده از اوتلاین

✅ درس 12: 

  • کار با فونت ها
  • استایل دهی به جدول
  • تنظیم واحد دلخواه
  • استفاده از گرادینت

✅ درس 13: استایل لیست ها

  • حالت های لیست هام
  • تنظیم آیکون لیست ها
  • اعمال چند استایل
  • ترنزیشن ها

✅ درس 14: حالت های نمایش

  • انواع دیسپلی
  • تنظیم پوزیشن
  • کار با زد ایندکس
  • تنظیم شفافیت

✅ درس 15: 

  • انواع Pseudo
  • کار با اوور فلو
  • کار با فلوت
  • باکس سایزینگ

✅ درس 16:

  • تراز کردن محتوا
  • کاربرد کامبینیتور
  • دستورات ریاضی
  • سلکتور ویژگی تگ

✅ درس 17: 

  • کار با مدیا کوئری
  • استفاده از سایه متن
  • کار با سایه باکس
  • ترنسفورم 3 و 2 بعدی

✅ درس 18:

  • تنظیم افکت متن
  • کار با متغیر ها
  • اسپریت و رفلکت تصویر
  • استایل انیمیشن

فصل 3: ساخت قالب نمونه

✅ درس 19: هدر وبسایت

  • ساخت دو منو
  • قرار دهی لوگو و عنوان
  • اضافه کردن فونت فارسی
  • ریسپانسیو

✅ درس 20: ستون ها

  • ساخت ستون ها
  • استایل سایدبار
  • صفحه بندی
  • ریسپانسیو

✅ درس 21: فوتر

  • طراحی فوتر
  • ستون های فوتر
  • کپی رایت
  • ریسپانسیو

✅ درس 22: صفحه مقاله

  • اطلاعات مقاله
  • متن کامل مقاله
  • فرم نظرات
  • استایل کد ها

✅ درس 23: صفحه گالری

  • ساخت صفحه گالری
  • حالت های مختلف
  • مهم کردن تصاویر
  • ریسپانسیو

✅ درس 24: نکات تکمیلی

  • ترکیب با اینترنت اشیا
  • انتقال کد ها به هاست
  • صفحه تماس با ما
  • صفحه درباره ما
5 (21 نفر)

6 نظر

  1. سلام
    ممنون بابت دوره جدید ،
    سرفصل ها مثل همیشه فوق العاده هستند .

    استاد برای دوره های java script و php هم برنامه ای دارید ؟

    1. سلام عزیز
      خوشحالم که از دوره جدید رضایت دارید
      بله احتمال تشکیل هست

  2. سلام
    متشکرم از زحماتی که بابات تهیه این آموزش های فوق‌العاده کشیدید.
    سوالی که دارم این است که این دوری چند ساعت است ؟
    و آیا از وورد پرس کاربردی تر است یا خیر؟
    ممنون

    1. سلام عزیز
      خوشحالیم که از دوره ها رضایت داشتید
      دوره HTML و CSS بیشتر از 9 ساعت است همراه با پشتیبانی دائمی
      وردپرس یک سیستم مدیریت محتوای سایت هست این دوره آموزش زبان های CSS و HTML هست برای ساخت قالب صفحات وب هست با هم تفاوت دارند.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *