CSE625 - Creating Internet Websites
Western Oregon University
Week Three - Files

Return to
   Instructor's
   Homepage


Home
Syllabus
Schedule

Week 1
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7
Week 8
Week 9
Week 10
Final Week

Whad'Ya Know?
In the Big Inning
How do I look?
Getting organized
Being stylish!
Ain't Misbehaving!
Forming forms
Blogging?
Fireworks
Flash
Wrapping it up


File Management | Resources | Second Attempts

Filing all this Stuff

Getting and Staying Organized
     This may be the most important unit in this course. It's wonderful how programmers and webmasters can remember everything and store it in their minds. Writing or explaining to someone else becomes the challenge that many of these same people have not mastered. We will master it.

     A website may include many webpages just as a book has many pages, and just as a book there is a first page, whether it's the first page in the book or the first page we see when we open the book, a website has a first webpage. Most webmasters envision that a user will start on the first webpage, just as an author expects a reader to starts on the first page of the book. That page will be referred to as the homepage and typically will be named index.htm or index.html. Other pages will be linked from that page.

     As you develop your website, it is very strongly encouraged that you be consistent in how you do things. There are options, and if you are consistent in your choices of these options, life will be much easier. It's your own personal protocol. The first decision is whether you will call your first page index.htm, typically considered a PC format, or if you will call your first paage index.html, which is typically considered a Mac format. Of course, there is a certain amount of silliness here because that decision is platform independent. It makes no difference which computer you're using. I use .html.

     For this class you will create a folder in which you will save everything for your website. As you experiment, explore and discover you may use some temporary folders but for any activity you will use one folder and everything will be in that folder. Here's a second decision that will build your personal protocol, how to name your folders and documents. Consistent use of capital letters, non-capital letters and numbers makes everything easier for remembering folders and documents in the future. My personal protocol is to use only non-capital letters and numbers as needed.

     In this folder you will save all your documents. The homepage will typically have a list of several links to your primary topics or webpages. Each of those primary webpages should be listed in your folder in the same list as index.html.

     Within your folder there will typically be at least one other folder named images. Many programs that create webpages will include or use a folder named images. In this folder all images for your website will be saved. As your website becomes very large and complex you may add subfolders and typically the subfolder will contain another folder called images where the images for the documents in that subfolders are saved. This will become clearer as we develop our websites.

     A simple website will typically have a homepage html document, several other linked html documents and a cache of images in the images folder. As the website becomes more complex there will also be some documents that are not html documents. These documents will feed information into all the other html documents. You can make a change in many html documents by making one change in the document that feeds into and supports the html document. A cascading style sheet is one example.

     Since we are working almost exclusively with Dreamweaver in this class, we will find that Dreamweaver creates other supportive documents that are not a part of the website. Examples are templates and library items. Dreamweaver saves these supporting documents in folders that it creates without our help. However, how and when we save these documents will make life much easier in the future, so we will design our process carefully. Planning is the best way to eliminate problems in the future.

Assignment
     It's time. Now is the time. It's time to start thinking about the final project for this class. Write on one or two pages, double spaced what you think is the website of your dreams and hopes. Of course, with time that will change some. Include some thoughts on the following features:

  • the layout, format of the homepage, what is it coming to look like
  • the colors and backgrounds of the different cells of the table
  • the font size, face and color of
    • heading titles
    • subtopic headings
    • the body of the text
    • links
    • auxillary information such as contact information, if any
    • the top banner of the page
  • the purpose or function of the website
  • list of main webpages you will design linked from the homepage
  • list of possible secondary webpages you will design linked from other webpages
  • advanced functions or features of your website such as forms, dynamic behavior, Flash, dynamic layers.

This assignment is due on April 22-23 but you can expect that we will be modifying and changing this as we continue through the class.


Office hours:
Tuesday - noon-4:00PM
Wednesday - 8:00AM-noon
Thursday - noon-4:00PM

Also by appointment and drop-ins


Denvy Saxowsky - adjunct instructor
College of Education
Office: ED123
Phone: 503-838-8760
Email: saxowsd@wou.edu
Website entries: www.wou.edu/saxowsky or saxowsky.com


Last updated: April 9, 2008