Web Designing

• Course Introduction
• Course software
• What is a HTML and HTML 5?
• Getting started with tags
• How to save web pages
• Viewing your web pages

• Basic HTML template
• Heading Tags
• Paragraph and Break tags
• Bold and Italics
• HTML lists

Reference: Basic HTML Tags

• Introduction to CSS
• CSS rules
• Where to put your styles
• Using CSS selectors
• Inline and Embedded styles
• CSS and Fonts
• Font colours
• Font sizes
• Styling Fonts

Reference: CSS and Fonts

• Types of Images
• Inserting Images part 1
• Inserting Images part 2
• Image Attributes
• Images and CSS
• Text wrapping with CSS
• CSS and image borders
• Background Images
• Adding captions to images

Reference: CSS in this section

• Hyperlinks
• Linking to other pages
• Other types of hyperlinks
• CSS and hyperlinks
• External stylesheets
• HTML lists and nav bars

Reference: CSS in this section

Reference: HTML in this section

• The Box Model
• CSS Comments
• CSS Positioning
• CSS floats
• A one column CSS layout
• Styling the one column layout
• Styling HTML 5 tags
• A two column CSS layout

Reference: CSS in this section

Reference: HTML5 layout tags

• HTML 4 Tables
• Row and Col span
• Table alignment, colour, images
• HTML 5 Tables

Reference: HTML and HTML5 tables

• Form Tags
• Textboxes, Submit, Reset
• Formatting Textboxes with CSS
• Labels, Textareas
• Option buttons and Checkboxes
• Passwords, hidden fields

Reference: HTML and HTML5 Forms

• HTML 5 Forms
• Placeholders, Required
• Email, URL, Search
• Spinners and Sliders
• Dates, Colour pickers
• Data Lists
• HTML Form Layouts
• HTML 5 Video and Audio
• The HTML 5 Canvas tag
• Details, Aside, Mark

Reference: HTML5 Audio and Video

• Websites and Domain Names
• What to look for when buying Webspace
• Search engine optimisation
• Pay per click advertising
• Sitemaps

• Basic HTML Tags
• CSS Font and Text Properties
• CSS Borders, Margins, Padding
• CSS used in the Lists section
• CSS used in the Positioning section
• HTML images and hyperlinks
• HTML5 Layout tags
• HTML and HTML5 Table tags
• HTML and HTML5 Form tags
• HTML5 Video and Audio tags
• HTML Special Characters