Navigate to the index.html
file, select the file and click Open
Updating the File
The index file is now opened
in Dreamweaver MX. The appearance of the font color and size might be different
from the template online; that’s because the template is using style sheet
in the root directory which is visible to the page once it is uploaded.
Quick tip:
to avoid extra space between the lines, press Shift-Enter.
If you are using the template
for the first time and have never updated the file before, please follow these
few easy steps to customize the page:
Replace “CSE Number Title”
with the course number and title at the very top of the page.
Replace “Catalog description”
directly below Course Description title with the catalog description of
the course, and insert any additional text under “Syllabus (pdf)”. Please
skip “Syllabus (pdf)” for now; later we will make it a link to a pdf.
Under Instruction Information,
please replace “Name”, “Office information”, “Email”, “Phone” with actual
information relating to your course. Replace “Additional information” with
any additional information as needed.
Under the Announcements
title, replace “Announcements” with any announcements you might have.
Course Notes, Assignments,
Solutions, Links and Additional Information, as well as Syllabus (pdf) require
linking to other web pages or documents.
If you are not using
one or more of the sections, delete it.
Creating Links
Linking to files or pages on the Internet
To link to a page posted
somewhere on the Internet, highlight the word or phrase which will serve as
a link and, under Link in the Properties panel, type the URL of the
page. (If you cannot see the Properties panel, click Window – Properties
on the top menu):
Linking to files in the local directory
All PDF’s, Microsoft Word
documents, and HTML files should be saved in the course’s directory. That
way, all files will be easy to find.
To link to a file in the
local directory, highlight the word or phrase which will be the link (for
example “Syllabus (pdf)”) and click the folder button on the Properties
panel:
In the pop-up dialog, navigate
to the file and click OK. Note that in the picture below the file
syllabus.pdf is in the same directory as index.html. The name of the directory
is the course number:
Text “Syllabus (pdf)” is
now blue in color and underlined. That means that it is an active link.
Similarly, the links can
be added to the Course Notes section as well as Assignments, Solutions, and
so forth.
Saving the File
Once all changes are made,
save the file by clicking File – Save on the top menu bar:
