اموزش طراحی سایت با html css

سرفصل HTML:

هدف زبان HTML پایه و اساس طراحی صفحات وب است که به کمک آن می توان وب سایت های کاملا استاتیک طراحی کرد. این زبان یک زبان نشانه گذاری است.در انتهای این دوره دانشپذیران توانایی استفاده از متاتگ هارا خواهد داشت همچنین سایتی  همراه با عناصری از قبیل متن عکس تیزر جدول و ….را طراحی نمایند و آن را برای موتورهای جست و جو بهینه نمایند.

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

ساعات:7جلسه 1/30

جلسه 1: مقدمه ای بر HTML

معرفی HTML ,  HTML چیست؟

تاریخچه پیدایش HTML

نرم افزار ها ی مورد نیاز در HTML

جلسه 2:آشنایی با ساختار صفحات وب

ساختار صفحات HTML

جلسه 3.صفت ها در HTML

-ATTRIBUTE ها در HTML

ATTRIBUTE های عمومی در HTML

CLASS در HTML

ID در HTML

لیست همه ATTRIBUTE ها در HTML  ها

 جلسه 4.تگ ها ی قالب بندی متن ها

تگ P  در HTML

تگ BR  و تگ NOBR در HTML

تگ HR در HTML

تگ H1 تا H6  در HTML

تگ B و تگ STRONG  در HTML

تگ I و تگ EM  در HTML

تگ DEL و تگ S  و تگ  STRIKE در HTML

تگ INS  و تگ U  در HTML

تگ ABBR و تگ ACRONYM در HTML

تگ SUP  در HTML

تگ SUB در HTML

تگ FONT  در HTML

تگ CENTER  در HTML

تگ DFN  درHTML

تگ ADDRES  در HTML

  جلسه 5. لینگ ها در   HTML

– آشنایی با تصاویر در HTML

تگ IMG در HTML

تگ PICTURE در HTML

کار با تگ MAP  در HTML

 کار با تگ ها ی لیست در HTML

 جلسه 6.آشنایی با لیست در HTML

تگ UL  در HTML

تگ OL در HTML

تگDL در HTML

جلسه 7.کاربا فریم ها

تگ FRAME در HTML

تگ  IFRAMEدر HTML

آموزش طراحی سایت با css

هدف در دوره CSS هدف آموزش  مبانی  و اصول همچنین مفاهیم پیشرفته تر از CSS،کار با استایل ها،لایه ها و ساختارها است.در انتهای دوره دانشپذیران توانایی کار با زبان طراحی CSS را خواهند داشت همچنین می توانند استایلی را برای اسناد HTML خود سفارشی سازی یا CUSTOMIZE نمایند.

پیشنیاز:مقدمات برنامه نویسی HTML

ساعات:7جلسه 1/30

جلسه1:CSSپایه

-مقدمات CSS

-علت استفاده از CSS

-ساختارنحوی CSS

-IDو CLASS در CSS

-محل قرارگیری دستورات CSS

جلسه 2استایل عناصر:

-استایل پس زمینه ها

–استایل متن ها

-استایل فونت ها

-استایل لینک ها

-استایل لیست ها

-استایل جداول

جلسه 3:ساختارولایه بندی باکس ها

-حاشیه(BORDER)

-خطوط بیرونی (OUTLINE)

-فاصله از لبه بیرونی باکس(MARGAIN)

-فاصله از لبه داخلی باکس(PADDING)

جلسه 4:برخی از امکانات CSS پیشرفته

-گروه بندی و عناصر تو در تو( GROUPING)

-ابعاد عناصر(DIMENSION)

-نحوه نمایش عناصر(DISPLAY)

-موقعیت دهی به عناصر(POSITIONING)

-چیدمان عناصر شناور(FLOATING)

-چپ چین،راست چین،وسط چینی عناصر(ALIGN)

جلسه 5: شبه کلاس ها

-شبه کلاس ها(PSEUDO_CLASS)

-شبه عناصر(PSEUDO_ELEMENT)

جلسه 6:نوارها و ابزارها

-نوارمنوافقی(NAVIGATION BAR)

-گالری تصاویر(IMAGE GALLERY)

شفافیت تصاویر(IMAGE OPACITY)

جلسه 7:سایر تکنیک ها و دسترسی ها

-تکنیک نمایش تصاویر همجوار(IMAGE SPRITES)

-انواع رسانه ها (MEDIA TYPE)

-انتخاب عناصر توسط صفت( ATTRIBUTES  SELECTOR