2. Committed to Shaping the Next Generation of IT Experts. 1 Essentials For Design Dreamweaver Level One Julian Rickards Project 3 Applying Structure To Text

3. Copyright (c) 2004 Prentice-Hall. All rights reserved. 2 Applying Structure To Text Structure a document with headings Insert line breaks format quotations with HTML tags Horizontal rule Use ordered and unordered lists Change bullet and number styles with CSS Create definition lists

4. Copyright (c) 2004 Prentice-Hall. All rights reserved. 3 Visual Summary Text Insert bar Access to HTML tags to structure text

5. Copyright (c) 2004 Prentice-Hall. All rights reserved. 4 Visual Summary (continued) Other HTML characters Located at right end of “text insert” bar

6. Copyright (c) 2004 Prentice-Hall. All rights reserved. 5 Visual Summary (continued) Property inspector Used very frequently

7. Copyright (c) 2004 Prentice-Hall. All rights reserved. 6 Visual Summary (continued) Code hint pop-up list

8. Copyright (c) 2004 Prentice-Hall. All rights reserved. 7 Inserting Headings Deprecated In favor of CSS

9. Copyright (c) 2004 Prentice-Hall. All rights reserved. 8 Insert Headings Using The Insert Bar

10. Copyright (c) 2004 Prentice-Hall. All rights reserved. 9 Insert Headings Using The Insert Bar (Continued)

11. Copyright (c) 2004 Prentice-Hall. All rights reserved. 10 Inserting Line Breaks Forces new line Addresses Other block text Click in the empty paragraph space between the Heading 3 lines Mailing Address: and Phone Numbers:

12. Copyright (c) 2004 Prentice-Hall. All rights reserved. 11 Inserting Line Breaks (continued)

13. Copyright (c) 2004 Prentice-Hall. All rights reserved. 12 Inserting Line Breaks – Alternate Using Design view

14. Copyright (c) 2004 Prentice-Hall. All rights reserved. 13 Formatting A Large Quotation On A Web Page Blockquote  … Default indentation “Cite” tool for quotation source

15. Copyright (c) 2004 Prentice-Hall. All rights reserved. 14 Formatting An Inserted Block Quote By using the Property inspector

16. Copyright (c) 2004 Prentice-Hall. All rights reserved. 15 In The Design View

17. Copyright (c) 2004 Prentice-Hall. All rights reserved. 16 Using The “Cite” Tool

18. Copyright (c) 2004 Prentice-Hall. All rights reserved. 17 Using The “Cite” Tool (continued)

19. Copyright (c) 2004 Prentice-Hall. All rights reserved. 18 Inserting A Short Quotation In A Paragraph Quote tag <<q> Double quotes WW3C CSS

20. Copyright (c) 2004 Prentice-Hall. All rights reserved. 19 Tag Chooser

21. Copyright (c) 2004 Prentice-Hall. All rights reserved. 20 Tag Editor

22. Copyright (c) 2004 Prentice-Hall. All rights reserved. 21 Browser Preview

23. Copyright (c) 2004 Prentice-Hall. All rights reserved. 22 Separating Content Using A Horizontal Rule Horizontal rule tag,  Width  Color  Noshade  Size Block element

24. Copyright (c) 2004 Prentice-Hall. All rights reserved. 23 Insert A Horizontal Rule

25. Copyright (c) 2004 Prentice-Hall. All rights reserved. 24 Creating Ordered And Unordered Lists Ordered  Numbered Unordered  Bulleted 1.One 2.Two 3.Three Two One Three

26. Copyright (c) 2004 Prentice-Hall. All rights reserved. 25 Ordered List Two tags  Ordered list  List item Pair needed for each item

27. Copyright (c) 2004 Prentice-Hall. All rights reserved. 26 Unordered List Two tags  unordered list  List item Pair needed for each item Code view

28. Copyright (c) 2004 Prentice-Hall. All rights reserved. 27 Styling Lists Ordered  Various numbered Unordered  Various bulleted 1.One 2.Two 3.Three a)One b)Two c)Three A.One B.Two C.Three oTwo oOne oThree  Two  One  Three  Two  One  Three

29. Copyright (c) 2004 Prentice-Hall. All rights reserved. 28 CSS Style Definition

30. Copyright (c) 2004 Prentice-Hall. All rights reserved. 29 Creating Definition Lists Needs three tag sets  … definition list  … definition term  … definition description

31. Copyright (c) 2004 Prentice-Hall. All rights reserved. 30 Definition Lists – Code View

32. Copyright (c) 2004 Prentice-Hall. All rights reserved. 31 Summary Structure a document with headings Insert line breaks format quotations with HTML tags Horizontal rule Use ordered and unordered lists Change bullet and number styles with CSS Create definition lists

33. Copyright (c) 2004 Prentice-Hall. All rights reserved. 32 End-of-Project Exercises Screen ID Multiple Choice Discussion Questions Skill drill CCreate Heading Using the Property Inspector CCreate Unordered Lists CCreate and Modify the Style of an Ordered List CCreate a Nested List IInsert Special HTML Characters

34. Copyright (c) 2004 Prentice-Hall. All rights reserved. 33 End-of-Project Exercises (continued) Challenge FFormat Heading in the Drummond Reid Web Pages IInsert a Horizontal Rule Divider above the Footer CCovert a Paragraph Break to a Line Break RReformat Text as Unordered and Ordered Lists CChange the Numbering Style of an Ordered List Portfolio Builder CCreate an Online Resume

35. Copyright (c) 2004 Prentice-Hall. All rights reserved. 34 What Are Your Questions