ابتدا با اصول اولیه و اصطلاحات مربوط با طراحی وب سایت آشنا می شویم

• آشنایی با اصطلاحات
• آشنایی با ابزارهای لازم برای طراحی یک سایت
• نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب
• نکات و راه کارهای مربوط فضای میزبانی
• آشنایی کامل با هاست وپنل های مدیریت آنها
• آشنایی با تکنیک های بازاریابی
• بررسی قرار دادهای طراحی وب سایت
• روانشناسی رنگ ها برای انتخاب ترکیب رنگ مناسب وب سایت
• آشنایی با محیط های کد نویسی و مقایسه آنها

سپس شروع به فراگیری اصول کدنویسی,HTMLخواهیم نمود

• مفهوم HTML
• تاریخچه HTML وبررسی نسخه های آن
• XHTML و تفاوت آن با HTML
• بررسی انواع استانداردهای صفحات وب
• بررسی ساختار تگ ها
• بررسی عناصر اصلی صفحه
• آشنایی با تگ های بخش عنوان
• قوانین صفت ها
• ایجاد و ذخیره اولین صفحه وب

آشنایی با تگ های اصلی و پایه

• کار کردن با متن ها و اعمال تغییرات روی آنها
• بررسی کلی صفت ها
• آشنایی با سبک های فیزیکی و منطقی
• توضیح ها و نقل قول ها
• آشنایی با انواع لینک ها درHTML
• بررسی تگ های مربوط به لینک ها
• آشنایی با عناصر بلاکی ودرون خطی
• کار با تصاویر در HTML
• آشنایی با محیط های کد نویسی و مقایسه آنها
• تقسیم بندی اطلاعات با لیست ها در HTML
• کار با جداول
• ایجاد فرم ها وبررسی انواع فیلد ها
• ایجاد صفحات چند گانه در HTML
• بررسی خطاها و Validate کردن XHTML
• آشنایی با تگ div
• آشنایی با تگ Span
• قالب بندی صفحات وب با استفاده از تگ div

پس از آشنایی با HTML شروع به یادگیری css خواهیم کرد

• معرفی و بررسی انواع سلکتور ها در cssنسخه های آن
• نحوه تعریف اصولی انواع سلکتور ها
• بررسی property ها و value ها در css
• اولویت در اعمال استایل‌ها
• کلاس های کاذب
• آشنایی با ویژگی !important
• بررسی مدهای رنگ در css
• ابعاد صفحه با css
• بررسی مدل جعبه ای
• استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
• بررسی مدل جعبه ای
• استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
• باکس بندی صفحه و کار با سلکتورهای class وId
• بررسی ویژگی float
• بررسی انواع position ها در css
• ساخت انواع منو های آبشاری با استفاده از css
• طراحی فرم ها و جداول پیشرفته به کمک css
• بررسی قواعد مربوط به چاپ
• بررسی خطاها و validate کدهای css

مباحث HTML5

• معرفی HTML5
• مستندات HTML5
• تعریف ساختار صفحه
• بررسی عناصر مربوط به ساختار صفحه
• عناصر header,section,article,nav,aside,footer
• بررسی عناصر جدید اضافه شده
• فرم ها در HTML5
• تایپوگرافی
• پیوست انواع فونت دلخواه به صفحه
• صوت و تصویر در HTML5
• بررسی تگ svg
• بررسی تگ canvas
• راه کارهای هماهنگی HTML5 با تمامی مرورگرها
• تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5
• API ها

شروع CSS3

• معرفی CSS3
• بررسی ویژگی های جدید
• بررسی گزینش گرهای اضافه شده
• مرجع قوانین CSS
• رنگ ها در CSS3
• ایجاد سایه ها
• ایجادگوشه های گرد و اشکال هندسی
• توالی رنگ ها
• دستورات جدید تصاویر
• تغییر شکل ها
• حرکات انتقالی
• انیمیشن ها
• دستورات جدید تصاویربررسی نکات مربوط به اجرای css3 در تمامی مرور گرها
• بررسی طراحی واکنش گرا
• استفاده از Media query ها

ریسپانسیو

• آشنایی با فریم ورک های طراحی وب سایت
• Bootstrap
• Foundation
• Media query ها

مباحث مربوط به فتوشاپ

• کاربردپذیری
• المان های یک Application
• المان های اخطار دهنده
• المان های

مباحث مربوط به Userinterface

سپس به یادگیری jQuery و آشنایی با وردپرس میپردازیم.