Syllabus Aesthetics HTML Planning Design Dreamweaver

 

 

 

Search this site:

 


Steps for Completing your Project Web Site

Steps: 1 . 2 . 3 . 4 . 5 . 6 . 7 . 8 . 9 . 10 . 11 . 12 . 13 . 14 . 15 . ALL

Architecture

Think about how you want to organize the content within the site. For example, this site organizes all the content in the following categories:
syllabus, aesthetics, HTML, planning, design, and postmodernism. Obviously this is more efficient that having a long list of all of the pages included. Your site must be at least 5 pages (although you can add many more than that if you like.) If you have 8 pages in your site, maybe you'll only have 3 main sections, and the other pages divided into subsections.

Look at the NMC site, and then at the chart below to see how the architecture and file structure is organized for a small 9 page site.

The Local Root Folder:

Home Page default.html splash page (different from interior pages)
Who we are aboutus.html mission of the center and list of personnel
What's New whatsnew.html current grants and upcoming events
Projects projects/default.html list of projects with links to client web sites
Web Tools webtools/default.html

3 areas of resources available:

 
webtools/multimedia.html List of Links to Multimedia Resources
webtools/html.html List of Links to HTML Coding Resources
webtools/design.html List of Links to Web Design Resources
The Multimedia Lab nmclab.html technology available in the digital media lab

Here there are 2 folders (in addition to the images folder) inside the local root folder. Projects has its own folder because the site was designed to grow. If the site grows and eventually includes a lot of pages about new projects, the HTML pages will all be saved in this folder, to make them easier to find. Inside the Webtools folder there is a seperate default page (remember there can be multiple default pages in a site as long as each is in its own folder) as well as 3 pages that list links to resources. Instead of listing Web Design resources, Multimedia Resources, and HTML Resources in the navigation bar, these pages are only available from the webtools default page.

See Niederst pages 316-323 for more on "clumping" content.

 

Previous Step                  Next Step


 


 

Top of Page

 

Home . Syllabus . Web Aesthetics . HTML . Fireworks . Flash . Planning . Graphic Design . Dreamweaver