How to Use the Model Site Files
The Model Site
index.html
The Model Site has a left vertical navigation
bar with links to the level one files (Welcome, Resources, and
Task 0-n).
Each level one file uses tabs created with a styled
horizontal navigation
list to link to and from its second level
files (i.e. Schedule, Orientation)
The Model Files
The Model
folder contains a set of html files, a stylesheet, a template
for use in Dreamweaver, and
library items for
use in Dreamweaver.
The stylesheet controls the "look" of
the site, including the tabs. You can edit the styles in Dreamweaver
(or
directly in the css file) to match your school colors if you'd
prefer.
Creating Your Site
Use the html and/or template files to create your
course site.
- Go to the site and
click on the link to the file you want to duplicate. Either right
click (or option click) and
save
the
target
file to
your computer -or- select File->Save as in the browser menu
and save the file as an html file (NOT as a website or archive).
- Go to the style sheet (model.css)
and save it to your site.
- In Dreamweaver or a text-editing program (NOT Word),
open the file and make changes as needed.
- Replace text in brackets
[ ] with your content.
- The Heading [School
name]
may
be
replaced
with an image sized to fit in the table.
If you are using Dreamweaver and want to use the
template, access and download the template
file (course.dwt) and
library files (left_nav.lbi; footer.lbi)
to your computer.
- In your Dreamweaver site's folder on your computer,
create a folder named Library and save the library files
there.
- Create a folder named Templates and save the .dwt
file there.
- Open the template file in Dreamweaver and click
on the library item areas to open the library items.
- Update the
library items, including the navigation links. Save the updated
template file.
- Once the template file is updated for your site,
create new files for your site based on that template.
- Change the target and text for the tabs for each
file.
- Look at the code to see what classes to use to
create the "on" tab.
Updated:
September 25, 2006
|
