Authoring Web Pages: References & Tips

Overview

This document is provided in support of the material covered in lecture and to assist you in the development of your website, for the final project. I’ve tried to provide some useful tips for working through the project. Also, I’ve provide links to useful references, rather than replicate it all. Each reference has its pros & cons. Use those that you find most helpful.

Publishing your website

This section describes the steps to copy or update your website files to the web server. It starts with the assumption that you have already created or edited your HTML file page(s), have saved the updates to your local disk drive and are able to locate the files in Windows Explorer (the file management utility).

 

where the “xxx” should be replace with your e-mail name.

 

In other words, if your e-mail address is daigle@hartford.edu, you would use an FTP address of ftp://daigle@uhaweb.hartford.edu

 

 

If you get a dialog window warning you that the files exist, click yes to update the files.

 

again, replace “xxx” with your e-mail name.

Workflow tips

This section is provided as a guideline of how I think you can be most productive in working through the project.

 

Design Considerations

Site/Page Design Guides

Tools – Trial Downloads

As demonstrated in class, you can create web pages using a simple text editor such as notepad. However, you may choose to utilize a web page authoring tool. Each tool has it pros & cons. You will likely be more productive by utilizing an authoring product, once you install it and get past the learning curve associated using a new tool. Still, every good web author also understands, and is able to work with, the underlying HTML source code.

 

Microsoft’s FrontPage tool functions very much like the Office products. Unfortunately, I do not see a free trial version available on their website at this time. I’ve also included a link to a review of these tools in case you would like to compare them.

 

o       http://www.macromedia.com/downloads/

o       Comes with Office Professional & can be purchases separately

o       No current trial capabilities

o       Recently had a trial download period - $10

o       http://wp.netscape.com/browsers/createsites/index.html

o       http://www.adobe.com/products/tryadobe/main.html#golive

o       http://hotwired.lycos.com/webmonkey/01/39/index4a_page6.html?tw=authoring

HTML References

General:

 

Basics:

 

Intermediate:

Special [HTML] Characters:

 

Colors:

The following lists useful web pages for identifying HTML color codes (hexadecimal #s), in the event that you do not have a image editing tool for this purpose.

 

A good explanation of web-safe colors:

·        http://www.webdevelopersjournal.com/articles/websafe1/websafe_colors.html

 

Tables:

The following site includes a good overview of tables

·        http://hotwired.lycos.com/webmonkey/authoring/tables/

 

More specifically, the following are 3 of the articles can be found there

The Basic Table

·        http://hotwired.lycos.com/webmonkey/96/47/index3a.html?tw=authoring

The Not-So-Basic Table

·        http://hotwired.lycos.com/webmonkey/96/48/index2a.html?tw=authoring

Lean and Mean Tables (a good short tutorial)

·        http://hotwired.lycos.com/webmonkey/98/43/index4a.html?tw=authoring

 

Graphics (Free Clip-art, etc.):

Microsoft clip-art/design gallery

·        http://dgl.microsoft.com/

 

Clip-Art (Search for “Clip art” or “Free Clip art” in google – be forewarned, you can spend a lot of time browsing for just the right artwork).

·        http://school.discovery.com/clipart/index.html

·        http://www.clipartconnection.com/

·        http://www.barrysclipart.com/

·        http://www.aaaclipart.com/

·        http://www.boogiejack.com/free_graphics.html

 

Photography sites

·        http://www.photo.net

·        http://www.digitalphotocontest.com

 

General information on graphics technology can be found at:

 

 

Advanced - Style Sheets (CSS) & Javascript:

General

 

Browser [compatibility] features

 

Cascading Style Sheets

 

Javascript