Presentation is loading. Please wait.

Presentation is loading. Please wait.

Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.

Similar presentations


Presentation on theme: "Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management."— Presentation transcript:

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 (&copy) Ampersand (&amp) Registered trademark (&reg)

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


Download ppt "Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management."

Similar presentations


Ads by Google