Download presentation
Presentation is loading. Please wait.
2
Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 1 Taking A Tour Of Dreamweaver
3
Copyright (c) 2004 Prentice-Hall. All rights reserved. 2 Objectives Launch Identify components Switch layouts Designer workspace Property inspector HTML tag selector Modify interface Help
4
Copyright (c) 2004 Prentice-Hall. All rights reserved. 3 Visual Summary
5
4 Document Window Code view Designer view Split screen
6
Copyright (c) 2004 Prentice-Hall. All rights reserved. 5 Property Inspector text graphics tables
7
Copyright (c) 2004 Prentice-Hall. All rights reserved. 6 Insert Bar Web-page design functions Common Insert bar Layout Insert bar Text Insert bar
8
Copyright (c) 2004 Prentice-Hall. All rights reserved. 7 Launching Dreamweaver Windows and Macintosh TToolbars – docked vs. floating CCoder area
9
8 Launch – Choose Designer And Click OK
10
9 Launch – Choose Create New HTML
11
10 Launch – Design View This will be WYSIWIG
12
Copyright (c) 2004 Prentice-Hall. All rights reserved. 11 Launch – Preferences Categories Specifics
13
Copyright (c) 2004 Prentice-Hall. All rights reserved. 12 Launch – Change Workspace Designer Coder
14
Copyright (c) 2004 Prentice-Hall. All rights reserved. 13 Launch – Accept Changes And Re-launch … Start page appears Choose HTML
15
Copyright (c) 2004 Prentice-Hall. All rights reserved. 14 Exploring The Coder Workspace Layout Designer = WYSIWYG Coder = HTML code TTags, attributes
16
Copyright (c) 2004 Prentice-Hall. All rights reserved. 15 Document Window
17
Copyright (c) 2004 Prentice-Hall. All rights reserved. 16 Document Window – Options Click in code window to get available options
18
Copyright (c) 2004 Prentice-Hall. All rights reserved. 17 Document Toolbar Tool Tips
19
Copyright (c) 2004 Prentice-Hall. All rights reserved. 18 Insert Bar Tool Tips
20
Copyright (c) 2004 Prentice-Hall. All rights reserved. 19 Exploring The Designer Workspace Layout Panel groups Design button
21
Copyright (c) 2004 Prentice-Hall. All rights reserved. 20 Split Button
22
Copyright (c) 2004 Prentice-Hall. All rights reserved. 21 Refresh Design View
23
Copyright (c) 2004 Prentice-Hall. All rights reserved. 22 Change To Layout
24
Copyright (c) 2004 Prentice-Hall. All rights reserved. 23 Exploring The Property Inspector Most important panel View and change attributes Preview a Web page
25
Copyright (c) 2004 Prentice-Hall. All rights reserved. 24 Web Page Preview Web page preview Design view
26
Copyright (c) 2004 Prentice-Hall. All rights reserved. 25 Exploring HTML Using The Tag Selector Tag review PPurpose TTypes PPairs <head> and <body> <title> <style> <body><table><tr><td><p><a>
27
Copyright (c) 2004 Prentice-Hall. All rights reserved. 26 Tag Selector
28
Copyright (c) 2004 Prentice-Hall. All rights reserved. 27 Split Button
29
Copyright (c) 2004 Prentice-Hall. All rights reserved. 28 Table Code
30
Copyright (c) 2004 Prentice-Hall. All rights reserved. 29 Table Tag Selected
31
Copyright (c) 2004 Prentice-Hall. All rights reserved. 30 Exploring HTML Using The Tag Chooser Insert bar Property inspector Tag chooser AAll tags CCategorized OOther languages
32
Copyright (c) 2004 Prentice-Hall. All rights reserved. 31 Tag Chooser Window
33
Copyright (c) 2004 Prentice-Hall. All rights reserved. 32 Tag Editor – Address
34
Copyright (c) 2004 Prentice-Hall. All rights reserved. 33 Examine Address Work
35
Copyright (c) 2004 Prentice-Hall. All rights reserved. 34 Examine The Code
36
Copyright (c) 2004 Prentice-Hall. All rights reserved. 35 Configuring The Document Window Preferences Many options Panel groups Screen resolutions Download time indicator
37
Copyright (c) 2004 Prentice-Hall. All rights reserved. 36 Configurations panels resolution load time
38
Copyright (c) 2004 Prentice-Hall. All rights reserved. 37 Expander Button
39
Copyright (c) 2004 Prentice-Hall. All rights reserved. 38 Exploring The Dreamweaver Help Function Windows Help screen
40
Copyright (c) 2004 Prentice-Hall. All rights reserved. 39 Help Screen Macintosh Help screen
41
Copyright (c) 2004 Prentice-Hall. All rights reserved. 40 Help – Getting Started
42
Copyright (c) 2004 Prentice-Hall. All rights reserved. 41 Summary Dreamweaver interface Components Tag selector and tag chooser Web page Property inspector Help
43
Copyright (c) 2004 Prentice-Hall. All rights reserved. 42 End-of-Project Exercises Screen ID Multiple Choice Discussion Skill Drill Work with Multiple Open Files Explore the Results Panel Group Explore a Complex Web page Explore Other Helpful Resources
44
Copyright (c) 2004 Prentice-Hall. All rights reserved. 43 End-of-Project Exercises (continued) CChallenge EExplore Other HTML Reference Web Sites EExplore a Web Page Using Tables for Layout EExploring a Web Page Using a Table-Free Layout PPortfolio Builder LLearn to Judge Web Sites Research and Record the URL or Web Address of at least five web sites that represent good organization and use of text, photo images and graphics Analyze and describe the key features of your research sites How do these features promote your web site?
45
Copyright (c) 2004 Prentice-Hall. All rights reserved. 44 What Are Your Questions
Similar presentations
