Authoring Web Pages: References & Tips


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, you would use an FTP address of



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       Comes with Office Professional & can be purchases separately

o       No current trial capabilities

o       Recently had a trial download period - $10




HTML References






Special [HTML] Characters:



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:




The following site includes a good overview of tables



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

The Basic Table


The Not-So-Basic Table


Lean and Mean Tables (a good short tutorial)



Graphics (Free Clip-art, etc.):

Microsoft clip-art/design gallery



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).







Photography sites




General information on graphics technology can be found at:



Advanced - Style Sheets (CSS) & Javascript:



Browser [compatibility] features


Cascading Style Sheets