Step 1

Set up your folder & subfolders:

1.) Create a main folder called:
"Your-last-name Ferguson Website"
(e.g. Charters Ferguson Website)

2.) Within your main folder, create the
following subfolders:
>>>a. images2
>>>b. wordDocs
>>>c. pdfDocs
>>>d. pptDocs
>>>e. zipFiles

3.) Copy any already existing Word documents (e.g. worksheets, problems, etc.) onto the wordDocs subfolder.

4.) Copy any PDF files that came with your textbook onto the pdfDocs subfolder.

5.) Copy an PowerPoint files that you've made or come with your textbook onto the pptDocs subfolder.

6.) Copy any pictures ending with .gif, .png, or .jpg onto the images subfolder.
Note: Before any pictures of students can be published on your website, parents must sign a media release form.

7.) Copy any compressed files, too large to download uncompressed, onto the zipFiles subfolder.
Note: Some of the files saved in the pptDocs subfolder may need to be compressed and saved in the zipFiles subfolder in order to be downloadable by the user without too much delay.

Step 2

Download and set up template:

1.) Download the zipped website template to the main folder you already created:
Website Development Workshop.Zip

2.) Unzip the website template onto the same folder. Right mouse click the zipped file and select the "extract all" option. You should see a folder titled "images" and the following 9 files:
-------> aboutMe.html
-------> assignments.html
-------> classRules.html
-------> extraCredit.html
-------> homeLearning.html
-------> index.html
-------> objectives.html
-------> projects.html
-------> resources.html
Note: You will be copying the contents of images2 onto the images folder, since all the picture files must be in the same folder.

3.) Open the subfolder "images2" that you had previously created in the main folder, and select all the files in there while holding down the cntrl-key. Right mouse button click and select copy, then open the subfolder "images" and right mouse button click and select paste.

This should copy all the files you had saved previously in the "images2" subfolder into the "images" subfolder. When you are sure all files have been copied to the "images" subfolder, then delete the "images2" subfolder.

Step 3

Edit Website Development template:

1.) Open Dreamweaver by going to the start button, select the All Programs, and find Macromedia. Within Macromedia, click on Dreamweaver MX2004.

2.) Go to the Site menu and select New Site, and answer the following questions:

Page 1:
a.)Site Name: Your-name Ferguson Website
b.)Leave the HTTP:// address blank

Page 2:
c.) Select "no, I do not want to use server technology"

Page 3:
d.) Select "edit local copies on my machine, then upload to server when ready"
e.) Enter the drive and directory where the website will be found. For example:
F:\Charters Ferguson Website

Page 4:
f.) Select "none" on how do you want to connect to your local sever.

Page 5:
g.) Confirm information and press "Done" or press "Back" to make any corrections.

----------------------------------------------
You should now see the main folder named "your-name Ferguson Website" with all the files and folders previously copied there.

If you do not see these files and folders, go to the Window menu, and ensure only the following options are clicked:
>>>Insert
>>>Properties
>>>Files

----------------------------------------------
Now you are ready to begin editing each file in your website, starting with index.html.


Remember to frequently do the following:

a.) Select the File menu, and Save All
b.) Press F12 to Preview in Browser, to check how your changes look on the Web.

More tips on editing your website...