Publishing a Web Page

In addition to the details here, information can be found under the Network section of the How To Docs, specifically Web Directory.

Now that you have read our documentation on Dreamweaver and downloaded a template, you are ready for the next phase of publishing: transferring your files to the Web. In the previous steps, you previewed your pages on your hard disk using Internet Explorer to see what they’d look like on the Web. In this part, you’ll actually transfer copies of your web files to a web server so that others can view your pages on the Web.

In order to put your files on the Web, you need space, or an account, on a web server. As a member of the Kellogg community, you can publish web pages from your personal web directory.

We recommend that you create, edit and maintain copies of your Web files on your harddrive. However, in order for the world to view your Web page(s), including the pictures you inserted, you must save them as well as all the related graphics files on a Web server. To do so, you perform the following steps:

1. Copy your files from your harddrive to a dedicated directory on the Kellogg server.
2. Determine and publicize the URL of your Web page on the Kellogg server.
3. Choose who will be able to view your Web page.
4. Publicize your URL in the Kellogg Student Face Book.

Step 1 needs to be repeated each time you change your page.
Steps 2-4 need to be performed only at the beginning of your Kellogg stay.

---

1. Copy your files from your harddrive to a dedicated web directory on the Kellogg server.

You have 100 Megabytes of space on the Kellogg server.
On your Kellogg Laptop, Windows XP identifies this space as the K: drive.
The K: drive is available for you to save all kinds of files, including your Web pages and related image files.

You can save files on the server manually, as described below.   (While you can also do this automatically, using the NewSite feature in Dreamweaver, the manual approach is very quick as well and more fool-proof.)

1. Double-click on the My Computer desktop icon. In the window, find the K: drive and double-click on that to open.
2. Double-click on My Computer again and navigate to where you have stored your web files locally.
3. Click on the Web page file from the window and drag them into the K: drive window. Copy all related files (in particular, the graphics files in your Web page) in the same way.
4. Make sure that there are no spaces in the names of the files you place into the K: drive: While Windows can deal with spaces in filenames on your local machine, most browsers will not be able to access files with spaces in their names!
5. Do not rename any of the image file names - otherwise, you have to update the respective links.

---

2. Determine the URL of your Web page on the Kellogg server
Once your files are on the Kellogg server and the access permissions are adjusted, you need to determine the web address of your files.

While your local machine identifies the server as the K: drive, outside users need a URL (Uniform Resource Locator) to find your information.

You can figure out your URL by using this format: http://www.kellogg.northwestern.edu/students/<your alias>/filename.htm where your email alias is the first part of your email alias and filename.htm is the name of your main page. If your main page is named index.htm, you do not need to include the filename. For an example student, Mary Smith, with a main page named index.htm, the URL would be http://www.kellogg.northwestern.edu/students/msmith2007

---

3. Choose who will be able to view your Web page

By default, your Web page and files on your K: drive are not open to the general public. If you would like to open up your web site and files on your K: drive to the general public, please fill out the form here.

---

4. Publicize your URL in the Kellogg Student Face Book
In addition to printing your URL on your business card and giving it to your friends, you can also make your URL public in the Kellogg Student Face Book.
To do so, simply enter the URL of your web page by updating your student demographics.

Make sure you exit Internet Explorer so that your password is safe.

1. To exit Dreamweaver, save your work. Then from the File menu choose Exit.
2. To exit Internet Explorer, from the File menu choose Exit.

You have the knowledge to create web pages using Dreamweaver. If you want to expand your web publishing knowledge, you can learn more online.

Dreamweaver Help Pages

Dreamweaver’s online help pages use a web interface and offers information on how to use its features to create web sites. The help pages also contain a hands-on tutorial.

• While in Dreamweaver, from the Help menu, choose Dreamweaver Help Pages
• Choose a topic from the list on the left side of the Dreamweaver Help page. To view the Tutorial, click the "Tutorial" link. You can also use the index or search for a topic.