Parkland College > CSIT Dept > Web Technology > CSC 121 >
Calendar > Lesson 3

CSC 121 WEB SITE DESIGN
Lesson 3: Introduction to Dreamweaver and HTML
Instructor: Paul Young

Objectives

To become comfortable in the Dreamweaver environment by building a simple web site similar to this site.

Discussion

The best way to learn any software package is to simply start working in it. Dreamweaver is designed to do two things: (1) write code for web pages so you don't have to, and (2) help manage the files of your site. In this lesson, we will be building a 5-page web site from scratch without using templates.

Hints: (1) Use the HELP menu to get answers and to access tutorials. (2) Google your software questions (someone most likely has already posted an answer).

Procedure

Overview: Tell Dreamweaver the location of the files for your site. Make one web page. Copy the first page to make the other pages of your site.

1. launch Dreamweaver
2. define a new site (site > manage sites > new site): name=lesson3,
   local root folder=jsmith/csc121/upload/lesson3
3. create a new file (file > new: basic HTML page): "index.htm"
4. edit > preferences: invisible elements: line breaks=yes
5. type your name (i.e. Jane Smith), followed by RETURN
6. view > code and design: study the HTML code
7. add the following links: my blog, my pictures, my links, contact me
8. link each item to a new page (i.e. "words.htm")
9. change title of document to your name (i.e. Jane Smith)
10. save, file > preview in browser (F12)
11. window > site: duplicate "index.htm", rename "blog.htm" (RMB)
12. open "blog.htm", copy and paste the text from this sample site (or write your own entries)
13. add bolds, italics, heads (use heading 4)
14. save, file > preview in browser (F12)
15. duplicate "blog.htm" and make the other pages
16. test and troubleshoot your site

BACK TO TOP

______________________________

Last updated: 9/1/05 • Webmaster: Paul Young

Student
Exhibition

Influential
Designers

Internet
Resources

Tips, Tricks
& Handouts