Join Joseph Lowery for an in-depth discussion in this video Creating a one-column, fixed-width, centered layout, part of Layouts with CSS in Dreamweaver.
In this video, we are going to build a single column fixed width layout that's…centered on the screen from start to finish.…If you're familiar with the basic setup, feel free to skip ahead.…This is the most basic layout we'll cover in this chapter and one of the…most basic out there.…But it's an essential building block.…To start, let's go to File>New and then just choose Blank…Page>HTML>Layout <none>.…
Let's set our DocType to HTML 4.01 Strict.…I'll click Create and now I am going to go ahead and save the document and I am…going to save it in my exercise files in Chapter 3, the 03_01 folder.…You'll note that there is no starting point here but there is a final version…that you can check your work against.…Let's call this 1-col for column fixed-centered and click Save.…
If you follow along all the videos in this chapter, by the end, you'll have a…series of basic layouts that you can employ whenever you like.…All right, let's start building the layout by going into Split View, and I am…going to create my CSS rules first.…
- 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.