Dreamweaver MX 2004 Basics
Computing Resources >> Tutorials >> Web Development >> Dreamweaver MX 2004 Basics

Objectives

Getting Started

Connecting to Your Server Space

Creating Your Page

Inserting Images

Inserting Tables

Links

Anchors

Page Properties

Resources

Evaluate this tutorial

PDF Handout

 

Objectives

Website construction and maintenance is quickly becoming a necessary skill in both academic and working spheres. Whether you're new to web design or just new to Dreamweaver, this tutorial will help explain the ins and outs of this popular program. By the end, you'll be able to create web pages with ease. This tutorial has the following objectives:

  • Explore interface, menus & properties manager
  • Create a basic web page
  • Add text, links, tables and images
  • Change fonts and alignment
  • Review transferring files and images to the server and learn techniques for effective management of your server space.

Dreamweaver is a web development tool that is available on all of the computers in the IT Lab. It can also be purchased for about $100 from the Campus Computer Store. For creating a simple web page, it may have more functionality than you really need. For large sites, however, the many features of Dreamweaver are invaluable.  

Need to create a simple web page, anxious about learning HTML, or unwilling to fork out the money to buy Dreamweaver? Mozilla Composer may just be a great alternative to Dreamweaver. Mozilla is an open source suite of applications used for web browsing, email, or creating html pages, which can be downloaded for free from the Mozilla website. Mozilla Composer is the web development tool of Mozilla. All of the computers in the IT Lab have Mozilla Composer on them, and it is very easy to download it on your home computer. For more information about how to use Mozilla Composer, check out the Creating a Web Page Using Mozilla Composer tutorial.  

Definitions

Dreamweaver:

An HTML editing and web page construction tool, offering a graphical user interface (GUI) for HTML functionality. In the School of Information's IT lab, you'll be given the choice of Dreamweaver 4 view or Dreamweaver MX view. 4 separates the windows, while MX provides a connected workspace. The preferred view is debatable, and in this case, entirely up to you.

Email link:

Creates a link which users can click on to send an email to the recipient. Simply click on the email link icon, and enter the appropriate info. Note: when using the Properties Window's link field to create an email link, enter mailto:yourlogin@ischool.utexas.edu, no spaces.

Hyperlink:

Creates a link that takes users to a specified URL. Note: when using the Properties Window's link field, be sure to enter the entire URL (including http://).

Insert Window:

Offers a GUI for the insertion of images, links, tables, etc. It mirrors the functionality of the Insert menu on the main toolbar.

Properties Window:

Displays the current properties for links, text, tables, and objects.   Allows for manual entering of dimensions and colors (including background, table cells, and text).

URL:

A Uniform Resource Locator is commonly referred to as a "web address." It includes such information as the protocol used to access the resource (e.g. http), the domain name of a computer or server connected to the Internet (e.g. www.ischool.utexas.edu), and the path of the sought resource (e.g. ~yourlogin/filename.extension).


next section >

Watch the video
screenshot
choose format/speed:
real media dial-up | broadband
windows media dial-up | broadband
dial-up | broadband
download

Entire Tutorial
dial-up | broadband
dial-up | broadband
dial-up | broadband
download

html transcript

© 2005 Sara Fuchs, Libby Peterek, & Holly Robertson | iSchool | UT Austin | webmaster