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


طول دوره زمان برگزاری تاریخ شروع دوره شهریه استاد ثبت نام
14 جلسه 42 ساعت دوشنبه از ساعت 17:30 الی 20:30
چهارشنبه از ساعت 17:30 الی 20:30
دوشنبه ۲۸ فروردین ۱۳۹۶ 602,000 تومان بابک پیروز

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


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

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


سرفصل دوره:

مفاهیم وب

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

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

مرورگر های وب

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

HTML,XML

W3C

و ...

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 ها

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

نحوه تست سایت در مرورگرها و سیستم عامل های مختلف

بهینه سازی سایت برای موتورهای جستوجوگر

انتخاب سرور مناسب برای سایت