IMED 1316, Web Page Design I

Web Page Programming -- ITSE 1311 -- Section 8501

Resources

Validators

Template for creating a new XHTML 1.0 Transitional HTML document with JavaScript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>An XHTML 1.0 Transitional standard template</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <script type="text/javascript">
    /* <![CDATA[ */
    // Your JavaScript code goes here.
    /* ]]> */
  </script>
</head>

<body>

  <!-- Your HTML content goes here -->

</body>
</html>

FTP Information

FTP Instructions

Online File Storage

Running Apps from Portable Storage

PortableApps.com

Turning on JavaScript

If you ever need to tell someone how to turn on JavaScript in their browser, here is some information:

Microsoft Internet Explorer (IE):
1. Open the "Tools" menu.
2. Click the "Internet Options" menu item.
3. Click the "Security" tab.
4. Click the "Custom Level..." button in "Security level for this zone" section.
5. Almost at the bottom of the list: "Scripting" section: Check the "Enable" radio button in the item "Active scripting".
6. Click the "OK" button.
Firefox:
1. Open the "Tools" menu.
2. Click the "Options..." menu item.
3. Click the "Content" icon at the top.
4. Check the "Enable JavaScript" checkbox.
5. Click the "OK" button.

Turning on JavaScript Error Messages

Microsoft Internet Explorer (IE) does not, by default, display JavaScript error messages. Firefox has a nice built-in error display console, but it does not display by default, either.

Here are some instructions on how to turn on JavaScript error messages.

Turning on prompt() in IE

Microsoft Internet Explorer (IE) has a setting that allows the user to prevent the prompt() function from working. If your prompt() window is not displaying, check this setting:

Tools
Internet Options
Security tab
Custom level...
Almost at the bottom of the list, in the "Scripting" section: Enable "Allow websites to prompt for information using scripted windows".
OK and OK

Greeking Source

Lorem Ipsum

Student Discounts on Software:

Journey Software

Web Page Design Software and HTML Editors

Dreamweaver is the best overall WYSIWYG HTML editor. You may use Dreamweaver in "Code" mode for this course, but not in "Design" mode. Cost: About $200 at JourneyEd.com.
HomeSite is probably the best HTML and CSS editor available. It is a text-only editor but it does have a "browse/preview" mode. Cost: About $100 at Adobe.com.
HTML-Kit is a great full-featured editor with excellent search and tag-matching capabilities. It is a text-only editor but it does have a "browse/preview" mode. It is FREE.
Notepad comes with every Windows XP installation. It is a very limited editor but it does a good job if you have none of the other text editors available. You can find it in the "All Programs", "Accessories" section of the main Start menu, or you can type Notepad into the "Run" box and press <Enter>.

FTP Clients

CuteFTP Home is an excellent low-cost FTP client. Cost: About $40 at Globalscape.com.
WS_FTP Home is also an excellent FTP Client. Cost: About $40 at ipswitch.com.
Filezilla is another excellent FTP Client, and it is FREE!
Fetch for Mac supports the FTPES protocol that the school server uses. It is free for students. You will need to apply at their site for an educational license.

Image-Editing Software

Photoshop is a premier, top-of-the-line image editor. The current version, CS3, is available for about $285 at JourneyEd.
Mapedit is a very nice image map (hot-spot) editor. It creates HTML code that validates in the W3C's XHTML validator, even. It is available for $10.00 from http://www.boutell.com/mapedit/.
The GIMP is just as powerful as PhotoShop and it is FREE! It also includes an image map hot-spot editor.
Make sure you download three installation files:
1. The GIMP editor itself.
2. The GTK Runtime Environment (library) files that GIMP needs in order to run.
3. The GIMP Help files.
Unless you are a die-hard geek/programmer, you do not need to download any GIMP source files. We mere mortals will want to go to the section where you can download "binaries", which is the geek word for "programs".
Paint comes with every Windows XP installation. It is limited in much the same way that Notepad is limited as a text editor, but it does a decent job in a pinch! You can find it in the "All Programs", "Accessories" section of the main Start menu, or you can type Pbrush into the "Run" box and press <Enter>.

HTML Information and References

W3Schools -- HTML reference
Blooberry -- HTML and CSS reference
Project Cool -- HTML and CSS reference
JavaScript Color Table
Blooberry's "Colors in HTML and CSS" page
Lorem Ipsum generator

Cascading Style Sheet Information and References

W3Schools -- CSS Reference
Blooberry -- CSS and HTML Reference
Project Cool -- CSS and HTML Reference
CSS Zen Garden -- Lots of style sheets to look at and learn from
Web Designs Group's CSS Info
W3C's Main CSS Page
CSS Editing tools
CSS1 Spec
CSS2 Spec

General Information

Handy Hints