Quick Navigation
HTML Programming course
Overview
This course is designed to provide an introduction to the power of HTML, or HyperText Markup Language, the language behind most web pages. Once you know the basic rules of HTML and a few HTML tags, you can begin developing a web page — formatting text, adding images and links. You will learn the concepts and skills to use HTML coding for web design, and then move onto more complex XHTML and CSS fundamentals.
Audience
Users new to web design that need to derive a basic grounding in HTML and CSS, and the new standards of web design.
Course Objectives
At the end of this course, delegates will be able to gain an understanding of the major components of HTML/XHTML/CCS to be able to create and edit web pages, to be able to transfer files from their local computer to a remote computer and vice versa (FTP), use input forms and calendars, use multicolumn layout, menu skins, backgrounds and positioning to create a better design.
Prerequisites
No knowledge is assumed however it would be useful to have knowledge of web terminology.
Course Contents (3 days)
- The Language of the Web
- Basics of HTML and the Web
- Creating an HTML File
- Web Browers and Tags
- Formating and Testing Pages
- Understanding Attributes
- Working with Images
- Web Page Construction
- The Rough Design Sketch
- From a Sketch to an Outline
- From Outline to Web Page
- Testing your New Pages
- Learning New Tags and Elements
- Working with Blockquote and Paragraph
- Nesting Elements
- Choosing Inline or Block for Text
- Serving Up the Page
- Finding Hosting Solutions
- Domain Name Basics
- Getting your Files to the Web
- URL Linking
- HTTP Protocol
- Absolute and Relative Paths
- Index and Default Pages
- Linking to Other Web Sites
- Liking to a New Window
- Using Target
- Testing on Multiple Browsers
- Tips and Tricks for Publishing
- Images, Media, and More HTML
- Working with Images
- Standards and the ATL Tag
- Images for Links
- Formatting Options
- Working with Transparent Images
- Working with Page Colour and Background
- Document Type and the W3C Validator
- Using Meta Tags and Data
- Validating and Nesting Fixes
- Moving on to XHTML
- Learning About XHTML
- The XHTML 1.0 Checklist
- Moving from HTML to XHTML
- Validation and XHTML
- Adding Some Style
- Using CSS and XHTML
- Designing and Building Rules
- Linking to External Style Sheets
- Understanding Inheritance
- The Font Family Tree
- Overriding Inheritance
- Creating a Selector for the Class
- Taking Classes Further
- Validating CSS
- More About CSS and Properties
- Text and Fonts
- Understanding Font-Family
- Adding Style to Your Fonts
- Specifying Web Colours
- Two Minute Guide to Hex Codes
- How to Find Web Colours
- Text Decorations
- Removing the Underline from Links
- Web Layout Basics
- Learning the Box Model
- Padding, Border, and Margins
- Adding a Background Image
- Adding Padding to the Left and Right
- Two Minute Guide to Borders
- Border Fit and Finish
- Working with the ID Attribute
- Using Multiple Style Sheets
- More HTML and CSS Techniques
- Dividing a Page into Logical Sections
- Selecting Descendants
- Working with Colour
- Fixing the Line Height
- Adding the Tag for Style
- Styling Based on State
- Pseudo-Classes
- Understanding the Power of Cascade
- Arranging Elements
- Working with Flow
- Working with Inline Elements
- Putting it all Together
- Working with Width and Float
- Fixing the Two-Column Problem
- Fixing Overlap
- Liquid and Frozen Designs
- How Fixed Positioning Works
- Two and Three Column Designs
- Adding Forms to your Page
- How Forms Work
- Adding the Form Element
- Working with Input and Select
- Radio Buttons and Drop Downs
- Working with Get and Post
- Working with Tables and Forms
- Styling the Form and Table with CSS