Creating Websites

1
Creating Websites

• With Macromedia Dreamweaver MX 2004
• By Heidi Lee

2
The Flow
3
Course Overview

• Getting started
• Adding contents to a site
• Formatting Text
• Working with graphics
• Navigating Your Site
• Designing Page Layout
• Testing, maintenance, and uploading

4
Getting Started

• Defining a local site (????)
• Site gt Manage Site

5
UNDERSTANDING STATIC PAGE ARCHITECTURE
6
Behind the Web Page
7
Building the Site
8
Adding Contents to Site

• Formatting text
• Select the text
• Use the Property Panel (????)

9
Unit 6 - Topics

• Understanding Site Navigation
• Linking to Files in Your Site
• Linking to Sites
• Linking to Named Anchors
• Adding E-mail Links
• Linking from Images
• Creating a Navigation Bar
• Creating a Jump Menu

10
Unit 5 - Topics

• Graphics on Web Pages
• Placing Graphics on the Page
• Modifying Image Properties
• Editing Images
• Roundtrip Editing with Fireworks
• Adding Flash Movies

11
Unit 7 - Topics

• Understanding Page Layout
• Structuring Page Layout with Tables
• Importing Tabular Data
• Using Table Layout View
• Using Layers for Layout
• Hiding and Showing Layers
• Converting Tables to Layers
• Converting Layers to Tables

12
Unit 8 - Topics

• Site Library Items
• Creating Site Templates
• Defining Editable Regions
• Using Templates
• Modifying Templates
• Applying a Template to an Existing Page

13
Part 1 Part 2 Part 1 Details Part 2 Details
14
Working with Graphics

• Inserting graphics into a web page
• Modifying image properties using the Property
  Panel
• Add link to images
• Adding Flash objects

15
Graphic Formats in Web Page

• Jpeg
• Gif
• Animated gif
• png

16
Designing Pages Using Tables

• Change Table Properties with the Property Panel

17
Setting Form Focus

• ltbody onLoadwindow.document.formname.fieldname.f
  ocus()gt

18
Uploading

• Web hosting server
• Open an account in Tripod (www.tripod.com)
• Or in Geocities (http//hk.geocities.com)
• Define site gt remote info
• Upload the entire site
• View your web site
• http//membername.tripod.com
• Or http//hk.geocities.com/membername

19
Using the Check In/Out System

• Define the remote info and select the option
• Check out - "Im working on this file now--dont
  touch it!"
• Check in - other team members can check out and
  edit the file.