UW Official HomepageUW English Homepage

Quick Links











coffee cup logo

UW English
Computer Integrated Classes
Maintained by
CIC AD Staff

Last updated

CIC Student Guide Online

 Publishing Online

Students and instructors can use several programs to create web sites: Mozilla SeaMonkey and HTML-Kit are just two options. Whichever tool you use to construct your sites, however, you can save time and effort by thinking about your design plans and setting up your UW Web publishing account before putting your actual site together.


Design Considerations

Deciding on design is something best done before you begin a Web project. Ask yourself the following questions and sketch out a site layout based on your answers.

  1. Do I want a title banner to appear on each page? A particular image?
  2. How many pages will the site have? What filename do I want to use for each page?
  3. Where do I want site navigation elements to appear (top, bottom, left, or right side of each page)?
  4. Where do I want to place my contact information? Information about when the page was last updated?
  5. What colors would I like to use for the page? What font(s)?

Once you have developed a draft design, you can use one of the programs available in CIC to create a template page for the site. You should save this page as “template.html” After testing and finalizing the design with the template page, you can build a site by altering the content of the template page and saving with a new filename, for example “index.html,” “links.html,” and so on (for more information, see “URL and HTML File Basics” below).





Another option for getting started quickly on a basic design is to download a web site template from the web. Thousands of templates are available for free use (usually with the condition that they be used for non-commercial purposes) on web sites such as FreeWebTemplates.com. Once you've found a template you like, download the template file, open it with your editing program (SeaMonkey, Dreamweaver, HTML Kit), and change text and design parameters as you see fit. Save and upload your files and you're done. Using templates also allows you to see how certain design features are built. If you decide you want to recreate these effects on your own later, templates give you a model from which to work.




Uploading to the Web

Activating Student Web Publishing On Your Dante Account

  1. Go to www.washington.edu/computing
  2. Select Manage Your UW Net ID Resources.
  3. Log in with your UW Net ID.
  4. From the left-hand menu, select Turn services on or off.
  5. In the “Services that are off” list, click the box for Web Publishing or Student Web Publishing. This feature allows you to publish a personal web page on the student server (http://students.washington.edu/YourUWNetID).
  6. Click the “Continue” button.
  7. Accept the terms of Web account use.
  8. Write down the URL for your home page once the screen displays this information.

Following these steps creates your Web directory. When you access your Dante account via FTP or File Manager, you will see a folder called student_html. When you put a file into that folder, it will be immediately accessible on the Web to you and to others.

Creating Subfolders for Individual Web Projects

Creating and naming folders within your Web publishing folders (student_html and/or public_html) will allow you keep your web pages separate.

  1. Select the student_html (or public_html) folder and click on the new folder icon.
  2. Name your new folder. For Web accessible files, use lower-case letters with no spaces between characters (e.g. “engl121” or “finalproject”).
  3. The folders you create will translate directly to how one finds a file published to the web. For instance, if your home page is called “index.html” and you’ve created a folder called “engl121” within your public_html folder, then your URL will be: http://students.washington.edu/YourUWNetID/engl121/index.html




URL and HTML File Basics

Filenames and Extensions

Saving Images In The Correct Folder

If you see the following “broken image” icon where an image should be, it most likely means that the browser cannot find your image:

Internet browsers will automatically look in the same file for images and linked pages unless otherwise directed. For instance, if you wish your web page to have a single image of Emily Dickinson (“emily.jpg”), download the image into the folder containing the web page in question (e.g., “111webproject”).