Join Joseph Lowery for an in-depth discussion in this video Exploring HTML5 templates, part of Layouts with CSS in Dreamweaver.
In addition to the 16 other pre-built layouts that are based on the current…version of HTML and XHTML, Dreamweaver now offers to HTML5 based layouts.…HTML5 is a major update of the web building language.…Although it's still in development so many modern browsers have included HTML5…support, but it's quickly becoming a Firewall alternative for designers.…Let's take a tour of those layouts.…So I'll go to File>New, make sure a Blank Page is chosen and then HTML.…
At the very bottom of the Layout column you'll see an HTML5 2 column fixed,…right sidebar, header and footer, and also a 3 column fixed header and footer.…Now notice that when I select either of these the Doc Type goes to HTML5.…You can if you want, select any of the other layout and switch it to an HTML5…Doc Type but it won't have the HTML5 coding, for that we'll have to look at…these HTML5 specific layouts.…
All right, with the 2 column fixed, right sidebar header and footer chosen,…let's go ahead and click Create, and I'm going to go ahead and switch over…
- 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.