Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
CSS gives Web designers control over the appearance of their web sites by separating the visual presentation from the content. It lets them easily make minor changes to a site or perform a complete overhaul of the design. In CSS Web Site Design, instructor and leading industry expert Eric Meyer reviews the essentials of CSS, including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colors, backgrounds, and white space. Using a project-based approach, Eric walks through the process of creating a Web page, while teaching the essentials of CSS along the way. By the end of the training, viewers will have the tools to master professional site design. Exercise files accompany the training videos.
This movie is going to show you how to modify Firefox or Mozilla if you prefer, so that you can see things in a really unstyled state, should you choose to do so. This is actually a little bit easier to do on Windows than it is on the Macintosh. On OS X you have to Show the package contents of Firefox and then open up Contents and open up a Mac OS and then open up the res for resources folder and then, once you get in there, you'll find files like forms.css and html.css. I'm actually going to sort this by kind, so that all the CSS files are in one place. Here's the style sheet that controls how the view source window is presented in Firefox, but the ones that most directly relate to webpage presentation are forms.css and html.css and quirk.css, ua is actually for the user agent.
That's because a script element, which is embedded in the document, by default is set to display none, but we don't have that anymore, we don't have the user agent saying don't show me scripts. For that matter up at the top of the page, you can see learning at your own pace registered to registration mark, lynda.com and then, tr.midRow h1#multiuser, blah, blah, blah, that would be the title element and the style element from the head of the document being displayed, because again there's nothing to say display none. The user agent style sheet has gone away. The other thing is that, because of this things like the address bar don't really work presentation wise, because those or in part controlled by the style sheet. Here is my own website, meyerweb.comp, completely shattered by the lack of user style sheets, so I'm going to quit Mozilla, excuse me, Firefox, and I'm going to bring back the resources directory from the trash, drag the CSS files back and launch Firefox again. You basically, you can't change those things in and out when Firefox is running, and have any effect and then we'll come back to this page, there it is, it's still unstyled, but if we were to go to lynda.com, we would discover that everything is back to normal, or back to where we want to be and ditto for myweb.com if we happen to go there. That's how you get rid of the built-in styles and play around with them.
If you're on Windows it's pretty easy, you just search for the file html.css, do you find that file on your hard drive for that filename and you'll find a directory.
There are currently no FAQs about CSS Web Site Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.