Skip to main content

Web Design Course
-This Web Design course will teach you HTML, HTML 5, and Cascading Stylesheeyts (CSS). It is aimed at complete beginners to the subject, and assumes you have no knowledge of creating web pages. (If you were doing the old course, it has now been moved here: old course.) 



You won't need to buy any expensive software for this course. To see what you WILL need, simply click the Course Software link below. The course has been designed to work on just about any operating system.

> Section One: Getting Started
1. Course Introduction
2. Course software
3. What is a HTML and HTML 5?
4. Getting started with tags
5. How to save web pages
Home Page
Home Page
6. Viewing your web pages

> Section 2: Basic HTML Tags
1. Basic HTML template
2. Heading Tags
3. Paragraph and Break tags
4. Bold and Italics
5. HTML lists
Reference: Basic HTML Tags

> Section 3: Getting started with CSS
1. Introduction to CSS
2. CSS rules
3. Where to put your styles
4. Using CSS selectors
5. Inline and Embedded styles
6. CSS and Fonts
7. Font colours
8. Font sizes
9. Styling Fonts
Reference: CSS and Fonts

> Section 4: Dealing with Images
1. Types of Images
2. Inserting Images part 1
3. Inserting Images part 2
4. Image Attributes
5. Images and CSS
6. Text wrapping with CSS
7. CSS and image borders
8. Background Images
9. Adding captions to images
Reference: CSS in this section

> Section 5: Linking to other pages
1. Hyperlinks
2. Linking to other pages
3. Other types of hyperlinks
4. CSS and hyperlinks
5. External stylesheets
6. HTML lists and nav bars
Reference: CSS in this section
Reference: HTML in this section

> Section 6: CSS Layouts               
1. The Box Model
2. CSS Comments
3. CSS Positioning
4. CSS floats
5. A one column CSS layout
6. Styling the one column layout
7. Styling HTML 5 tags
8. A two column CSS layout
Reference: CSS in this section
Reference: HTML5 layout tags

> Section 7: HTML 4 and HTML 5 tables
1. HTML 4 Tables
2. Row and Col span
3. Table alignment, colour, images
4. HTML 5 Tables
Reference: HTML and HTML5 tables

> Section 8: HTML forms
1. Form Tags
2. Textboxes, Submit, Reset
3. Formatting Textboxes with CSS
4. Labels, Textareas
5. Option buttons and Checkboxes
6. Passwords, hidden fields
Reference: HTML and HTML5 Forms

> Section 9; HTML5 and Forms
1. HTML 5 Forms
2. Placeholders, Required
3. Email, URL, Search
4. Spinners and Sliders
5. Dates, Colour pickers
6. Data Lists
7. HTML Form Layouts
8. HTML 5 Video and Audio
9. The HTML 5 Canvas tag
10. Details, Aside, Mark
Reference: HTML5 Audio and Video

> Section 10: Getting your site on the internet
1. Websites and Domain Names
2. What to look for when buying Webspace
3. Search engine optimisation
4. Pay per click advertising
5. Sitemaps

> Section 11: HTML and CSS Reference
1. Basic HTML Tags
2. CSS Font and Text Properties
3. CSS Borders, Margins, Padding
4. CSS used in the Lists section
5. CSS used in the Positioning section
6. HTML images and hyperlinks
7. HTML5 Layout tags
8. HTML and HTML5 Table tags
9. HTML and HTML5 Form tags
10. HTML5 Video and Audio tags
11. HTML Special Characters
 

Labels:

Comments

Post a Comment

Popular posts from this blog

Beginners PHP  -This is a complete and free PHP programming course for beginners. It's assumed that you already have some HTML skills. But you don't need to be a guru, by any means. If you need a refresher on HTML, then click the link for the Web Design course on the left of this page. Everything you need to get started with this PHP course is set out in section one below. Good luck! Home Page > PHP Section One - An Introduction to PHP 1. What is PHP and Why do I need it? 2. What you need to get started 3. Installing and testing Wampserver 4. Troubleshooting > PHP Two - Getting Started With Variables 1. What is a Variable? 2. Putting text into variables 3. Variables - some practice 4. More variable practice 5. Joining direct text and variable data 6. Adding up in PHP 7. Subtraction 8. Multiplication 9. Division 10. Floating point numbers > PHP Three - Conditional Logic 1. If Statements 2. Using If Statements 3....
Post a Comment
Read more
Visual Basic .NET Contents Page   -This computer course is an introduction to Visual Basic.NET programming for beginners. This course assumes that you have no programming experience whatsoever. It's a lot easier than you think, and can be a very rewarding hobby! You don't need to buy any software for this course! You can use the new FREE Visual Basic Express Edition from Microsoft. To see which version you need, click below: Getting the free Visual Studio Express - Which version do I need? > VB .NET One - Getting Started   1. Getting started with VB.NET 2. Visual Basic .NET Forms 3. Adding Controls using the Toolbox Home Page 4. Adding a Textbox to the Form 5. Visual Basic .NET and Properties 6. The Text Property 7. Adding a splash of colour 8. Saving your work 9. Create a New Project >   VB .NET Two - Write your first .NET code   1. What is a Variable? 2. Add a coding button to the Form 3. Writing y...
Post a Comment
Read more
The Excel SumIF Function  - Another useful Excel function is SumIF. This function is like CountIf, except it adds one more argument: SUMIF( range ,  criteria ,  sum_range ) Range and criteria are the same as with  CountIF  - the range of cells to search, and what you want Excel to look for. The Sum_Range is like range, but it searches a new range of cells. To clarify all that, here's what we'll use SumIF for. (Start a new spreadsheet for this.) Five people have ordered goods from us. Some have paid us, but some haven't. The five people are Elisa, Kelly, Steven, Euan, and Holly. We'll use SumIF to calculate how much in total has been paid to us, and how much is still owed. So in Column A, enter the names: In Column B enter how much each person owes: In Column C, enter TRUE or FALSE values. TRUE means they have paid up, and FALSE means they haven't: Add two more labels: Total Paid, and Still Owed. Your spreadsheet should look something li...
Post a Comment
Read more