From the course: CSS Positioning Best Practices
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Creating a layout template pt. 1: Main body area - CSS Tutorial
From the course: CSS Positioning Best Practices
Creating a layout template pt. 1: Main body area
Continuing in the development of our website, in this lesson we are going to insert this middle banner, I call this the ID banner, and we are going to set up the styles for this left hand side. Where we are going to towards at this point is we are going to towards creating our template that we'll use for creating the rest of the site. So I'm not going to put content in here. We are going to set up the main styles for it, and then in the next lesson we'll do the Sidebar. Here in the text editor, we have the beginning.html and beginning.css from the 05-layout-left folder in your exercise files, so we'll go ahead and start with our Save As, and we are going to call this one template.html, because that's what we are going to end up with at the end of these few lessons here. And in the CSS we'll go ahead and Save As, main.css. And we'll start by putting in the XHTML. This is the simple part, and under the header, we need to go ahead and make a <div> for the middle banner, close the <div>…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Exploring the finished web site2m 5s
-
(Locked)
Building a document header9m 40s
-
(Locked)
Placing a contact button6m 5s
-
(Locked)
Laying out a main menu11m 44s
-
(Locked)
Creating a layout template pt. 1: Main body area11m 44s
-
(Locked)
Creating a layout template pt. 2: Sidebar area6m 46s
-
(Locked)
Creating a layout template pt. 3: Footer content5m 19s
-
(Locked)
Building a main home page pt. 1: Main body content10m 57s
-
(Locked)
Building a main home page pt. 2: Sidebar content8m 21s
-
(Locked)
Creating a page with a menu, graphics, and formatted links15m 31s
-
(Locked)
Creating a page containing an ordered list9m 8s
-
(Locked)
Creating a page containing video9m 23s
-
(Locked)
-