1 / 39

Chapter Lessons

happy
Télécharger la présentation

Chapter Lessons

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

    2. 2 Macromedia Dreamweaver 8 Revealed Create head content and set page properties Create, import, and format text Add links to Web pages Use the History panel and edit code Modify and test Web pages Chapter Lessons

    3. 3 Macromedia Dreamweaver 8 Revealed Use white space effectively Limit multimedia elements Keep it simple Use an intuitive navigation structure Apply a consistent theme Understanding Page Layout

    4. 4 Macromedia Dreamweaver 8 Revealed Create Head Content A Web page is composed of two sections: Head Includes the page title and meta tags which are not visible to the Web browser Body Contains text, graphics, and links

    5. 5 Macromedia Dreamweaver 8 Revealed Create Head Content Title Browser title bar Keywords Search Description Search results

    6. 6 Macromedia Dreamweaver 8 Revealed Web Page Properties Background color Font color Link colors (unvisited, visited) Default: Unvisited ? blue Visited ? purple

    7. 7 Macromedia Dreamweaver 8 Revealed Web-Safe Colors Two palettes Color Cubes Continuous Tone 216 colors

    8. 8 Macromedia Dreamweaver 8 Revealed

    9. 9 Macromedia Dreamweaver 8 Revealed

    10. 10 Macromedia Dreamweaver 8 Revealed

    11. 11 Macromedia Dreamweaver 8 Revealed Create, Import and Format Text To add text to a Dreamweaver page Type in Dreamweaver Copy/paste [Ctrl][C] and [Ctrl][V] (Windows) [C] and [V] (Macintosh) Import Word document

    12. 12 Macromedia Dreamweaver 8 Revealed Web Fonts Browsers use visitor’s fonts Font combinations Serif and sans-serif k K k K Graphic text for unusual fonts

    13. 13 Macromedia Dreamweaver 8 Revealed

    14. 14 Macromedia Dreamweaver 8 Revealed Changing Font Sizes Default base font: 3 Select font in Property inspector Choose between 1 and 7 Change font size relative to the default base size

    15. 15 Macromedia Dreamweaver 8 Revealed Formatting Paragraphs Format As text As different sizes of headings Headings Heading 1 is the largest Heading 6 is the smallest <h1>This is a big heading</h1>

    16. 16 Macromedia Dreamweaver 8 Revealed Using HTML Tags or Using CSS Cascading Style Sheets (CSS) Standard practice to handle formatting and placement of objects More on this later… Disable this preference temporarily

    17. 17 Macromedia Dreamweaver 8 Revealed Web Filenames Do not use Spaces Special characters Punctuation Uppercase letters

    18. 18 Macromedia Dreamweaver 8 Revealed Importing Microsoft Office Documents File ? Import ? Word Document Select file to be imported into Dreamweaver Commands ? Clean Up Word HTML

    19. 19 Macromedia Dreamweaver 8 Revealed

    20. 20 Macromedia Dreamweaver 8 Revealed Add Links to Web Pages

    21. 21 Macromedia Dreamweaver 8 Revealed Link Properties Link names should be informative Point of contact – mailto: link Two types Hypertext Graphic Formatting properties should be consistent Address or path: relative or absolute

    22. 22 Macromedia Dreamweaver 8 Revealed Broken Links

    23. 23 Macromedia Dreamweaver 8 Revealed Navigation Bars Contain links to the main pages Usually located at top of side of page Backbone of the site’s navigation structure

    24. 24 Macromedia Dreamweaver 8 Revealed

    25. 25 Macromedia Dreamweaver 8 Revealed

    26. 26 Macromedia Dreamweaver 8 Revealed E-mail Link (mailto:)

    27. 27 Macromedia Dreamweaver 8 Revealed

    28. 28 Macromedia Dreamweaver 8 Revealed Use the History panel History panel properties: Each task is called a step 50 steps Preferences adds more Be careful… Increasing steps uses memory

    29. 29 Macromedia Dreamweaver 8 Revealed History Panel Functions Undo Redo Replay

    30. 30 Macromedia Dreamweaver 8 Revealed

    31. 31 Macromedia Dreamweaver 8 Revealed

    32. 32 Macromedia Dreamweaver 8 Revealed

    33. 33 Macromedia Dreamweaver 8 Revealed

    34. 34 Macromedia Dreamweaver 8 Revealed Modify and Test Web Pages Proofread Choose window size Verify links

    35. 35 Macromedia Dreamweaver 8 Revealed

    36. 36 Macromedia Dreamweaver 8 Revealed Default Window Screen Sizes

    37. 37 Macromedia Dreamweaver 8 Revealed Testing Pages

    38. 38 Macromedia Dreamweaver 8 Revealed “Under Construction” Don’t do it! Only causes frustration to the end user

    39. 39 Macromedia Dreamweaver 8 Revealed Chapter 2 Tasks Create head content and set page properties Create, import, and format text Add links to Web pages Use the History panel and edit code Modify and test Web pages

More Related