Slashdot Mirror
Styling Web Pages With CSS
r3lody writes "Styling Web Pages with CSS: Visual QuickProject Guide, by Tom Negrino and Dori Smith, helps the beginning web designer learn how to use CSS in a simple, easy-to-follow format. This being my first exposure to one of the Visual QuickProject Guides by Peachpit Press, I was both pleased and disappointed when I received this slim volume. I was pleased in the presentation and clear descriptions given to each aspect of Cascading Style Sheets (CSS). I was disappointed in the brevity of the text, and the lack of downloadable materials to use to follow the examples in the book." Read below for the rest of Ray's review.
Styling Web Pages with CSS: Visual QuickProject Guide
author
Tom Negrino and Dori Smith
pages
144
publisher
Peachpit Press
rating
7/10
reviewer
Ray Lodato
ISBN
0321555570
summary
A beginner's guide to the proper use of CSS
Each chapter starts with a brief explanation of its subject, followed by the major topics introduced via large, colorful titles. Finally, any "Extra Bits" provide follow-up explanations or point to where you can get further information.
Before any CSS is discussed, there is a general introduction including how the book is structured, the sample web site to be created, and what tools will be useful to create the site. For the tools, the authors recommend at least a text editor (not a word processor) and your favorite browser. BBEdit and TextWrangler are suggested for Mac owners, while Notepad is okay for Windows. I personally use Notepad++, which has styling cues for both HTML and CSS (as well as many others), so I would recommend it for Windows users. To insure compatibility with the browser, Tom and Dori say you should have Internet Explorer, Firefox, and Safari. Strangely, Opera is barely mentioned in the book. I tested the examples using the first two. Finally, a true CSS editor might be useful, as it will provide you with your options. They suggested MacRabbit's CSSEdit for Mac users, or WesternCIV's Style Master for either Macs or Windows. I used Style Master 4.6 for Windows during testing.
After the introductory chapter, CSS is explained starting with a chapter on the basics, with simple guidelines for their use. Classes (which can be used many times) are contrasted with ids (which can be used only once per HTML file), and the benefits of using external style sheets versus internal styles is explained.
The next three chapters build upon each other to provide gentle instruction on how to layout and style the text and images. Formatting menus, tables and headings are tackled next, followed by a chapter devoted to browser differences. Finally, alternative menu and page formatting and CSS debugging is discussed.
All of the major concepts of CSS are presented so that a beginner can easily understand them. While some ways of utilizing CSS properly can be the subject of debate, the authors have chosen a rational approach that serves the basic web designer well. The result is a set of web pages that follow a simply understood design, yet ensures that the layout and format is isolated to the CSS style document, rather than the HTML.
Over and over, Tom and Dori provide useful links to web sites with additional information on the intricacies of CSS, as well as providing suggestions for programs to help you with massaging images and references to other books for more in-depth coverage.
The best way to fully understand what Tom and Dori are trying to explain is to replicate the example web site (Alpaca Repo). Unfortunately, there is no link in the book or on PeachPit's web site to a set of downloadable images and html files. The only way I was able to replicate most (but not all) of the examples was to look at alpacarepo.com. It has six pages, two style sheets, and two photos. The book shows other photos and more complete pages, so it's a partial solution at best.
Overall, Styling Web Pages with CSS: Visual QuickProject Guide is a nice introduction to the potentially confusing topic of the proper use of CSS. Many of the fancier techniques are avoided for the more common and useful ones. The short length of the book allows the beginner to avoid the feeling of intimidation that can accompany reading a 1,000 page text that covers everything you never wanted to know. Even so, I felt less than satisfied after I finished. I wanted a little bit more than I was given. Even if the book doubled in size, it would still be accessible yet it could then leave the reader with a feeling of contentment. As this is the first QuickProject book I've read, that may simply be the target they were shooting for.
One final wish for Peachpit: please include downloadable files that the reader can access to duplicate the Alpaca Repo website. I was continually frustrated when I wanted to replicate what I had just read about, yet was missing JPEG files or extensive text that I could use. Consequently, I never felt as though I had actually gotten the hang of CSS.
You can purchase Styling Web Pages with CSS: Visual QuickProject Guide from amazon.com. Slashdot welcomes readers' book reviews — to see your own review here, read the book review guidelines, then visit the submission page.
Before any CSS is discussed, there is a general introduction including how the book is structured, the sample web site to be created, and what tools will be useful to create the site. For the tools, the authors recommend at least a text editor (not a word processor) and your favorite browser. BBEdit and TextWrangler are suggested for Mac owners, while Notepad is okay for Windows. I personally use Notepad++, which has styling cues for both HTML and CSS (as well as many others), so I would recommend it for Windows users. To insure compatibility with the browser, Tom and Dori say you should have Internet Explorer, Firefox, and Safari. Strangely, Opera is barely mentioned in the book. I tested the examples using the first two. Finally, a true CSS editor might be useful, as it will provide you with your options. They suggested MacRabbit's CSSEdit for Mac users, or WesternCIV's Style Master for either Macs or Windows. I used Style Master 4.6 for Windows during testing.
After the introductory chapter, CSS is explained starting with a chapter on the basics, with simple guidelines for their use. Classes (which can be used many times) are contrasted with ids (which can be used only once per HTML file), and the benefits of using external style sheets versus internal styles is explained.
The next three chapters build upon each other to provide gentle instruction on how to layout and style the text and images. Formatting menus, tables and headings are tackled next, followed by a chapter devoted to browser differences. Finally, alternative menu and page formatting and CSS debugging is discussed.
All of the major concepts of CSS are presented so that a beginner can easily understand them. While some ways of utilizing CSS properly can be the subject of debate, the authors have chosen a rational approach that serves the basic web designer well. The result is a set of web pages that follow a simply understood design, yet ensures that the layout and format is isolated to the CSS style document, rather than the HTML.
Over and over, Tom and Dori provide useful links to web sites with additional information on the intricacies of CSS, as well as providing suggestions for programs to help you with massaging images and references to other books for more in-depth coverage.
The best way to fully understand what Tom and Dori are trying to explain is to replicate the example web site (Alpaca Repo). Unfortunately, there is no link in the book or on PeachPit's web site to a set of downloadable images and html files. The only way I was able to replicate most (but not all) of the examples was to look at alpacarepo.com. It has six pages, two style sheets, and two photos. The book shows other photos and more complete pages, so it's a partial solution at best.
Overall, Styling Web Pages with CSS: Visual QuickProject Guide is a nice introduction to the potentially confusing topic of the proper use of CSS. Many of the fancier techniques are avoided for the more common and useful ones. The short length of the book allows the beginner to avoid the feeling of intimidation that can accompany reading a 1,000 page text that covers everything you never wanted to know. Even so, I felt less than satisfied after I finished. I wanted a little bit more than I was given. Even if the book doubled in size, it would still be accessible yet it could then leave the reader with a feeling of contentment. As this is the first QuickProject book I've read, that may simply be the target they were shooting for.
One final wish for Peachpit: please include downloadable files that the reader can access to duplicate the Alpaca Repo website. I was continually frustrated when I wanted to replicate what I had just read about, yet was missing JPEG files or extensive text that I could use. Consequently, I never felt as though I had actually gotten the hang of CSS.
You can purchase Styling Web Pages with CSS: Visual QuickProject Guide from amazon.com. Slashdot welcomes readers' book reviews — to see your own review here, read the book review guidelines, then visit the submission page.
Fail.
They missed the chapter on how to encrypt DVD.
Soccer Goal Plans
My castle built of Web Design books is almost complete! I was getting worried I couldn't finish the second guest house and 3 story arcade, phew.
I always recommend the W3 Schools web site for beginners. It's free and contains enough info to get anyone off to a good start. http://www.w3schools.com/
View -> Source
Solves it.
I've found a lot of people who are stuck on table layouts are stuck because they can only think of HTML pages in terms of how tables work. You have to break free from that mindset and CSS design makes much more sense.
After designing sites for 10 years, 3 of those in the dark ages of tables, I wouldn't touch tables with 100 foot pole. But if using tables makes it easier for you, more power to you. It's just really sad to see people bash CSS because it's too hard for them to implement.
=Smidge=
Is it just my observation, or is eldavojohn an idiot?
This is just a shameless plug for my upcoming book entitled, Why the World Needs Another Book on CSS
While the reviewed book sounds useful, I got my first real understanding of CSS from "CSS-The Missing Manual" by David Sawyer McFarland (O'Reilly). This book probably goes into more detail than the reviewed book, but keeps it simple and keeps it fun. Also there is plenty of on-line support and referencing. Before, my CSS was patchy but this book brought together all the loose threads really well. I'm sure it would also be of great help to those with little or no experience of CSS.
Smivs on the intertubes!
Maybe in a few years CSS (and the browser base) with catchup, but the blue-sky designers of CSS did practically everything in their power to make CSS layouts difficult (if not impossible) to use.
Everything from the infamous box model (padding the INSIDE of a box requires a change in it's OUTSIDE dimensions? Excuse me, WTF?) to positioning nonsense (the height of an absolutely positioned object has no effect on its container) contribute greatly to the number of hacks and other measures needed to create even simple layouts.
Add cross-browser-specific nonsense and the whole thing simply bogs down.
Yes, separation of data and presentation is desirable. Yes, it's POSSIBLE to do so. But all too often it takes round-after-round of testing and retesting, only to find that the Opera patch breaks IE (again).
=Smidge=
Is it just my observation, or is eldavojohn an idiot?
I recently devoted many hours to learning CSS and found a couple of things to be true.
1. W3Schools is way useful.
2. browser differences make using CSS a pain in the butt.
3. using CSS makes for tight HTML that you can easily read and write without a WYSIWYG editor.
4. ie6 sucks
5. ie7 sucks
6. Make your site work with Firefox and then break it to work with IE.
7. Wrapping your head around CSS and all of the intricacies of floating elements, fluid site design and ADA considerations is a little tough and a lot frustrating, but once you understand it, you wonder why anyone would do it another way.
http://www.zazzle.com/css_is_awesome_mug-168716435071981928
If you're going to do web design with CSS, there's an awesome Firefox extension to ease the pain of constantly saving and reloading. Firebug (https://addons.mozilla.org/sv-SE/firefox/addon/1843) lets you inspect and edit HTML and CSS, among other things, in real-time while browsing. Once you start using it you really don't understand how you managed to survive without it.
CSS is Awesome!
It's a joke, I love CSS. :)
browsers with poor CSS support aka Internet Exploder. Almost always, if somebody is complaining about how difficult CSS is, it's related to the time they had to waste getting something to render properly in IE. Now we're blessed with IE8 which contains it's own bastardized versions of IE8-6 and IE8-7 which I've found have inconsistencies with their native IE6 and IE7 counterparts. Oh the humanity!
I've ran into numerous web workers who still prefer to use tables. Often times they are either beginners or workers who grew up with table-based layouts. I guess I'm in the 'middle generation' of web designers who only suffered a couples years with tables and moved on.
"During My Service In The United States Congress, I Took The Initiative In Creating The Internet." -Al Gore
Web design is something I don't do on a regular basis, so I often have to google for information on constructs and idioms I'm rusty on or never learned. Half the time I end up on the W3 Schools site. Each topic is nicely self-contained, simple, and clear, making the site an excellent reference source. Best of all, there's a dynamic HTML "try it yourself" feature which lets you quickly tweak an example and immediately see the results.
Over the years, this site has gotten slicker and added more and more content. All of which seems to be funded by a few non-obtrusive ads. Nice to see a web resource that provides a quality service and manages to make a living doing it.
I'm tired of the browser wasting time downloading quarter-megabyte css files that change my fonts and screw up the page so I can't read it. I finally solved the problem when I discovered the Outpost firewall will stop .css files from downloading. Just add ".css" to the Ads plugin list and the entire problem disappears.
If CSS has so many problems, what's the "popular" way to design websites now-a-days? I used to throw stuff in a table within a table within a table. Are people still doing that?
The last time I tried going to CSS from table layout, the thing that really frustrated me was that I couldn't do what seemed like a very simple thing. I couldn't center my page. With table layouts, laying out my page on a 700 or 1000-pixel-wide table, all I had to do was center said table to account for higher resolution desktops. I never could figure out how to do that with the absolute positioning in CSS. I could put the elements together with a nice layout, but I had to do that by absolute pixel specifications. There was no way to "group" the page together and then center it for higher resolutions. The result was a left-lopsided page at higher resolutions (as opposed to a nice centered page with a table layout).
Now maybe I was just missing something or maybe something has come along to fix that since. But that was one of the reasons I stuck with table layouts, pain in the ass that they are. If anyone can enlighten me on how to do this in CSS, I'm all ears for sure.
SJW: Someone who has run out of real oppression, and has to fake it.
> I was disappointed in the brevity of the text, and the lack of downloadable materials to use to follow the examples in the book.
Being of 144 pages I think is a good size. Most of the books of > 200 pages are just filled with material that fits better in web references.
CSS is not a complex topic, so a hundred of pages should be more than enough for a good explanation. BTW, I agree with your other complain.
Now, a bit OT, but every time I see a diminishing necessity of using or learning the CSS details, as the authoring products and even web-widget programming libraries are doing a good work. It's a bit like learning the format/encodings of the JPG or GIF files.
Even in browsers where the support is great, CSS has its problems when it comes to layout. There are some things broken in the spec.
It's a fantastic tool, I'd rather have it than not, but sometimes, tables are a better tool, and they'll likely remain that way.
Tweet, tweet.
I love a good IE or MS bash as much as the next person, but IE8 CSS support is vastly improved, bordering on satisfactory.
Bordering on satisfactory for 2004. One of the world's biggest software companies, billions and billions of dollars of resources has managed to finally... catch up to where everybody else was five years ago. In the meanwhile, there's going to be no canvas support, they've made changes with VML that make using it for Canvas and other things more difficult, they're missing web fonts and rounded borders. And why *are* they investing so much time in their own rendering engine just to play distant catch-up, when embedding one of their rather worthy competitors would be pretty easy? There's almost no other reason *except* that they plan to break standards in some way or another at some point.
It almost seems like they're earnestly trying to earn the goodwill of web developers back, but after letting IE 6 coast its broken state for over five years and then issuing half-measures for the last three, I don't think they deserve any kudos or trust yet. If they ever will.
Tweet, tweet.
http://www.alistapart.com
http://www.6revisions.com
http://wwww.3schools.com
http://www.456bereastreet.com/
There are tons more, I just can't think of them at the moment.
I actually got a pretty good insight of CSS with this book, I'm now designing websites and using useful tips from this book. Craig Miller Web Design
This seems a useful book. I had search for books not just for beginers to learn basic lessons but also with advanced tricks to provide developers to program almost any kind of web design. I never found a book like this.
Redmamba .INFO
Diseño web Granada
CSS has made my life amazing. Craig Miller search engine optimization consultant