Personal tools

Technical Information

Document Actions
  • Content View
  • Bookmarks
  • CourseFeed

This document contains a quick reference for technical information on:

Tutorials and templates

The tutorials are provided to give you the chance to practice skills. The HTML tutorials require you to work with a set of templates that are provided.

Because you will need to save changes that you make to some of the template files, you should copy the provided templates over to your hard drive.

As you go through the tutorials you will be asked to make changes to some of the files. In order to do this, you will need to open the file in a text editor. SimpleText for Macs or Notepad for Windows are the recommended text editors.

Remember to save the changes that you make to the tutorials and then view your changes by opening your file in a Web browser such as Netscape Navigator or Internet Explorer. If you have not saved your changes, they will not show up when you view your file in the browser.

Viewing Files and HTML Source

There will be many occasions where you will be asked to view a file in a browser and then look at the source code in your text editor. When you view a file in a browser, you see the content of the page without seeing the HTML tags. When you view the source of a page, you see the HTML tags as well as the content of the page.

The best way to view the contents of a file is to click on the provided link, or go to the "Open File" command under the "File" menu.

To view the source code:

  • If you are on Windows:
    Using Internet Explorer -- right click the page background and select "view source" from the pop-up menu.
    Using Netscape -- right click on the page background and select "view frame source" from the pop-up menu.
  • If you are on a MAC:
    Using Internet Explorer -- click and hold on the page background until a pop-up menu appears and then select "view frame source".
    Using Netscape -- click and hold on the page background until a pop-up menu appears and then select "view source".
  • The best way to view the source code is to open the file in your text editor (SimpleText or Notepad).

back to top

Publishing documents on the Web

To publish, you must first create a folder in your FTP account. You only need to do this once.

To publish a document (e.g., document.html), FTP it to the folder in your FTP account. FTP settings are described below.

Downloading Dreamweaver

Instructions on downloading Dreamweaver software.

back to top

Defining a site in Dreamweaver

Instructions on defining site in Dreamweaver.

Tip : To see a quick video introduction to DWMX workspace, follow the link below, , and look for 'Macromedia Dreamweaver MX 2004.' (you will need to create/register a userid to view. Reuse this same account for all your future extension downloads from macromedia)

back to top

FTP Settings

Video/Swf File(s):

Recently ipswitch has replaced 'WS_FTP Lite' with 'WS_FTP home', which is a paid version. You can find various free FTP programs on the internet such as: FTP Commander which can be downloaded from or FileZilla which can be found at .

Note: These two screen capture files will act as a visual guide to give you a better picture of how FTP works. Although the urls & username conventions are not the same, the method of using FTP is consistent. Watch them to gain a better overview of FTP or scroll down to read the text instructions. Happy FTPing! (Note: The videos are packaged in downloadable zip files. Download the files, extract them, and double click on the files listed below.)

Copyright 2008, by the Contributing Authors. Cite/attribute Resource . admin. (2008, May 20). Technical Information. Retrieved January 07, 2011, from Free Online Course Materials — USU OpenCourseWare Web site: This work is licensed under a Creative Commons License Creative Commons License
Online Degree Program
Utah State University offers an online masters degree program (MS & MEd) in Instructional Technology and Learning Sciences. Click below to find out more.