Dreamweaver Looking at Layouts Layout Different pages have

Layout • Different pages have different structures or layouts • Some layouts are more

Static and Liquid Layouts • We can also have different ways of viewing our

Static Layout Advantages • Just as you designed it • Consistent look across all

Static Layout Disadvantages • Can look too small on people with high res monitors

Liquid Layout Advantages • Fills the screen whatever the size • More flexible to

Liquid Layout Disadvantages • The design will look a bit different depending on who

Slides: 19

Download presentation

Dreamweaver Looking at Layouts

Layout • Different pages have different structures or layouts • Some layouts are more suited to some sites than others • A good web site has a consistent look so that you always know where you are

Example

Example (1)

Example (2)

Different Looks For the Same Content

Static and Liquid Layouts • We can also have different ways of viewing our layout – static and liquid • A static layout looks exactly the same on any browser, it is always the same width and size of content • A liquid layout sizes depending on the browser and the window being used

Static Layout Advantages • Just as you designed it • Consistent look across all platforms

Static Layout Disadvantages • Can look too small on people with high res monitors or PS 3’s • Can leave blank spaces • Could require scrolling on smaller monitors • Can be really bad on mobile devices

Example

Liquid Layout Advantages • Fills the screen whatever the size • More flexible to the user

Liquid Layout Disadvantages • The design will look a bit different depending on who is looking at your site • Design can be tricky • Consistency becomes an issue • Even then some small viewing devices require scrolling

Example