[MUSIC] Hi and welcome. You may remember in our last lesson we studied the testing of JavaScript and some testing techniques, and also we talked about the importance of testing. In this lesson we're going to talk about avoiding some common pitfalls when it comes to style and how our websites look. Part of this lesson will be about the artistic aspect and part will be about code. So here, I have an image of a site that's very busy. These are probably magazine covers, and they're arranged for information, but notice when we look at them, especially with these colors against the background and these many images, it's not very attractive or at least it's a little difficult to look at for a long time. Now this effect may have been what the designer intended but most of us, I think, would find this site a little jarring. So, when we're making our own sites, we have to be aware of what our visitors will think of the site, and not go too crazy with our code and technology that we can use to do so many things. But, also just keep in mind that how the site ultimately looks is what's going to be important to our visitors. So, scrolling down a bit we see another example of a site that is a little difficult to look at because of the red and blue colors, and the sort of disorganized placement of text. Now a site like this is trying to give information and it does, but it isn't fun to visit, and we want to make sure that we don't fall into that same kind of trap, providing a lot of information on our sites, but at the same time making them a little unpleasant to visit. Here is another version of that same site, where it's elongated with so much data that we really don't find it useful in the end. And again, the same idea. Now below here we have a site where there are images, and these images of popular books or places might be very interesting, but their placement in the white space on the page kind of detracts from how much we want to look at them. And continuing, here's a site that you may or may not like how it looks. It does have some professional aspects, but in this particular site though, this is a still image. This cartoon character moves across at irregular intervals, and that can be kind of jarring or unexpected or distracting to the site, or possibly, it's an effect you really like. So a lot of this is in the eye of the beholder. Now here's an effect that we do see that's usually, I think, a mistake where somebody has taken a background image and used it multiple times on the same page. So we have actually what looks like six cells and each cell has a background image that is the same, so this makes us sort of feel like we're looking into a funhouse mirror and I think it's a little bit unsettling. Now it's certainly something we can do using HTML and CSS but just because we can do it doesn't mean we should. Now that's the general theme here. Because we can do something with code and maybe accomplishing with code is fun, that doesn't mean it always meets our sort of artistic and design goals for our site. Now learning these things is really a matter of practice. So you can read about it, you can talk with others who are interested in this, or you can spend time on a website like the one I'm on now, where a reviewer is going through and talking about in this case her ideas about these sites and what might make them better. And there are many sites like this on the internet where people have taken the design aspects of websites very seriously, and are ready and willing to share their information with you. So, that's all for this lesson. In our next lesson, we'll be talking about some of the things to do and not do in our CSS code.