MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER User Manual download pdf (Page 1)

Geog 355: Geographical Information Systems II

Spring 2009

Lab6: Creating a Web page with

Macromedia Dreamweaver

I. Introduction

When you need to find a specific recipe or when you want to visit somewhere you’ve never

been to before, what do you do? Most of you may just turn on your laptop computer and

type “google.com” after launching any Internet browser. In most cases, we can find

satisfying solutions from the Internet.

However, the Internet is not only a good tool to get useful information, but also it is one of

the most efficient and effective ways to share information about yourself with your friends

and other people. You can publish your academic achievements or portfolio via your own

web pages. Also, you can upload your resume and research products as well.

In this lab, you will use Macromedia Dreamweaver commercial software which is a popular

web editor to create your own web pages. It offers four major functionalities; Site

management, Template, Cascading Style Sheets, and JavaScript Behaviors.

You don’t need to download any data from the SIS server to finish this lab tutorial and

assignments. Instead, you may have to download a good picture or browse some JavaScript

web sites from the Internet or somewhere.

2. Tutorial and Assignments

Dreamweaver MX 2004 allows you to create web pages quickly without having knowledge

for HTML or programming languages such as VB.Net ASP or Java.

You will define your web site with a wizard in this lab. After defining your web site, you will

create a simple web page (index.html) using a table and some useful links. Also, for your

final GIS project, you will create gisproject.html page. After you create these two web

pages, you will upload these html files from your local computer into a SFU server which will

host your web pages.

1) Defining a Site

Dreamweaver operates based upon the concept of a web site. When you first open the

program, Dreamweaver makes you define a site. This helps you keep all files organized.

With a simple web site, you will just need to keep a few files within a file folder. However, it

is best to plan this out before you start, since folder maintenance will help greatly as your

site grows and you start linking to other web pages and adding graphics.

1 2 3 4 5 6 7 8 9 10

Macromedia Dreamweaver 1
10

Summary of Contents

Page 1 - Macromedia Dreamweaver

Geog 355: Geographical Information Systems II Spring 2009 1 Lab6: Creating a Web page with Macromedia Dreamweaver I. Introduction W

Page 2

Geog 355: Geographical Information Systems II Spring 2009 10 4) Uploading your website When you are happy with the look of your web pa

Page 3

Geog 355: Geographical Information Systems II Spring 2009 2 In this lab, you are going to make a simple web site under D:\Temp\MyWebPag

Page 4

Geog 355: Geographical Information Systems II Spring 2009 3 processor formatting toolbar. When you choose an element on the Web page, y

Page 5

Geog 355: Geographical Information Systems II Spring 2009 4 If you get the pop up window indicating that the connection between your

Page 6

Geog 355: Geographical Information Systems II Spring 2009 5 2) Creating your first web page (aboutme.html) Now you are ready to create

Page 7

Geog 355: Geographical Information Systems II Spring 2009 6 Before we continue this is a good time to introduce CSS. Cascading Styl

Page 8

Geog 355: Geographical Information Systems II Spring 2009 7 f) Now select all the text in your web page, all the paragraphs, then clic

Page 9

Geog 355: Geographical Information Systems II Spring 2009 8 k) Now that we have place holders lets flush out the content and provide

Page 10 -

Geog 355: Geographical Information Systems II Spring 2009 9 Files Panel to the right select edit >> copy. Then right click on the

Comments to this Manuals

No comments

MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER User Manual Page 1

Browse online or download User Manual for Desktop publishing software MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER. Lab6: Creating a Web page with Macromedia Dreamweaver

Summary of Contents

Comments to this Manuals

MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER User Manual Page 1

Browse online or download User Manual for Desktop publishing software MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER. Lab6: Creating a Web page with Macromedia Dreamweaver

Summary of Contents

Comments to this Manuals

Related products and manuals for Desktop publishing software MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER