DW Site Definition Exercise

This exercise focuses on DW Site definition which is discussed at the beginning of Chapter 2 in the Dreamweaver book. You should be able to complete this during the hands-on portion of today's class; if not, it will be due at 10am the day after class next week.

Instructions Assuming Your Work for this Class is being put at the top level of your site on the NVCC Student Server

1. If you have not already done so, create a folder on your hard drive or flash drive that will contain the work you are doing for this class. Thus if your folder on your hard drive is named ite170, you will NOT have a folder at the top level of your remote site named ITE170. Instead, the contents of your ITE170 folder will go at the top level of your remote site.

2. In the DW Welcome screen check the DW site link, or Choose Site>New Site (p. 36 of DW text). For local site Folder, browse to the folder from step 1.

3. If the Site Setup window is still open, click on Servers at the left, otherwise Choose Site>Manage Site, and click on the site from step 2, and choose Edit. Click on the + sign to bring up the dialog box.

4. For FTP address, Username, and Password, enter the settings for the NVCC Student Server just like you did for CoreFTP- see section 7 of the XHTML Tutorial.

5. Create a folder at the top level of your site called dw1 - to do this, in the files panel, you can right click on the Site name at the top and choose New Folder. It will give it a name of untitled so right click on this and choose Edit>Rename.

6. Create 3 pages in this dw folder named page1.html, page2,html, and page3.html. You can do this several ways: (1) Right click on the folder name and choose new file and then right click on untitled and choose Edit>Rename. You can also rename a file by clicking twice (not double clicking) the file name in Files panel. (2) File>New accepts all the defaults, and then save each page into the dw folder. Before you save each one, type "This is Page 1", "This is Page 2," etc in each of the files.

7. If you created the pages using method one in the previous step, you will now need to add content to each. You can bring up the file by double clicking the name of the file in the Files panel.

8. From page 1, create a link to page 2 and to page 3 (see p. 70-71 in text). To do this, select the text, click on the folder icon next to the Link box in the Property Inspector and browse for the destination.

9. Click on Code View in Page 1 and look at the code for the links. Notice that only the filename appears, since the files are all in the same folder.

10. In the Files Panel, rename the page3.html file to newpage3.html - accept the "Update Links" message. Look at page1.html again in code view and notice to page3.html has been automatically changed due to the new location of the file. This feature depends on Site Definition in Dreamweaver (step 2) and also works for moving files, relative references to images, stylesheets, etc.

11. In the Files panel, click on the dw1 folder and click the up arrow at the top of the files panel. This will upload this folder and its content to the student server, maintaining the same relative position of this folder to the local root site folder.

12. On Blackboard, submit the URL of your dw1 folder.

Instructions Assuming All Your Work for this Class is being put into a folder in your site on the NVCC Student Server

In step 4, in addition to specifying FTP address, username, and Password, specify under "root directory" (under the Test button) the folder on your remote site where you want all your files to go. If this folder does not already exist, you will need to create it. You can do this in DW or in CoreFTP.

Revised: February 13, 2012.