Join Bill Weinman for an in-depth discussion in this video Creating a layout template: sidebar area, part of XHTML and HTML Essential Training.
Continuing with the building of our example website, we are going to fill in the…default content and styles for the right- hand side of the content portion of the…page in this lesson.…So we have the beginning HTML and CSS files, from the Layout-right folder in…the Exercise Files.…So we'll go ahead and do the Save As and save these as template.html and…beginning.css we'll save that as main.css.…
So you are all set up there and we are going to go ahead and set up the…contentRight portion of the page.…This is actually pretty straightforward here and I put in a div id="sideBar".…Like that and go ahead and put in a comment here.…And then inside of the div we are going to put, just like we did in the other…program, I'm going to put in h3 because we use h3's in the sidebar,…Sidebar Here, and sidebar content will go here.…
Go ahead and save that.…As we load this up in the browser, drag our template file into the browser there, …we see our sidebar content on the right-hand side of the page and that's…because it's in this table cell here.…
- Understanding the structure of an HTML or XHTML document
- Creating and using templates
- Controlling white space and line breaks
- Making effective use of tables and frames
- Flowing text around an image
- Formatting tables with CSS
- Creating web pages that work properly across platforms and devices
- Reviewing a case study of a complete web site
Skill Level Beginner
1. Introducing XHTML and HTML
2. Text Tags
3. Image Tags
Using inline images3m 17s
4. Link Tags
9. Creating a Simple Web Page from Scratch
- 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.