Download presentation
Presentation is loading. Please wait.
Published bySydney Harvey Modified over 9 years ago
1
Project 1 Dreamweaver Provides
2
Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management Templates Design View Include all local and remote files Can perform standard maintenance operations
3
Design View You do not have to read through all the code
4
Can perform standard maintenance operations Viewing Moving files Opening Transferring files between local and remote
5
Title Bar Displays the application name Dreamweaver [Untitled Document (Untitled- 1)]
6
File Path The location of the file as it is stored in a series of directories
7
File name The name of the file independent of location
8
Insert Bar Allows quick access to objects and behaviors It contains buttons for creating various types of objects such as: Images Tables Layers Frames Tags
9
Cont Each object is a piece of HTML code that allows you to set various attributes as you insert it Images button is on the insert toolbar
10
Tag selector Displays the hierarchy of tags surrounding the current selection
11
Tag Within the source code control the appearance of the document content
12
Document window Displays the current document Design View Code view Split view
13
Design View Where you assemble your web page elements
14
Code view Which is a hand-coding environment for writing and editing code
15
Split view Allows you to see both
16
Property Inspector Display settings for the selected element’s properties or attributes p.33
17
Gripper A panel group using the gripper
18
Status Bar Bottom of the document window provides additional information about the document you are creating Tag selector Window size pop-up menu button Estimated document size and document time
19
Files panel tab Files Create View Open Close Move Delete Manage a site
20
Download time Displays the size and estimated download time of the current page (status bar)
21
Menu bar Displays dreamweaver menu names File Edit Save Copy
22
Opening and Closing Panels Open-select and then click the name of the panel on the Window menu Closing-click close panel group on the Options pop-up menu accessed through the panel groups title bar F4-opens and closes all panels at once
23
Defining a local site Must first define a local site and then publish to a remote site Remote Site-which are files on the server that make up a web site from the author’s point of view rather than a visitor’s point of view Local Site-which are files on your local disk that correspond to the files on the remote site; you edit the files on your local site then upload them to the remote site
24
Root folder Master folder
25
Nested Folder Subfolders of root folder
26
Path Is the succession of folders that must be navigated to get from one folder (directories) to another
27
Web Page Backgrounds Page Properties dialog box-allows you specify appearance, link, and many other aspects of page design
28
Adding Text to a Web Page You can create a web page in several ways: You can type a new document You can open an existing HTML document; even if it was not created in Dreamweaver You can copy and paste text You can import a word document
29
Keys for Dreamweaver Enter-Double Space Shift + Enter-Single Space Insert-HTML-Special Characters-Line Break- SS
30
Formatting Text Three Options for formatting text Text menu Insert bar text category Property inspector
31
Special Characters HTML code names Copyright (©) Ampersand (&) Registered trademark (®)
32
Web Page Titles Attractive To the point Creative Meaningful Used as a reference Appropriate
33
Property Inspector Format Font Style Size List Bold and Italic Align Left, Center and Right
34
Cont Link-Hyperlink-allows you to make a selected text or other objects a hyperlink to a specified URL or Web Page Target-you specify the frame or window in which the linked page should load Unordered List/Ordered List Indent/Outdent Page Properties
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.