Join Joseph Lowery for an in-depth discussion in this video Creating a two-column, fixed-width layout with a footer fixed to the bottom, part of Layouts with CSS in Dreamweaver.
The partially filled web page is one of the many frustrations faced by web…designers, especially those trained in other mediums.…The desire to expand the content of the page and display the footer at the…bottom of the screen even if there's not enough content to push it down is a strong one.…Using the position fixed CSS property on the footer, even though it seems like a…good idea at first, won't work in all cases, notably when there is too much…content for a single screen.…In that situation the footer should ideally be pushed down below the Viewport.…
In this video, I'll show you how to create a two column layout with a header…and a footer that sticks to the bottom when it should and moves down when it shouldn't.…This is among the most sophisticated of the layouts covered in this chapter and…uses one of the web designers most powerful tools.…Let's begin by creating a new blank page.…I'll go to File>New, choose Blank Page of Type HTML, with no layout, click Create.…Let's go ahead and save our page right off the bat.…
- Exploring HTML5 templates in Dreamweaver
- Understanding document flow
- Using floats properly
- Resetting CSS styles
- Creating a 1-, 2-, or 3-column layout
- Deciding on a fixed width versus variable width design
- Coding layouts for HTML5 and CSS 3
- Incorporating floated elements
- Applying the faux column technique
- Using Spry widgets
- Using Multiscreen Preview
- Modifying desktop layout for tablets
- Developing smart phone layouts
Skill Level Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Dreamweaver CS5 Essential Trainingwith James Williamson15h 22m Beginner
1. Dreamweaver Example Layouts
2. Layout Concepts
3. Basic Layouts
4. Interior Layouts
5. Alternative Screen Layouts
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.