Brief lecture summaries the Web Design course – Spring 2005

 back to: Kanat's home page or course home page



Click on a week for the lecture summaries:
24 Mar 05
15 Apr 05
22 Apr 05
29 Apr 05
6 May 05
Block the text you want to print, then click: file > print > selection > print.

See the PC Productivity Guide for help with a lot of software and hardware available at JSC
(but not FrontPage).

The comments in red can be considered assignments – please come prepared!

 

24 March 2005

Your challenge is to create a suite of web pages with the following qualities:

Very simple web pages can be developed with little HTML code. Notepad can be used to edit the HTML code that supports web pages, however, we will be using FrontPage 2003.

See the basic page example; then be sure to click: view > source. Look at the code that drives the page and pay attention to my comments. Comments are hidden in angle braces, for example:

<!-- comment -->

 

All web pages will initially reside on the JSC LAN in the following location Q:\webdesign\DomainName. Each person will have his or her own folder designated by the domain name you requested. Keep only those files that are related to your web page in the folder specified above. Please make ample backup copies of your files to a large number of discs and to your P: drive. Your home page (default page) must be saved with the following name: default.htm (except for Robyn; she'll be uploading to adelphia.net and their default page is entitled index.html).

For our first meeting, 15 April 2005 at 1:30 p.m., please have a design in mind. How should one navigate your site? How will the menu system and links appear? Look at a variety of web pages and decide upon a style, color, and overall appeal. Bring content material with you (i.e. digital images and digital text) or have it available via the LAN. In addition, bring a drawing that shows the content of different pages and how they are expected to be linked together. In other words, sketch what your pages will look like when completed. Specify the words or images that will link from one page to another page.

Take a look at a few of the web pages that I have developed for some ideas about the use of frames; look at other web sites too. Please note that the content of one or more frames remain constant while the others may change. See the following examples:

Participants in this workshop, access to their web pages and folders on the Q: drive of the JSC LAN, can be found at http://kanat.jsc.vsc.edu/webdesign/people.htm.

I recommend that you purchase a simple book on HTML: Shelly, G.B, T.J. Cashman, and D.M. Woods, 2000. HTML: Complete Concepts and Techniques. Thompson Learning, Massachusetts, 6 sections. It can be found at BookFinder4u.com (buy a used copy).

top

15 April 2005

The goals of our first meeting (in LLC216 at 1:30) are to:

  1. Review the folder (directory) structure of the JSC LAN and the JSC webserver.
  2. Develop a working knowledge of the basic page example.
  3. Use the basic commands to control font style.
  4. Use the basic commands for creating links to other files and links to send email.
  5. Incorporate images into our web pages (images could include .pdf, .wav, .mov, .ra, .gif, .bmp, or just about any type of link).
  6. Create a default.htm page that links to other pages.
  7. Upload, via FTP, our initial designs to the webserver.

Our first pages will be simplenext week we will take control over the linking colors; and incorporate symbols, tables, and frames.

We will be using FrontPage 2003 for our initial design of the web pages. Please find out if the software exists on the PCs in your office and in your home (be sure to check to see if it's the 2003 versionclick: help > about).

We will use both FrontPage 2003 and WS_FTP LE to upload files to the web server. Install WS_FTP LE as follows:

  1. Create a profile name
  2. host: ftp.academic.jsc.vsc.edu (away from campus: ftp.jsc.vsc.edu)
  3. type: Microsoft NT
  4. userID: jsc/abcMMdd0
  5. password: use existing login password (do not enable password saving on the PCs in LLC216)
  6. After logging in and finding the appropriate folders, click: option > save current folders as connection folders
  7. Highlight the files in the left window and click the arrow to send them to the file server (or vice versa)

For Robin:

  1. Create a profile name
  2. host: users.adelphia.net
  3. type: Microsoft NT
  4. userID: charuby
  5. password: ??? (do not enable password saving on the PCs in LLC216)
  6. After logging in, double-click public_html in the right window and find the appropriate folder on the Q: drive in the left window, then click: option > save current folders as connection folders.
  7. Highlight the files in the left window and click the arrow to send them to the file server (or vice versa)

Notes:

  1. Make numerous back up copies of your work to a variety of long-term storage devices.
  2. Always send your HTML files to the webserver and check them using Internet Explorer.
  3. Always retrieve your HTML files from the webserver prior to additional editing (assuming that development occurs on more than one PC).
top

22 April 2005

A few important points from last week:

  1. All editing of the HTML pages are completed on a local drive, then they are uploaded (via FTP) to the webserver.
  2. When linking files to an HTML page: the HTML page and the files to be linked should be in the same folder (for now).
  3. Use the 'edit > find' command and remove all references to the Q:, P:, or C: drive in your HTML code; use only the filename.ext (no drive letter or folder names).
  4. When uploading images, be sure to reduce their size (i.e. 'save for web' in PhotoShop) so they will load quickly when the page is viewed (Ken, the background image that you chose is too largeit's about 360 Kb).
  5. Make sure that the <TITLE> of your page is appropriate for the content.

This week we will focus on:

  1. use of tables
  2. linking colors
  3. page colors
  4. linking other web sites and files (continued from last week).

Please submit an updated version of your web site to either the Q: drive or a web server.

top

29 April 2005

A few notes: 

Topics for this week:

top


 back to Kanat's home page or the course home page
send e-mail to
Leslie Kanat