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

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…

Contents