HTML/XHTML Online Tutoring
Learn the fundamentals of HTML required to strengthen your web development skills.
- Write standard-compliant HTML markup
- Use table to display grid layout information
- Enhance your web site visual appeal with CSS
- Learn to optimize and use images
- Build intuitive web site navigation
- Design and customize web forms
- Harness better web site management skills
- Learn to setup a web hosting account
-
First Things First
- Organizing Your Files
- HTML Markup Editor
- Web Page Preview
- Publishing Your Web site
-
Basic Skeleton of a web page
- Exploring the DOCTYPE
- Elements of < head> section
- Web Page <body>
- Using Meta Tags
-
Creating Hyperlinks
- Creating Text Links
- Exploring named anchors
- Creating Email Links
- relative/absolute URL
-
Adding Images in a web page
- Exploring the Image HTML Tag
- Defining the image source attribute
- Vertical & Horizontal Spacing
- Aligning Image with Text
- Decorating an Image
- Using a Background Image
-
Adding Multimedia
- Adding A Flash Movie to a web Page
- Inserting a Flash Video (i.e. Youtube Video)
- Adding a Sound Player
- Using Background Music
-
Introduction to CSS
- Defining a CSS Rule
- Creating a CSS style
- Inline CSS Style
- Embedded CSS Styles
- Using External CSS Style Sheets
-
Typography
- Defining Text Font
- Text Alignment
- Text Decoration
- Setting the Text Style
- Changing the Line spacing
- Words/Characters Spacing
- Creating text paragraphs
- Using Line breaks
-
Web Page Layout with CSS
- Absolute Positioning
- Fixed Positioning
- Relative Positioning
- Static Positioning
-
Web Site Navigation
- Designing a Vertical Navigation
- Horizontal Navigation
- Navigation Buttons
- Rollover Buttons/Text Links
- Creating Fly-out Menus
-
Displaying data grid with Tables
- Placing a table in web page
- Adding a Table header
- Defining a Table row
- Table Cells Properties
- Rowspan and Cell span
-
Using Text List Items
- Unordered List Items (<ul>)
- Ordered List Items (<ol>)
- Defining a list type Image
Using Colors
- Color Notations
- Web Safe Colors
- Foreground/Background Color
- Borders Color
-
Design Web Forms
- Inserting a Form in web Page
- Inserting Text Fields
- Using Textarea
- Using Radio Buttons
- Using Check Boxes
- Using Drop-down List
- Labels and Fieldset
- Reset and Submit Button
-
Validation Your Website
- Validating XHTML markup
- Validating CSS Markup
-
Web Page Layout with Frame
- Defining a Frameset
- Frameset rows and Columns
- Target Frame
- Using Inline Frame
-
Using Special Characters
- Non-Breaking Spaces
- Copyright & Trademarks
- Angle Brackets
-
Inline and Block Level Elements
- Inline Elements
- Block Level Elements
- Display Blocks Inline
- Changing Inline Elements into Blocks
-
Using Javascript
- Inserting JavaScript Code in a web Page
- Attaching an External Javascript File
- Basic Javascript syntax
- Variables and Functions
- Mouse Events Handling