Example student portfolio

Useful Tools:

Web Editors:

Seamonkey Open source web suite which includes a simple to use WYSIWYG web editor. Here is a simple tutorial I created for using Seamonkey.

Textpad This is the Windows text editor I prefer for HTML.

Textmate A good text editor for Mac.

BBEdit A great HTML editor for the Mac.

FTP Tools:

Fireftp This is a Firefox add on that works well except with small files in our computer lab! This works in Firefox in multiple operating systems.

WSFTP This is an old stand by for Windows. There is a trial version.

 

Useful Rules:

1. LOWER CASE! I should say lower case! Keep all file names in lower case only. Capital letters are not the same to all computer operating systems and browsers. If you keep your file names in all lower case you won't have to worry about your page not showing to some users because of this.

2. NO SPACES! Don't put any spaces in file names. Spaces are not treated the same by all operating systems and browsers. If you need to separate things, use the  underscore _ between. For example file_name.doc.

3. EXTENSIONS! Always be sure of your file extensions (.html, .doc, .txt, .jpg). The extension is the set of letters after the . in a file name. Some computers must have these to know what kind of file it is and what program to use to open the file.

Windows computers are notorious for hiding extensions. You need to make your computer show them to you. Do a search on the topic of "hide extensions for known file types" and follow the instructions you find for your operating system to make them visible.

4. BACKUP! Always keep a backup copy of your entire website. In fact, you should have at least four copies of anything that means anything to you. One copy is on your web server. The second copy is on your home computer. The third copy is on a hard drive or flash drive. The fourth copy is in the cloud or someplace other than your home.