Site Map

As freewebtutorial.co.uk seems to be growing in pages all the time, we thought it may come in handy for some users if we included a sitemap.

• Home
• Quick Start Guide

• Getting Started

• 1.0 Getting Started
• 1.1 HTML & CSS

• HTML

• 1.0 HTML
• 1.1 Your First Website
• 1.2 Adding the Content
• 1.3 Reserved Characters
• 2.0 Tags
• 2.1 Comment Tags
• 3.0 Attributes
• 3.1 Colours
• 3.2 Fonts
• 3.3 Deprecated Tags
• 4.0 Lists
• 4.1 List Attributes
• 5.0 Tables
• 5.1 Table Styling Attributes
• 5.2 Table Layout Attributes
• 5.3 Table Layouts
• 6.0 Links
• 6.1 Linking to Websites
• 6.2 Linking within Websites
• 6.3 Linking within Pages
• 6.4 Linking to email
• 7.0 Span & Div
• 7.1 Class & Id
• 8.0 Images
• 8.1 Image Formats
• 8.2 Inserting images
• 8.3 Image Size
• 8.4 Background Images
• 8.5 Favicons
• 9.0 Forms
• 9.1 Input Text
• 9.2 Input Password
• 9.3 Input Radio
• 9.4 Input Checkbox
• 9.5 Input Button
• 9.6 Input Submit
• 9.7 Select
• 9.8 Select with Size
• 9.9 Text Area
• 10.0 Frames
• 10.1 Frame Layouts
• 10.2 Iframes
• 10.3 Targeting Sections
• 11.0 HTML Summary

• CSS

• 1.0 Cascading Style Sheets
• 1.1 Adding CSS (Inline)
• 1.2 Embedding CSS
• 1.3 Linking CSS
• 1.4 Importing CSS
• 2.0 Colour
• 2.1 Fonts
• 2.2 Font Compiling
• 2.3 Text
• 2.4 CSS Comments
• 3.0 The Box Model
• 3.1 Padding
• 3.2 Border
• 3.3 Margin
• 3.4 Hacks
• 4.0 Lists
• 4.1 List Properties
• 5.0 Tables
• 5.1 Table Properties
• 6.0 Links
• 6.1 Navigation
• 7.0 CSS Grouping
• 7.1 Span & Div
• 7.2 Selectors
• 8.0 Pseudo Classes
• 8.1 :First Child
• 8.2 :Lang
• 8.3 :Focus
• 8.4 Pseudo Classes with CSS Classes
• 8.5 Pseudo Elements
• 8.6 Pseudo Elements with CSS Classes
• 9.0 Element Size
• 9.1 Positioning Elements
• 9.2 Floating Elements
• 9.3 Display style
• 9.4 Z-Index
• 10.0 CSS Images
• 10.1 Background Images
• 10.2 Creating Buttons
• 10.3 Round Corners
• 10.4 Round Corners - Fixed
• 10.5 Round Corners - Liquid
• 10.6 Round Corners without Images
• 10.7 Images in Lists
• 10.8 Z-Index Images
• 11.0 Forms
• 12.0 The Cascade
• 13.0 CSS Summary

• Web Basics

• 1.0 Domain Names
• 1.1 Registering a domain
• 2.0 Web Hosting
• 2.1 Hosting Definitions
• 2.2 Types of Hosting
• 2.3 Hosting Platforms
• 2.4 Web statistics
• 3.0 File Transfer Protocol
• 3.1 Using Filezilla
• 4.0 History of the Internet
• 5.0 HTML History
• 5.1 CSS History

• Web Design

• 1.0 Units of Measurement
• 1.1 Web Units
• 2.0 Web Page Layouts
• 2.1 Fixed Width Layouts
• 2.2 Liquid Layouts
• 2.3 Elastic Layouts
• 2.4 Full Height Columns
• 2.5 Equal Height Columns
• 3.0 Common IE Bugs
• 3.1 Box Model Bug
• 3.2 Double Margin Bug
• 3.3 Italic Text Bug
• 3.4 Min Height Bug
• 3.5 Stepdown Bug
• 3.6 Transparent PNG Bug
• 3.7 Duplicate Characters Bug
• 4.0 HTML Snippets
• 4.1 CSS Snippets

• Web Development

• 1.0 Search Engine Optimisation
• 1.1 Internal Ranking Factors
• 1.2 External Ranking Factors
• 1.3 Getting inbound links
• 1.4 Submitting to search engines
• 1.5 Bad Practice
• 2.0 Web Standards
• 2.1 DTD
• 2.2 Choosing a DTD
• 2.3 Validating Pages
• 3.0 Web Summary
• 4.0 Other Web Languages
• 4.1 Javascript
• 4.2 XML
• 4.3 ASP
• 4.4 PHP
• 4.5 SQL
• 5.0 Monetizing Websites

• Useful Tools

• Web Safe Colour Palette
• Hex Colour Code Convertor
• Full HTML Tags List
• CSS Properties List
• Character Entities
• HTML 5 Tags List

• Examples

• Fixed Framset Example
• Horizontal Frameset Example
• Vertical Frameset Example
• Mixed Frameset Example
• Elastic Layout Example
• Liquid Layout Example
• Table Layout Example
• Page a of Frameset Layout Example
• Page b of Frameset Layout Example
• Page c of Frameset Layout Example
• Page d of Frameset Layout Example
• Page e of Frameset Layout Example
• Page f of Frameset Layout Example
• Page g of Frameset Layout Example
• Faux Columns Layout Example
• Companion Containers Layout Example
• Background Example
• Internal Page Links Example
• Z-Index Example No.1
• Z-Index Example No.2
• Z-Index Example No.3