کارگاه عملی یک روزه: طراحی سایت با استفاده از CSS و DIV

[Mr.Keramati]

این دوره ویژه ی طراحان و برنامه نویسانی ارائه شده است که با متدها و اصول طراحی حرفه ای سایت آشنایی ندارند و یا اینکه طراحی خود را با استفاده جدول به روش های منسوخ شده ی Table Based انجام می دهند. در این دوره طی یک کارگاه عملی کلیه ی تئوری ها، تجربیات و تکنیک های مورد نیاز جهت طراحی یک وب سایت بر اساس استاندارد های W3C با استفاده از CSS و DIV به روش Div Based آموزش داده خواهد شد.
کلیه تئوری ها و تکنیک های این دوره بصورت کاملا عملی و در قالب طراحی یک سایت کامل آموزش داده خواهد شد.

این دوره بصورت فشرده و طی یک روز برگزار می شود.

اهداف کلی دوره:


طراحی صفحات وب بر اساس استانداردهای W3C
تکنیک های طراحی صفحات وب با استفاده از div و css
بررسی تکنیک های Positioning در CSS
بررسی مزایای طراحی Div Based نسبت به متدهای منسوخ شده Table Based
طراحی منطبق با مرورگرهای مختلف (Cross Browser Compatibility)
تکنیک های طراحی منو و زیر منو با استفاده از CSS


مشخصات این دوره عبارتند از:



مدرس: کرامتی
پیش نیازها: آشنایی با HTML و CSS مفید خواهد بود
طول دوره: 5 ساعت
زمان برگزاری دوره : جمعه، 6 آبان 1390 ساعت 15:00 الی 20.00
آدرس: تهران - خیابان ملک - نرسیده به شریعتی - کوچه میرمجتهدی - پلاک 1 - واحد 4 - آموزشگاه برنامه نویس
شهریه 50.000 تومان


جهت کسب اطلاعات بیشتر درباره نحوه ثبت نام و جزئیات برگزاری این دوره می توانید با شماره تلفن 09126902414 و یا آدرس ایمیل http://barnamenevis.org/images/myemail2.gif تماس بگیرید.


نحوه ثبت نام:
جهت ثبت نام مبلغ شهریه را به یکی از حسابهای زیر واریز کرده و مشخصات تان شامل


نام و نام خانوادگی
شماره تلفن ثابت
شماره تلفن همراه
شماره فیش واریز

را به آدرس ایمیل http://barnamenevis.org/images/myemail2.gif ارسال کنید.


شماره حساب ها:

بانک ملی
نام صاحب حساب: محمد رضا کرامتی فر
شماره حساب: 0106742673008
شماره کارت: 6037991170451938
===========================
بانک ملت
نام صاحب حساب: محمد رضا کرامتی فر
شماره حساب: 3196989754
شماره کارت: 6104337027585536
===========================
بانک صادرات
نام صاحب حساب: محمد رضا کرامتی فر
شماره حساب: 0329468008003
شماره کارت: 6037691133204016
===========================

سرفصل های این دوره عبارتند از:


مقدمه ای بر طراحی با CSS

انواع مختلف ارتباط CSS با صفحه
بررسی مزایا و معایب انواع مختلف CSS
اصول وراثت در CSS
Overwriting در CSS


بررسی المنت های مورد نیاز در طراحی

مزایای طراحی Div Based نسبت به Table Based
المنت های گروه بندی
بررسی کاربردهای المنت span
بررسی کاربرد های المنت div
بررسی Class Attribute
بررسی ID Attribute
بررسی Style Attribute


Selector ها در CSS

Selector چیست
Universal Selector
Type Selector
Class Selector
ID Selector
Child Selector
Descendant Selector
Selector های ترکیبی
کجا باید از چه Selector ای استفاده کنیم
نحوه انتخاب Selector های سریعتر


واحد های اندازه گیری در CSS

بررسی و کاربرد واحد اندازه گیری px
بررسی و کاربرد واحد اندازه گیری em
بررسی و کاربرد واحد اندازه گیری ex
بررسی و کاربرد واحد اندازه گیری pt
بررسی و کاربرد واحد اندازه گیری pc
بررسی و کاربرد واحد اندازه گیری in
بررسی و کاربرد واحد اندازه گیری cm
بررسی و کاربرد واحد اندازه گیری mm
بررسی و کاربرد واحد اندازه گیری Percentage
کجا باید از چه واحدی استفاده کنیم


بررسی Box Model

Box Model چیست



بررسی Border
بررسی Margin
بررسی Padding
ابعاد Box
بررسی height
بررسی width
بررسی line-height
بررسی min-height
بررسی max-height
برسی min-width
بررسی max-width


Position ها CSS

بررسی و کاربرد Static Position
بررسی و کاربرد Absolute Position
بررسی و کاربرد Relative Position
بررسی و کاربرد Fixed Position


طراحی قالب سایت با استفاده از Div و CSS

طراحی بخش های مختلف Layout با استفاده از div
تکنیک های طراحی Header
تکنیک های طراحی منو با استفاده از CSS
تکنیک های طراحی SubMenu با استفاده از CSS
تکنیک های طراحی Side Bar ها
تکنیک های طراحی محتوای صفحه
تکنیک های طراحی Footer


تطابق با مرورگرهای مختلف (Cross Browser Compatibilit)

چگونه سایت CBC طراحی کنیم
تکنیک های طراحی سایت CBC
تکنیک های CSS برای طراحی CBC
نحوه Reset کردن مقادیر پیش فرض در مرورگرهای مختلف