dreamweaver chapter 1 mr. ursone. 13 1 3 6 7 10 11 12 5 8 9 2 4 14 document window
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.