HTML and CSS COURSE

Overview:

HTML and CSS go hand in hand for developing flexible, attractive, and user-friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page whereas CSS is used for presenting the page. HTML describes the structure of a Website semantically along with presentation cues, making it a mark-up language, rather than a programming language. HTML allows images and objects to be embedded and can be used to create interactive forms.

Course Objective:

Pre-requisite / Target Audience:

  • Any beginner who wants to build career as Web designer can take this course.

PART 1

Module 1: Web Programming Introduction

  • Architecture of a website
  • Different technologies in making the website
  • Web Development Introduction

Module 2: HTML-Introduction

  • History of HTML
  • What you need to do to get going and make your first HTML page
  • What are HTML Tags and Attributes?
  • HTML Tag vs. Element
  • HTML Attributes

Module 3: HTML-Basic Formatting Tags

  • HTML Basic Tags
  • HTML Formatting Tags
  • HTML Color Coding

Module 4: HTML-Grouping Using Div Span

  • Div and Span Tags for Grouping

Module 5: HTML-Lists

  • Unordered Lists
  • Ordered Lists
  • Definition list

Module 6: HTML-Images

  • Image and Image Mapping

Module 7: HTML-Hyperlink

  • URL - Uniform Resource Locator
  • URL Encoding

Module 8: HTML-Table

  • < table >
  • < th >
  • < tr >
  • < td >
  • < caption >
  • < thead >
  • < tbody >
  • < tfoot >
  • < colgroup >
  • < col >

Module 9: HTML-Iframe

  • Using Iframe as the Target

Module 10: HTML-Form

  • < input >
  • < textarea >
  • < button >
  • < select >
  • < label >

Module 11: HTML-Headers

  • Title
  • Base
  • Link
  • Styles
  • Script
  • Meta

Module 12: HTML-Miscellaneous

  • HTML Meta Tag
  • XHTML
  • HTML Deprecated Tags & Attributes

PART 2

Module 1: CSS2-Introduction

  • Benefits of CSS
  • CSS Versions History
  • CSS Syntax
  • External Style Sheet using < link >
  • Multiple Style Sheets
  • Value Lengths and Percentages

Module 2: CSS2-Syntax

  • CSS Syntax
  • single Style Sheets
  • Multiple Style Sheets
  • Value Lengths and Percentages

Module 3: CSS2-Selectors

  • ID Selectors
  • Class Selectors
  • Grouping Selectors
  • Universal Selector
  • Descendant / Child Selectors
  • Attribute Selectors
  • CSS - Pseudo Classes

Module 4: CSS2-Color Background Cursor

  • background-image
  • background-repeat
  • background-position
  • CSS Cursor

Module 5: CSS2-Text Fonts

  • color
  • background-color
  • text-decoration
  • text-align
  • vertical-align
  • text-indent
  • text-transform
  • white space
  • letter-spacing
  • word-spacing
  • line-height
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight

Module 6: CSS2-Lists Tables

  • list-style-type
  • list-style-position
  • list-style-image
  • list-style
  • CSS Tables
    • border
    • width & height
    • text-align
    • vertical-align
    • padding
    • color

Module 7: CSS2-Box Model

  • Borders & Outline
  • Margin & Padding
  • Height and width
  • CSS Dimensions

Module 8: CSS2-Display Positioning

  • CSS Visibility
  • CSS Display
  • CSS Scrollbars
  • CSS Positioning
    • Static Positioning
    • Fixed Positioning
    • Relative Positioning
    • Absolute Positioning
  • CSS Layers with Z-Index

CSS Floats

  • The float Property
  • The clear Property
  • The clear fix Hack
Share with your social network: