If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.
You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

Web10Index

Page history last edited by c 14 years, 7 months ago

What am I going to learn to do?

The index page lists out all the pages in a directory. It helps people using your website to find the information that they need. As you work on your web pages and site, you will update this page with new links.

What software /tools will I use?

Notepad

Web browser

What ideas will I work with?

Linking text to web pages

Index pages are a often expected by the web server.

This page has a definition of the index page which may be useful to you: http://en.wikipedia.org/wiki/Homepage

How do I do it?

Make your page

Make a web page called index.html

Some web servers will require that you capitalize the I, others won't care. Some will also require that you use .html vs. .htm Paying attention to this convention will pay off later. Spelling and capitalization matter.

List out your page links

Make an unordered list for your pages.

Name this list My Pages

Add a link to each of your pages, one link per LI

Check your links, make sure that they work.

Make loops in your links

* On each page that you link to the Index page, add a link that brings the user of the site back to the index. Use this code on each page: <A href="/index.html">Back to Index</A>

Add links to useful resources

Add a second UL for links that are useful.

Name this List Useful links

Include at least:

http://dhswebdesign.pbworks.com

http://w3schools.com/sitemap/sitemap_tutorials.asp

http://www.computerhope.com/htmcolor.htm

These pages should open in their own window or tab. Include TARGET="_BLANK" in the link code

Checklist:

HTML page structure
Title with page name and your name (first name and last initial only )
Heading with page name and your name (first name and last initial only)
Use of WhiteSpace in your code
Unordered list for your links
Links to each of the pages you have done this term
Links to the pages call for the filename only (because the indexpage and the file are in the same directory
Body tag appears once, and has some modifications to it
A list for your pages titled My Pages
A link on all your pages that brings you back to the index
A list for reference links called Useful links
Reference links open in their own window