| Free HTML Tutorials • CSS • Popups tutorial • Frames Tutorials • Forms Tutorials • Beginners HTML Tutorials • Advanced HTML Tutorials • JavaScripts • Free Web Page Tutorials • Free Downloads |
|
Intermediate Section |
|
PRACTICE 2 |
|
|
| Free HTML Tutorials • CSS • Popups tutorial • Frames Tutorials • Forms Tutorials • Beginners HTML Tutorials • Advanced HTML Tutorials • JavaScripts • Free Web Page Tutorials • Free Downloads |
|
|
Intermediate Section |
|
PRACTICE 2 |
|
|
|
|
SUMMARY OF BEGINNERS & INTERMEDIATE SECTIONS
This is a brief summary of what we have learned so far. From the beginners section:
TWO TEMPLATES Here are two web page templates for you to play around with. Just copy them to your working folder and keep the originals. See Practice 1 for instructions. I have tried to include all the elements we have covered up to this point. The first is a simple table page of links, the other is suitable for a personal home or hobby page. This assumes you have some free web space to put the page, of course. You have my permission to use these pages for your personal use (non commercial only). 1. A Home Page The first is a very simple, quick-loading default home page. Instead of the default home page which comes up when you start your browser, make your own. This one is simply a bunch of links in a table. Obviously you would put your own favourites in place of the links given here. Put links to your preferred sites on this home page for easy access. There is a small bit of CSS code at the top which will remove the underline from the links. The effect here comes from using a cellpadding of 5 and a cellspacing of 5. This allows the background image in the body tag to be seen through the "holes". Change the background to colour or another image, add more links, recolour the fonts, make the border larger or smaller ... it's up to you. Have a look at it here - Default Home Page If you have a site with many pages, the first page should be named "index.html". (You can use either html or htm.) This is not so important for a one off page like this. To make it the first page that opens when you start your browser, open your browser and make some simple modifications. They can be done offline as usual. Internet Explorer Users Go to TOOLS --> INTERNET OPTIONS. Under the General tab, in the "Address" section, type your home page address in the text box as indicated. Netscape Users Go to EDIT --> PREFERENCES. In "Categories" select NAVIGATOR (left pane). Under "Navigator starts with" click "Home Page". In the text box under "Location", type in the URL or Web address of your page. Both Check with your ISP for their preferred format, but the address will probably look like this: http://www.users.bigweb.com/~leesmith/index.html If you own a domain name, it would look something like this: http://www.patacakes.com.au/index.html 2. Wally's Web Page In this version of OWW, I was going to replace Wally's page, but it seems to be popular so here it is again. There are a few minor alterations to the original. Wally's Web Page uses a coloured background. It is rather crowded with as many elements of the tutorials that I could reasonably add. Copy it to wherever you are keeping these pages, rename it and play around to your heart's content. So for better or worse, here is Wally's Web Page Any time you get stuck, go over your code with a fine tooth comb or go back to the Main Index and search for the relevant lesson or topic. You can send me an email if you need some serious help.
Well, that's about it for the Intermediate section. If you are eager for more, you can move on to the Advanced section. Just click the link below to see what's in store.
Help
|