Join Joseph Lowery for an in-depth discussion in this video Discovering layout examples, part of Layouts with CSS in Dreamweaver.
If you're brand-new to creating web sites, or if you just need to put up a page…for a friend quickly, Dreamweaver has just the quick start you're looking for.…Dreamweaver currently includes 18 different layout designs, from a basic…single-column centered on the page to the three-column version complete with…header and footer encoded in HTML5.…Let's take a look at this speedy way to create a core layout.…In Dreamweaver, go up to File>New.…
When the New Document dialog box opens, make sure you're in the Blank Page…category with typically the HTML Type selected.…Now, if you're working in another server model such as PHP, or ColdFusion, you…can also access these layouts.…But we are going to be working with HTML layouts.…So in the third column, you'll see a list of all the various layouts.…
They are basically organized by 1, 2, and 3 column;…some layouts are just basically content while others have both header and footer.…The two columns can either be on the left or on the right.…Another variation is that the layouts are either Fixed, meaning that all the…
- 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.