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.
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.
This section is provided as a guideline of how I think you can be most productive in working through the project.
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
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.boogiejack.com/free_graphics.html
Photography sites
· 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