dreamweaver chapter 1 mr. ursone. 13 1 3 6 7 10 11 12 5 8 9 2 4 14 document window

Post on 12-Jan-2016

214 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Dreamweaver Chapter 1

Mr. Ursone

13

1

3

67

10

11

12

5

8

9

2

4

14

Document Window

Answers Dreamweaver Window

1. _______________ 2. ________________

3. _______________ 4. ________________

5. _______________ 6. ________________

7. _______________ 8. ________________

9. _______________ 10.________________

11. _______________ 12.________________

13. _______________ 14.________________

Discussion: Ask students to identify similarities between this window and the windows of other applications they have used.

Title Bar

Displays the application name, Adobe Dreamweaver CS3; in brackets, the Web page title; and, in parentheses, the file path and file name of the displayed Web page.

Panel Groups

Sets of related panels docked together below one heading.

Files Panel

How do you expand or collapse a panel group?

Insert Bar

Allows quick access to frequently used commands.

The Document Toolbar

The default toolbar displayed in the Document window. It contains buttons that provide different views, the Document title, and some common operations

Status Bar

Provides additional information about the document you are creating, i.e. <body>

Located at the bottom of the document window

Status Bar

Standard Toolbar

Contains buttons for common operations from the file and edit menus

Undo vs. Redo

Undo: undoes the last action taken on a page

Redo: Reverses the last undo action

Format Box

Allows you to apply a paragraph, heading, or preformatted style to text.

Font BoxApplies the selected font combination to the text and determines how a browser displays text on your web page.

HTML Font Size

The default HTML font size is 3, which equates to 12 points in a word-processing document

Inserting a Line BreakShift + Enter

Changing Text Color

Eyedropper and Color Picker– Dreamweaver has an eyedropper feature that

lets you select colors and make perfect color matches

– Color Picker lets you select the colors for page elements and text.

Unordered & Ordered Lists

Unordered List = Bulleted List Example

Example

Ordered List = Numbered List1. Example

2. Example

3. Example

Dreamweaver Views

Code View:– Environment for writing and editing code

Design View:– Environment where you assemble your Web

page elements and design your page

Split View:– Allows you to see both Code view and Design

view for the same document in a single window

Folders

Local root folder/master folder: The main folder for the web site. It contains the subfolders within it.

Subfolder: a folder inside another folder

Path: The succession of folders that must be navigated to get from one folder to another

Property Inspector

Lets you see the current properties of the selected object/text and allows you to alter or edit them

CTRL + F3 collapses the Property Inspector

Text Headings

Heading 1 <h1> produces the largest text

Heading 6 <h6> produces the smallest text

Text Headings are found in the properties inspector

Miscellaneous

The Dreamweaver Workspace is an integrated area in which the Document window and panels are integrated into one larger application windowThe Menu Bar displays the Dreamweaver menu names– What is indicated when a menu displays commands that appear

gray, or dimmed, instead of black? (Answer: Those commands are not available for the current selection.)

A Web Site is a set of pages on a server that are viewed through a Web browser by a visitor to the site

Miscellaneous

A remote site are files on a server that make up a Web site from the author’s point of viewA local site is a set of files on your local disk that correspond to files on a remote siteYou can modify the default properties of a Web page by using the Page Properties dialog box.

Miscellaneous

Paragraph Formatting is the process of changing the appearance of text.Character Entities, another name for character codes, allow a browser to show special characters.

The F4 key is a toggle key that opens and/or closes all panels and inspectors—like the ones shown in the accompanying figure—at one time.Discussion: Why is it considered good practice to save when you first open a document and then save regularly while you are working in Dreamweaver? How do you protect yourself when you follow this practice? What might happen if you did not follow it?

Formatting Text

This means to apply different fonts, change heading styles, insert special characters, and insert other such elements that enhance the appearance of the Web page.

top related