CSS

WEB DESIGN

LEARNING OUTCOMES

After successful completion of this course, the student will be able to:

a. Create web pages

• Format color and text

• Add graphic images

• Add links to web pages

b. Organize web pages

• Develop web pages using CSS page layouts

• Create forms

• Create tables

c. Design web sites

• Create site maps

• Create wireframes

• Develop web sites using best practices

d. Redesign web sites

• Add Multimedia technologies

• Evaluate and enhance web site usability

• Develop web sites using accessibility practices

OUTLINE OF INSTRUCTION

I. Developing a Basic Web Page

A. Introducing the World Wide Web

B. Creating an HTML Document

C. Working with Elements and Special Characters WEB 210: July 2013

II. Developing a Basic Web Site:

A. Working with Links

B. Working with Web Site Structures

C. Creating Links between Documents

D. Linking to Resources on the Internet

E. Working with Hypertext Attributes

III. Designing a Web Page

A. Working with Color in HTML

B. Working with Fonts and Text Styles

C. Adding Graphic Elements to Your Web Pages

D. Working with GIFs and JPGs

E. Understanding Image Maps

IV. Develop Web Pages with XHTML

A. Test Web pages with Validation tools

B. Evaluate Web Site Accessibility

C. Create Web Sites using current Web Standards

V. Designing Web Page Tables

A. Creating Tables on the World Wide Web

B. Formatting with Style Sheets

VI. Designing Web Page Forms and Styles

A. Creating Web Page Forms

B. Formatting with Style Sheets

C. Using Multimedia on the Web

 



CASCADING STYLE SHEETS (CSS 2.1)& (CSS3)

Introduction to Cascading Style Sheet

  • Types of CSS

      CSS Selectors

  • Universal Selector
  • ID Selector
  • Tag Selector
  • Class Selector
  • Sub Selector
  • Child Combinatory Selector
  • Adjacent Sibling Selector
  • Attribute Selector
  • Group selector
  • First-line and First-letter selector
  • Before and After Selector

       CSS Properties

  • Type Properties
  • Background Properties
  • Block Properties
  • Box Properties
  • List Properties
  • Border Properties
  • Positioning Properties

       Real-time Implementation

  • Converstion of Table to CSS Layout
  • CSS Menu Design (Horizontal, Vertical)
  • Form Designing

 

 

CSS 3

  • Introduction to CSS 3

       New CSS 3 Selectors

  • Attribute Selectors
  • First-of-type
  • Last-of-type
  • Nth-child
  • Element: empty

       New CSS3 Properties

  • Custom Fonts
  • Text-Shadow Property
  • Rounded Corners
  • Box  Shadows
  • CSS Gradients
  • CSS Multiple backgrounds
  • Opacity Property
  • Transition effect
  • Transform effect
  • Animation effects
  • Css Media Queries
  • Text-Stroke Property
  • Using CSS3 in Practical Layout
 

 



For more details please contact here............
USA Contact:-+1-914-885-1413  ||  +1-949-209-8994 India Contact:-+91-40-60504560  ||  +1-914-885-1413 Email:-Info@globalitfamily.com



For more details please contact here............
USA Contact:-+1-914-885-1413  ||  +1-949-209-8994 India Contact:-+91-40-60504560  ||  +1-914-885-1413 Email:-Info@globalitfamily.com


Take a Free Demo class

Submit your enquire here

© 2013 : Global IT Family. All Rights Reserved