Contact : 0172-4612244

HTML 5 & CSS3

The latest standard for HTML is HTML 5, many new features has been added which reduces the need of external plugins. Error handling has become easier. New updates has been added like New Elements, New Attributes, Full CSS3 Support, Video and Audio, 2D/3D Graphics, Local Storage, Local SQL Database, Web Applications and more advancement which takes our designs to a high level and improves the quality of Web sites.


HTML (Hypertext Markup Language)

Introduction to a Web Page
  • What is HTML
  • Setting Up theDreamweaver to Create XHTML
  • Creating Your First HTML page
  • Formatting and Adding Tags and Previewing in a Browser
  • Choosing an Editor
  • Project Management

Working with Images
  • Image Formats
  • Introducing the IMG Tag
  • Inserting and Aligning Images on a Web Page
  • Detailing with Alt, Width and Height Attributes

Designing with Tabl es
  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows and Columns
  • Placing Images and Graphics into Tables
  • Aligning Text and Graphics in Tables
  • Adding a Background Color
  • Building Pages over Tracer Images
  • Tweaking Layouts to Create Perfect Pages

Creating HTML Documents
  • Understanding Tags, Elements and Attributes
  • Defining the Basic Structure with HTML, HEAD and BODY
  • Using Paragraph Tag to assign a Title
  • Setting Fonts for a Web Page
  • Creating Unordered and Ordered and Defination Lists
  • Detailing Tags with Attributes
  • Using Heading Tags
  • Adding Bold and Italics
  • Understanding How a Browser Reads HTML

Anchors and Hyperlinks
  • Creating Hyperlinks to Outside Webs
  • Creating Hyperlinks Between Documents
  • Creating a link for Email Addresses
  • Creating a link for a Specific Part of a Webpage
  • Creating a link for a image

Creating Layouts
  • Adding a Side Content Div to Your Layout
  • Applying Absolute Positioning
  • Applying Relative Positioning
  • Using the Float and Clear Properties
  • Understanding Overflow
  • Creating Auto-Centering Content
  • Using Fixed Positioning


CSS (Cascading Style Sheets)

Introduction to CSS
  • What is CSS?
  • Internal Style Sheets, Selectors, Properties and Values
  • Building and Applying Class Selectors
  • Creating Comments in Your Code
  • Understanding Class and ID
  • Using Div Tags and IDs to Format Layout
  • Understanding the Cascade and Avoiding Conflicts

Creative artwork and CSS
  • Using images in CSS
  • Applying texture
  • Graduated fills
  • Round corners
  • Transparency and semi-transparency
  • Stretchy boxes
  • Creative typography

Building layout with CSSS
  • A centred container
  • 2 column layout
  • 3 column layout
  • The box model
  • Transparency and semi-transparency
  • The Div Tag
  • Child Divs
  • Width and Height
  • Margin
  • Padding
  • Borders
  • Floating and Clearing Content
  • Using Floats in Layouts
  • Tips for Creating and Applying Styles

Common CSS problems
  • Browser support issues
  • Float clearing issues
  • Validating your CSS
  • Common validation errors

Some basic CSS properties
  • Block vs inline elements
  • Div's and spans
  • Border properties
  • Width, height and max, min
  • The auto property
  • Inlining Styles
  • Arranging Layers Using the Z Index

Styling a data table
  • Basic table mark up
  • Adding row and column headers
  • Simplifying table structure
  • Styling row and column headings
  • Adding borders
  • Formatting text in tables
  • Laying out and positioning tables

Quick Inquiry