Demonstration Website-You may wish to view the Code of this website to help you.

If you are unfamiliar with HTML and want to practice click on the links below

Basic HTML

Links and Pictures


Style Sheets-What is CSS?

HTML/CSS          

You are going to create a fairly plain webpage using HTML.  The style will be added later                                                                                                      

Most pupils are to Click on the code document and copy the code into Frontpage.  You must then alter the code to make the webpage appear as you would like.    
Code

More able pupils are to-Create your own webpage using HTML.  Click on the link below to help you.

Creating your page using HTML

Preview your document to see what you have created

You will now use CSS to create a Style for your WebPages.  Copy the code into note pad

Change the colours and styles so your webpage appears the way you want it to.

Creating your style sheet


Hyperlinks

You now need to create all the hyperlinks for your WebPages.  Click on the link below to find out how to do this.

Creating Links


If you create any other heading sizes on your webpage, ensure you set the style on your CSS sheet and not your webpage. 

For Example


Extension tasks

To learn more about HTML Click Here and continue the tasks from Section 6-Accessibility down.