Please Help, Need to make a very basic sitemap.

[ace626]

Hello everyone , before I ask for help , please understand ive taken a lot of time trying to figure this out but can't =(

For my CIT website development class , Im suppose to make a sitemap , to make it easier heres the assignment word by word.

" Create a web page that displays a functional site map for the A Dog’s Life web site described in the assignment, but add at least two additional subcategories under the “grooming services” and “how to select a good pet” categories. (NOTE: The site map can be constructed using HTML text or an image map.)

iii) Create a “dummy” web page for each page in the site map with content consisting only of the title of the page within the BODY as an H1 header. You should end up with at least nine pages, including the site map and Home pages. "


The linking part I can do , I just have no idea how to design the sitemap.


Someone Please help me =( , my homework is due in 6hrs

 

[ace626]

Im still stuck on this =/
All I need to do is make a sitemap with the categorys
- Home page , grooming services , map to the shop , how to select a pet and a contact page
and sub categorys for grooming services and how to select a pet

Basically , I need to create this http://www.webhostdesignpost.com/img/website_sitemap.jpg

 

[Phreaddee]

Make it as a ul, with sub ul for the articles...

 

[ace626]

What do you mean by sub uls?
Sorry my teacher isnt the best teacher out there lol
Can you please give me a example , thank you very much
If this works , youll be my savior lol

 

[ace626]

double post

 

[Phreaddee]

Meaning a ul within a ul.

 

[PixelPusher]

Well first i think calling this a sitemap is incorrect, and I will chalk that up to an error on your teachers behalf. A sitemap is typically generated in xml and included on the root of your site for web crawlers. What you are doing is more of a organized form of a spider diagram. It's a flow chart of sorts...anyway moving on.

Phreaddee's idea would work well. If you gave each of your lists (ul) borders you would get the block effect shown in your image example. It will take a bit of css knowledge though including floats. Depending how granular you want to get, you could use empty span tags to create the lines connecting each section.

Let us know if you need help