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

پیام سیستم

در حال حاضر هیچ ترمی از این دوره آماده برگزاری نیست. در صورتی که می خواهید در لیست انتظار قرار بگیرید و هنگامی که ترم جدیدی از این دوره برگزار شد به شما اطلاع داده شود اینجا را کلیک کنید.

خلاصه

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

مطالب مهم این دوره

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

پیش نیازها


نحوه ثبت نام

برای ثبت نام در این دوره آموزشی مبلغ کامل شهریه را به یکی از شماره حساب ها یا شماره کارت های اعلام شده و یا از طریق امکان پرداخت آنلاین سایت پرداخت نمایید.


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

  1. مقدمه ای بر طراحی با CSS
    • انواع مختلف ارتباط CSS با صفحه
    • بررسی مزایا و معایب انواع مختلف CSS
    • اصول وراثت در CSS
    • Overwriting در CSS
  2. بررسی المنت های مورد نیاز در طراحی
    • مزایای طراحی Div Based نسبت به Table Based
    • المنت های گروه بندی
    • بررسی کاربردهای المنت span
    • بررسی کاربرد های المنت div
    • بررسی Class Attribute
    • بررسی ID Attribute
    • بررسی Style Attribute
  3. Selector ها در CSS
    • Selector چیست
    • Universal Selector
    • Type Selector
    • Class Selector
    • ID Selector
    • Child Selector
    • Descendant Selector
    • Selector های ترکیبی
    • کجا باید از چه Selector ای استفاده کنیم
    • نحوه انتخاب Selector های سریعتر
  4. واحد های اندازه گیری در CSS
    • بررسی و کاربرد واحد اندازه گیری px
    • بررسی و کاربرد واحد اندازه گیری em
    • بررسی و کاربرد واحد اندازه گیری ex
    • بررسی و کاربرد واحد اندازه گیری pt
    • بررسی و کاربرد واحد اندازه گیری pc
    • بررسی و کاربرد واحد اندازه گیری in
    • بررسی و کاربرد واحد اندازه گیری cm
    • بررسی و کاربرد واحد اندازه گیری mm
    • بررسی و کاربرد واحد اندازه گیری Percentage
    • کجا باید از چه واحدی استفاده کنیم
  5. بررسی Box Model
    • Box Model چیست
    • بررسی Border
    • بررسی Margin
    • بررسی Padding
    • ابعاد Box
    • بررسی height
    • بررسی width
    • بررسی line-height
    • بررسی min-height
    • بررسی max-height
    • برسی min-width
    • بررسی max-width
  6. Position ها CSS
    • بررسی و کاربرد Static Position
    • بررسی و کاربرد Absolute Position
    • بررسی و کاربرد Relative Position
    • بررسی و کاربرد Fixed Position
  7. طراحی قالب سایت با استفاده از Div و CSS
    • طراحی بخش های مختلف Layout با استفاده از div
    • تکنیک های طراحی Header
    • تکنیک های طراحی منو با استفاده از CSS
    • تکنیک های طراحی SubMenu با استفاده از CSS
    • تکنیک های طراحی Side Bar ها
    • تکنیک های طراحی محتوای صفحه
    • تکنیک های طراحی Footer
  8. تطابق با مرورگرهای مختلف (Cross Browser Compatibilit)
    • چگونه سایت CBC طراحی کنیم
    • تکنیک های طراحی سایت CBC
    • تکنیک های CSS برای طراحی CBC
    • نحوه Reset کردن مقادیر پیش فرض در مرورگرهای مختلف
picture
picture

نظر دانشجویان دوره های قبلی
 نظر افرادی که قبلا در این دوره ها شرکت کرده اند  را بدانید.

بهترین ملاک برای قضاوت درباره کیفیت خدمات آموزشی ما نظرات مخاطبینی است که قبلا از این خدمان استفاده کرده اند. ادامه »

picture

تضمین کیفیت
تضمین کیفیت خدمات آموزشی ما موفقیت افرادی است که با ما همراه بوده اند..

Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Read More »

picture

انواع دوره های آموزشی
دوره های آموزشی ما به دو حالت کلی فشرده و طولانی مدت برگزار می شود.

Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Read More »