From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Enhancing page design: Lab - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Enhancing page design: Lab
Congratulations! You have made it to our last lab. In this lab we are going to turn our attention to enhancing specific page elements in a way that allows us to try out some of the skills that we learned earlier in the chapter. So I have got both of the finished files that we are going to be working on opened in a browser, and the index page is one you've seen before. There's one slight addition to it that I want to point out. Let's scroll down a little bit. You can see here we have the Featured Gallery, so New York is being identified as the featured gallery of the week, month, or year, depending upon how frequent this site is updated. I've also included another page this time and if I flip over to this tab, this is one of the gallery pages, and this is the Philadelphia gallery. You see we are doing some interesting type treatments here with the Philadelphia text. We've got of course our menu that is using the CSS sprites. And if I scroll down, I can see that I have some two-column…
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)
Creating multi-column text6m 36s
-
(Locked)
Using borders to enhance design13m 59s
-
(Locked)
Rounding corners6m 56s
-
(Locked)
Adding drop shadows10m 35s
-
(Locked)
Working with opacity6m 8s
-
(Locked)
Utilizing the background property15m 5s
-
(Locked)
Working with CSS sprites7m 58s
-
(Locked)
Enhancing page design: Lab6m 22s
-
(Locked)
Enhancing page design: Solution8m 38s
-
(Locked)
-