From the course: CSS Positioning Best Practices
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Creating a page with a menu, graphics, and formatted links - CSS Tutorial
From the course: CSS Positioning Best Practices
Creating a page with a menu, graphics, and formatted links
So now we are going to build the Gear page and this is the product page for the Groundswell surf shop. You will notice it has this menu here with the different types of products that are available and it has this month's specialties and it has got a sidebar. The sidebar is pretty much setup. We have had all of these types of elements before, so there won't be much work to get that going. So let's get started. Here we have our text editor and we are in the gear folder. We have the template and the beginning.css and the text. So in the template we'll go ahead and Save As. This will be gear.html and the css we'll save that as main.css. There is a couple of things we are going to do start with. We are going to change the title, which is going to be Groundswell Gear. So we'll just take out that part and we'll put in the word Gear and save. Now, in our menu, we are going to change the current from the Home to the gear, and so that will update the menu. Then our middle banner here is going…
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
-
-
-
-
-
Exploring the finished web site2m 5s
-
Building a document header9m 40s
-
Placing a contact button6m 5s
-
Laying out a main menu11m 44s
-
Creating a layout template pt. 1: Main body area11m 44s
-
Creating a layout template pt. 2: Sidebar area6m 46s
-
Creating a layout template pt. 3: Footer content5m 19s
-
Building a main home page pt. 1: Main body content10m 57s
-
Building a main home page pt. 2: Sidebar content8m 21s
-
Creating a page with a menu, graphics, and formatted links15m 31s
-
Creating a page containing an ordered list9m 8s
-
Creating a page containing video9m 23s
-
-