آشنایی با مارک آپ (Markup)

آشنایی با المان، تگ، خاصیت و مقدار

محتوای متنی یک صفحه وب سایت

لینک ها، تصاویر و محتوای غیرمتنی

اسم فایلهای صفحات وب

انواع نسخه های HTML

آشنایی با DOCTYPE و ضرورت استفاده از آن

فنداسیون یک صفحه سایت

عنوان یک صفحه وب سایت

ساخت پاراگراف ها

آشنایی با Headerها

نامگذاری المانها

تقسیم کردن یک صفحه سایت به قسمتهای مختلف

Encoding برای نمایش درست متنها

کاراکترهای خاص در HTML

المانهای طلایی وب: div و span

نقش فرم ها در صفحات وب

در این دوره از آموزش طراحی سایت ساخت اولین فرم

پردازش اطلاعات وارد شده توسط کاربر

آشنایی با Server-Side Programming

ساخت اولین برنامه داینامیک فوق ساده

دسته بندی المان های موجود در فرم

ساخت منوهای Drop Down (کشویی)

ساخت دکمه های رادیویی و چک باکس ها (Checkbox)

فیلدهای آپلود فایل

فیلدهای مخفی و کاربردهای آن

آشنایی با دکمه های Submit و Reset

قراردادن عکس به جای دکمه تایید فرم

نقش دکمه Tab در فیلدهای یک فرم

غیرفعال کردن المان های موجود در فرم

فیلدهای فقط خواندنی

پروژه عملی : ایجاد یک فرم ارتباط با ما به همراه صفحه پاسخ تایید ارسال فرم

درک مفهوم CSS و جایگاه آن در کنار HTML

آشنایی با استایل ها و روش های مختلف نوشتن آن

درک ساختار یک دستور CSS

نوشتن دستورات CSS در کنار یکدیگر

انتخاب المان مورد نظر در HTML

آشنایی کامل با انتخاب کننده ها در CSS

آشنایی با کلاس های دروغین (Pseudo-Class)

آشنایی با المان های دروغین (Pseudo-Element)

وراثت در CSS

آشنایی با واژه Cascade و نحوه عملکرد آن

افکت سایه در طراحی سایت

تاثیر افکت گرادیانت در طراحی سایت

افکت شعاع به المان ها

درک کامل CSS Box Model و ناسازگاری های موجود در طراحی سایت

نقش استانداردها در CSS Box Model

شناور کردن المان ها در صفحه سایت

کنترل المان های موجود در مجاورت المان های شناور

آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن

مخفی کردن المان ها در یک صفحه وب

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

آشنایی با صفحات تک ستونی در این دوره از طراحی سایت

آشنایی با صفحات چندستونی

ساخت صفحات دوستونی

ساخت صفحات سه ستونی ساده و پیچیده در این دوره از طراحی سایت

تنظیم ارتفاع تمامی ستون های صفحه وب به یک اندازه

آشنایی با صفحات Absolutely-Positioned

آشنایی با باگ های مختلف مرورگرهای مختلف

پروژه عملی :ایجاد یک قالب کامل با CSS

تعریف اسناد HTML5

HTML5 syntax

عنصر Header

عنصر nav

عنصر Section

عنصر article

عنصر aside

عنصر footer

بازنگری مدل محتوا

کار کردن باشكل figure و figcaption

گروه بندی محتوا با aside

استفاده از div در HTML5

استفاده از صفات id,class در HTML5

كاركردن با لیستها در HTML5

استناد به کار بصورت semantically معنایی

استفاده از المنت address

استفاده از المنت small

استفاده از المنت mark

كاركردن با تاریخ و زمان

مقدمه ای بر جاوااسکریپت

شروع کار با جاوااسکریپت

آشنایی با ابزارها و کاربردها

ساختار کدهای جاوا اسکریپت

ساخت متغیرها

نوشتن دستورهای شرطی

کارکردن با عملگرها

کار با حلقه ها در جاوا اسکریپت

ساخت توابع در JavaScript

ایجاد و کارکردن با آرایه ها

ایجاد و کارکردن با اعداد

ایجاد و کارکردن با مقادیر رشته ای

استفاده از دستورات کار با تاریخ و زمان JavaScript

DOM چیست ؟

کارکردن با Node ها و HTML Element ها

دسترسی یافتن به المان های موجود در DOM

تغییر دادن المان های موجود در DOM

ساخت المان های DOM

مدیریت رخدادها در جاوا اسکریپت

رخدادهای onClick و onEvent آموزش کارکردن با رخدادهای onBlur و onFocus

کار کردن با Timer

آشنایی با برخی خطاهای رایج جاوا اسکریپت در این دوره از آموزش طراحی سایت

استفاده از Firebug به منظور رفع خطای کدهای جاوا اسکریپت

مراحل رفع خطا ی کدهای جاوا اسکریپت

دسترسی یافتن به عناصر فرم های وب

جلوگیری از ارسال یک فرم با داده های نامعتبر به سرور

نمایش و مخفی سازی بخش هایی از فرم های وب

مقدمه ای بر jQuery

jQuery چیست

دانلود و نصب jQuery

ایجاد یک صفحه ساده دارای jQuery

مروری بر ویژگی های jQuery

مروری بر انتخاب گرها Selector و فیلترها

استفاده از انتخابگرهای اولیه jQuery

استفاده از فیلترهای اولیه jQuery

استفاده از فیلترهای صفات jQuery

Child , Visibility

فیلترها و انتخابگرهای فرم

پویش مستندات Traversing Documents

درک حالت زنجیره عبارت jQuery

تعیین حاشیه عملکر صفحه لینک (Annotating page links)

ایجاد ، گرفتن و تنظیم کردن محتوای صفحه

دستکاری ویژگی ها (Attributes) با jQuery

Wrapping ، جایگزینی و حذف محتوی

استفاده از jQuery Event Object

درک جنبه های مدیریت Event در jQuery

bind کردن و unbind کردن Eventها

متدهای کمکی آسان Event

استفاده از آبجکت Event در jQuery

استفاده از ویژگی های دیگر Event

مثال عملی : برجسته سازی و نواربندی جداول

مخفی سازی و نمایش المان ها بوسیله jQuery

Fade کردن المان ها با jQuery

Slide بندی المان ها از طریق jQuery

ساخت انیمیشن های سفارشی

Image Rotator ( گرداننده عکس )