Introduction To Web Design with Dreamweaver Basics

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Favorites, Groups & Events

    Introduction To Web Design with Dreamweaver Basics - Presentation Transcript

    1. Presented by: Ermilo John D. Gialogo, Jr. BSCS-IST, De La Salle University-Manila
    2. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8 HOW DO I START?
      • Set up the website anatomy
        • Containing Block
        • Logo
        • Navigation
        • Content
        • White Space
        • Footer
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    3. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Layout using Rule of Thirds
        • Application of the “divine proportion”
          • Generally makes the site aesthetically appealing
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    4. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    5. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    6. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    7. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    8. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Common layout examples
        • Left-column navigation
          • http://www.thinkgeek.com/index.shtml
        • Right-column navigation
          • http://www.audi.com
        • Three-column navigation
          • http://store.apple.com/
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    9. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Users won't read your text thoroughly in a word-by-word manner.
        • Scanning
        • Exhaustive reading is rare
      • The first two paragraphs must state the most important information.
      • Start subheads, paragraphs, and bullet points with information
        • Carrying words that users will notice when scanning
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    10. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8 WHAT IS DREAMWEAVER? Does it weave dreams?
      • What is Dreamweaver?
        • WYSIWYG HTML Editor
        • Site Manager
          • Styles
          • Links
        • IDE for Coders
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Adding Text and List, Preview in Browse
        • Creating a new page
        • Setting page properties
          • Introducing Cascading Style Sheets
        • Text Attributes in the Property Inspector
        • Saving your work
        • Previewing in your browser
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Defining and Configuring a Website
        • Site Definition
        • Files Panel
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Links, Anchors and MailTo
        • Relative and Absolute Links
          • Absolute path – complete URL
          • Relative path – location of the file in relation to the page being viewed
        • Anchors
          • Why anchors?
          • Naming an anchor
          • Linking to an anchor
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Inserting Media
        • Inserting Images
        • Inserting Flash Videos
      • Web Page Layout with Tables
        • Inserting a table
        • Resizing
        • Merging
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
      • Tips and Tricks on Layouting
        • Apply the following settings on the table
          • Cell Padding: 0
          • Cell Spacing: 0
          • Border: 0
      08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8
    11. 08/06/09 Ermilo John D. Gialogo, Jr. ● Introduction to Web Design with Dreamweaver 8 WRAP UP THE STUFF.
    SlideShare Zeitgeist 2009

    + Ermilo John GialogoErmilo John Gialogo Nominate

    custom

    246 views, 0 favs, 0 embeds more stats

    These slides were presented to the ID108 Instructio more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 246
      • 246 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 25
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories