project 1 dreamweaver provides. automatic web page design develop your own webpage without having to...
TRANSCRIPT
![Page 1: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/1.jpg)
Project 1
Dreamweaver Provides
![Page 2: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/2.jpg)
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
![Page 3: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/3.jpg)
Design View
You do not have to read through all the code
![Page 4: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/4.jpg)
Can perform standard maintenance operations Viewing Moving files Opening Transferring files between local and remote
![Page 5: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/5.jpg)
Title Bar
Displays the application name Dreamweaver [Untitled Document (Untitled-
1)]
![Page 6: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/6.jpg)
File Path
The location of the file as it is stored in a series of directories
![Page 7: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/7.jpg)
File name
The name of the file independent of location
![Page 8: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/8.jpg)
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
![Page 9: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/9.jpg)
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
![Page 10: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/10.jpg)
Tag selector
Displays the hierarchy of tags surrounding the current selection
![Page 11: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/11.jpg)
Tag
Within the source code control the appearance of the document content
![Page 12: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/12.jpg)
Document window
Displays the current document Design View Code view Split view
![Page 13: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/13.jpg)
Design View
Where you assemble your web page elements
![Page 14: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/14.jpg)
Code view
Which is a hand-coding environment for writing and editing code
![Page 15: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/15.jpg)
Split view
Allows you to see both
![Page 16: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/16.jpg)
Property Inspector
Display settings for the selected element’s properties or attributes p.33
![Page 17: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/17.jpg)
Gripper
A panel group using the gripper
![Page 18: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/18.jpg)
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
![Page 19: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/19.jpg)
Files panel tab
Files Create View Open Close Move Delete Manage a site
![Page 20: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/20.jpg)
Download time
Displays the size and estimated download time of the current page (status bar)
![Page 21: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/21.jpg)
Menu bar
Displays dreamweaver menu names File Edit Save Copy
![Page 22: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/22.jpg)
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
![Page 23: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/23.jpg)
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
![Page 24: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/24.jpg)
Root folder
Master folder
![Page 25: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/25.jpg)
Nested Folder
Subfolders of root folder
![Page 26: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/26.jpg)
Path
Is the succession of folders that must be navigated to get from one folder (directories) to another
![Page 27: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/27.jpg)
Web Page Backgrounds
Page Properties dialog box-allows you specify appearance, link, and many other aspects of page design
![Page 28: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/28.jpg)
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
![Page 29: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/29.jpg)
Keys for Dreamweaver
Enter-Double Space Shift + Enter-Single Space Insert-HTML-Special Characters-Line Break-
SS
![Page 30: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/30.jpg)
Formatting Text
Three Options for formatting text Text menu Insert bar text category Property inspector
![Page 31: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/31.jpg)
Special Characters
HTML code names Copyright (©) Ampersand (&) Registered trademark (®)
![Page 32: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/32.jpg)
Web Page Titles
Attractive To the point Creative Meaningful Used as a reference Appropriate
![Page 33: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/33.jpg)
Property Inspector
Format Font Style Size List Bold and Italic Align Left, Center and Right
![Page 34: Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management](https://reader035.vdocument.in/reader035/viewer/2022081515/5697bfd21a28abf838caba4f/html5/thumbnails/34.jpg)
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