Project 1

1
Project 1

• Creating a Dreamweaver Web Page and Local Site

2
Project Objectives

• Describe Dreamweaver and identify its key
  features
• Start Dreamweaver
• Describe the Dreamweaver window and workspace
• Open and close panels
• Create a local site using the Site Definition
  Wizard

• Create a Web page
• Apply a color scheme
• Display and describe the Property inspector
• Format and modify text elements on a Web page
• Insert a horizontal rule
• Define and display the Insert bar

3
Project Objectives

• Define and insert a line break and special
  characters
• Change a Web page title
• Check spelling
• Insert an absolute link
• Save a Web Page

• Preview a Web page in a Web browser
• Print a Web page
• Define Dreamweaver Help
• Quit Dreamweaver
• Open a Web page

4
What is Macromedia Dreamweaver MX?

• Automatic Web Page Creation
• Web Site Management
• Standard Macromedia Web Authoring Tools

5
Starting Dreamweaver

• Click the Start button on the Windows taskbar,
  point to All Programs on the Start menu, point to
  Macromedia on the All Programs submenu, and then
  point to Macromedia Dreamweaver MX on the
  Macromedia submenu
• Click Macromedia Dreamweaver MX. If necessary,
  maximize the Dreamweaver window
• Press the F4 key to close all open panels

6
(No Transcript)
7
Using the Site Definition Wizard to Create a
Local Web Site

• Click Site on the menu bar and then point to New
  Site
• Click New Site. If necessary, click the Basic
  tab
• Type Florida Park in the What would you like to
  name your site? text box. Point to the Next
  button
• Click the Next button. If necessary, click No, I
  do not want to use a server technology. Point to
  the Next button

8
Using the Site Definition Wizard to Create a
Local Web Site

• Click the Next button. Select the first option
  button, and point to the folder icon to the right
  of the Where on your computer do you want to
  store your files? text box
• Click the folder icon and point to the Create New
  Folder button
• Click the Create New Folder button
• Type your last name and first initial as the
  folder name and press ENTER to select the folder
• Point to the Open button

9
Using the Site Definition Wizard to Create a
Local Web Site

• Click the Open button and then point to the
  Create New Folder button
• Click the Create New Folder button
• Type parks in the New Folder text box and then
  press the ENTER key to select the folder. Point
  to the Open button
• Click the Open button and then point to the
  Select button
• Click the Select button and then point to the
  Next button

10
Using the Site Definition Wizard to Create a
Local Web Site

• Click the Next button. Point to the How do you
  connect to your remote server? box arrow
• Click the How do you connect to your remote
  server? box arrow and then point to None in the
  list
• Click None and then point to the Next button
• Click the Next button and then point to the Done
  button
• Click the Done button

11
(No Transcript)
12
Adding a Color Scheme

• Click Commands on the menu bar and then point to
  Set Color Scheme
• Click Set Color Scheme and then point to Green in
  the Background list
• Click Green in the Background list and then click
  Blue, Brown, Green in the Text and Links list.
  Point to the OK button
• Click the OK button

13
(No Transcript)
14
Closing the Site Panel and Displaying the
Standard Toolbar

• Right-click the Files panel title bar. Point to
  Close Panel Group
• Click Close Panel Group
• Click View on the menu bar, point to Toolbars,
  and then point to Standard on the Toolbars
  submenu
• Click Standard

15
(No Transcript)
16
Adding Text
17
(No Transcript)
18
Opening the Property Inspector

• Click Window on the menu bar and then point to
  Properties
• Click Properties. If necessary, click the
  expander arrow to collapse the Property inspector

19
(No Transcript)
20
Property Inspector Features

• Format
• Size
• Text Color
• Bold and Italic
• Alignment

• Link
• Target
• Unordered list
• Ordered list
• Indent and Outdent

21
Formatting Text with Heading 1

• If necessary, scroll up and then position the
  insertion point anywhere in the heading text,
  Discovering Scenic Florida. Point to the Format
  box arrow in the Property inspector
• Click the Format box arrow in the Property
  inspector and then point to Heading 1
• Click Heading 1

22
(No Transcript)
23
Centering the Web Page Heading

• If necessary, click somewhere in the heading,
  Discovering Scenic Florida. Click the Align
  Center button in the Property inspector

24
Changing the Font Type

• Click to the left of the heading, Discovering
  Scenic Florida, and then drag through the entire
  heading. Point to the Font Combination box arrow
  in the Property inspector
• Click the font combination box arrow and then
  point to Verdana, Arial, Helvetica
• Click Verdana, Arial, Helvetica

25
(No Transcript)
26
Creating an Unordered List

• Click to the left of the line, Biscayne,
  Everglades, and Dry Tortugas National Parks are
  located in southern Florida
• Drag to select the text, Biscayne, Everglades,
  and Dry Tortugas National Parks are located in
  southern Florida, and the next three lines.
  Point to the Unordered List button in the
  Property inspector
• Click the Unordered List button

27
(No Transcript)
28
Using Text Indent to Indent a Bulleted List

• If necessary, select the bulleted list. Point to
  the Text Indent button in the Property inspector
• Click the Text Indent button

29
Bolding Text

• If necessary, scroll down to display the closing
  paragraph. Drag through the text to select the
  entire paragraph. Point to the Bold button in
  the Property inspector
• Click the Bold button and then click anywhere in
  the Document window to deselect the text

30
(No Transcript)
31
Changing the Text Color

• Select the closing paragraph and then click the
  Text Color box in the Property inspector
• Position the eyedropper on the shade of blue
  represented by hexadecimal number 333366 (row 5
  from the bottom and column 3 from the right)
• Click the eyedropper to apply the color to the
  selected text and then close the color picker.
  Click anywhere in the document to deselect the
  text

32
(No Transcript)
33
Inserting a Horizontal Rule

• If necessary, scroll to the top of the page.
  Click to the right of the heading, Discovering
  Scenic Florida, and then press the END key
• Click Insert on the menu bar and point to
  Horizontal Rule
• Click Horizontal Rule. Click the Width box in
  the Property inspector
• Type 500 and then press the ENTER key. Click the
  Height box
• Type 6 and then press the ENTER key. Point to
  the Align box arrow

34
Inserting a Horizontal Rule

• Click the Align box arrow and then point to
  Center
• Click Center and then click anywhere in the
  Document window to deselect the horizontal rule

35
Displaying the Insert Bar

• Click Window on the menu bar and then point to
  Insert
• Click Insert

36
Adding a Line Break

• Click the Characters tab in the Insert bar
• If necessary, scroll down and then click at the
  end of the first bulleted item. Point to the
  Line Break button on the Characters tab in the
  Insert bar
• Click the Line Break button two times
• Click the Line Break button two times at the end
  of the second and third bulleted items to insert
  blank lines between the second and third and the
  third and fourth bulleted list items

37
(No Transcript)
38
Adding Your Name and Current Date

• If necessary, scroll down to display the closing
  paragraph. Click at the end of the closing
  paragraph. Press the ENTER key and then press
  the END key. Verify that Bold is not selected
  and the Text Color box displays the correct color
  in the Property inspector
• Type your name. Do not press the ENTER key.
  Point to the Line Break button
• Click the Line Break button. Type the current
  date and then press the ENTER key

39
(No Transcript)
40
Inserting a Registered Trademark Character

• Scroll up to display the first paragraph in the
  Web page. Click to the right of the World (in
  Walt Disney World) and before the comma and then
  point to the Registered Trademark button in the
  Characters tab
• Click the Registered Trademark button
• Click to the right of Epcot and before the comma
  and then click the Registered Trademark button on
  the Characters tab. Click anywhere in the
  document to deselect the symbol

41
(No Transcript)
42
Collapsing the Property Inspector

• Click the expand/collapse arrow on the left
  corner of the Property inspector title bar

43
Changing the Web Page Title

• Drag through the text, Untitled Document, in the
  Title text box on the Document toolbar
• Type Florida Parks in the Title text box and then
  press the ENTER key

44
Checking Spelling

• Click Text on the menu bar and then point to
  Check Spelling
• Click Check Spelling. Point to the Ignore button
• Click the Ignore button
• Correct any misspelled word by accepting the
  suggested replacement or by typing the correct
  word in the Change To box. Click the Change or
  Change All button, and then point to the OK
  button in the Macromedia Dreamweaver MX dialog
  box
• Click the OK button

45
Creating an Absolute Link

• Click the expand/collapse arrow in the Property
  inspector. Position the insertion point at the
  end of the closing paragraph, press the ENTER
  key, and then press the END key
• Type Florida Environmental Information and then
  drag to select the text you typed. Click the
  Link box in the Property inspector
• Type http//www.dep.state.fl.us and then press
  the ENTER key
• Click anywhere in the Document window to deselect
  the link

46
(No Transcript)
47
Saving a Web Page

• Click the Save button on the Standard toolbar
• Type index in the File name text box and then
  point to the Save button in the Save As dialog
  box
• Click the Save button and then press the F8 key
  to display the Site panel

48
Selecting Primary and Secondary Target Browsers

• Right-click the Files panel menu bar and close
  the panel group. Click File on the menu bar,
  point to Preview in Browser, and then point to
  Edit Browser List on the Preview in Browser
  submenu
• Click Edit Browser List and point to the plus ()
  button
• Click the plus () button in the Preview in
  Browser area. Point to the Browse button

49
Selecting Primary and Secondary Target Browsers

• Click the Browse button and then locate the
  Netscp.exe file, most likely in C\Program
  Files\Netscape\Netscape\Netscp.exe and point to
  the Open button
• Click the Open button. Click Secondary Browser
  and then point to the OK button in the Add
  Browser dialog box
• Click the OK button. Point to the OK button in
  the Preferences dialog box
• Click the OK button

50
(No Transcript)
51
Previewing the Web Page

• Click File on the menu bar, point to Preview in
  Browser, and then point to iexplore
• Click iexplore (Internet Explorer). Maximize
  your browser window
• Click Internet Explorers close button. Click
  File on the menu bar, point to Preview in
  Browser, and then click Netscp.exe on the Preview
  in Browser submenu
• Scroll down the page and click the absolute link
  to the Florida Environmental Information Web site
• Click Netscapes Close button and maximize
  Internet Explorer

52
Printing a Web Page

• Press F12
• Click File on the menu bar and then point to
  Print
• Click Print. If necessary, select an appropriate
  printer. Point to the Print button
• Click the Print button
• Retrieve the printout and then click Internet
  Explorers Close button

53
(No Transcript)
54
Closing the Web Site and Quitting Dreamweaver

• Click the Close button on the right corner of the
  Dreamweaver title bar

55
Project Summary

• Describe Dreamweaver and identify its key
  features
• Start Dreamweaver
• Describe the Dreamweaver window and workspace
• Open and close panels
• Create a local site using the Site Definition
  Wizard

• Create a Web page
• Apply a color scheme
• Display and describe the Property inspector
• Format and modify text elements on a Web page
• Insert a horizontal rule
• Define and display the Insert bar

56
Project Summary

• Define and insert a line break and special
  characters
• Change a Web page title
• Check spelling
• Insert an absolute link
• Save a Web Page

• Preview a Web page in a Web browser
• Print a Web page
• Define Dreamweaver Help
• Quit Dreamweaver
• Open a Web page

57
Project 1 Complete