Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver

Chapter 3-1 Designing the layout of your web site

Chapter 3-2  Examining navigational layouts  Studying the navigation of existing sites Navigational guidelines  Home page information  Link pages  Navigational schemes  Site maps  Consistent hassle free navigation

Chapter 3-3  Planning and organizing site content  Creating flowcharts for strategic site planning  Checking for omissions: reviewing your designs with others

Chapter 3-4  Avoiding horizontal scrolling  Designing for 800 x 600  Designing for 1024 x 768+  The safe solution: centered layouts  The design benefits of backgrounds  Liquid layouts  Elastic layouts

Chapter 3-5  Tailoring the principles of design to the challenges of the web  Symmetry & Balance  Repose  Congruity: Content & Visual  Contrast  Repetition  Unity

Chapter 3-6  Examining Visual Congruity  Text and image alignment

Chapter 3-7  Unity: the final checklist  Design balanced?  Breathing space?  Consistent content?  Text and graphics aligned?  Contrast evident when applicable?  Repetitive design elements to ensure continuity?

Chapter 3-8  The major components of a page  Heading  Navigational system(s)  Body content  Breathing space  Footer navigation

Chapter 3-9  Creating layouts using Photoshop  Measurement set to pixels Heights  Consider the fold and the page’s future content Brainstorming  How many?  How much detail?