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

هدف دوره: دانشجویان در پایان این دوره توانایی ساخت و توسعه صفحات استاتیک وب را به صورت واکنشگرا (responsive) خواهند داشت.

پیش نیاز دوره: داشتن زمان کافی برای حل تمرین های کلاس.

سرفصل دوره:

مفاهیم وب

آشنایی با ساختار اینترنت

         آشنایی با وب سرور ها

W3C

مرورگر های وب

آشنایی با پروتوکل HTTP (ساختار درخواست ها و پاسخ ها - Caching - کد های خطا و ...)

HTML,XML

و ...

HTML

قوانین و مفاهیم XHML
متن ها در HTML
انواع آدرس در وب و ساخت لینک ها
انواع تصاویر در وب
فشرده سازی تصاویر برای وب
Condetional Comments
آشنایی با امکانات نرم افزار Visual Studio برای توسعه دهندگان وب

CSS

سلکتور های CSS
قوانین Cascade
تشخیص Conflict در CSS های صفحه
استفاده از قابلیت Developer Tools در مرورگر ها
نکاتی در مورد کار گروهی در CSS
آشنایی با Image Sprites
کنترل متن ها در CSS
مدیریت پیش زمینه در CSS
آشنایی و کنترل BOX Model
مشخص کردن نحوه نمایش المنت ها (Display)
کنترل ظاهر صفحات در چاپگر
مشخص کردن محل المان ها بر روی صفحه و نسبت به یکدیگر (Positioning)
آشنایی با Selector ها و pseudo class های جدید در CSS3
قابلیت های جدید پس زمینه در CSS3
استفاده از Gradient در پس زمینه المنت ها بدون استفاده از تصاویر
قرار دادن تصاویر به جای کادر اطراف المنت ها
تعیین میزان شفافیت المنت های صفحه
ایجاد گوشه های گرد
اضافه کردن سایه به تصاویر و متن ها
چند ستونه نمایش دادن متن ها
استفاده از هر نوع Font دلخواه بدون آنکه آن فونت در سیستم کاربر نصب باشد
تغییر شکل المنت ها (چرخش المنت ها - تغییر زاویه المنت ها - تغییرمقیاس و تغییر مکان المنت ها)
انیمیشن در CSS 3
امکانات Visual Studio برای CSS3
امکانات Visual Studio برای تولید HTML توسط CSS Selector ها (Zen Codding)
المنت های مجازی
تکنیک های پیشرفه در CSS

Twitter Bootstrap

آشنایی با CSS Framework ها
آشنایی با Twitter Bootstrap
آشنایی با مفاهیم طراحی واکنش گرا (Responsive Design)
استفاده از Grid System System برای ساخت اسکلت صفحه
امکانات Responsive در Bootstrap
ساخت فرم ها در Bootstrap
استفاده از Font Icon ها
سایر اجزا Bootstrap
امکانات Visual Studio یرای توسعه ساده تر با Bootstrap

JavaScript

آشنایی با JavaScript
ساختار زبان JavaScript
امکانات Visual Studio برای توسعه JavaScript
مروری بر jQuery
jQuery Selector
کنترل رویداد ها در jQuery
رویداد های ماوس
رویداد های کیبورد
بررسی افزونه های jQuery
ساخت اسلایدر
ساخت گالری تصاویر
ساخت منو
بررسی افزونه های Bootstrap برای jQuery
استفاده از respond.js
استفاده از html5shiv.js
استفاده از modernizer.js

مطالب دیگر

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