Slashdot Mirror
Sams Teach Yourself HTML and CSS In 24 Hours
r3lody writes "Sams Teach Yourself HTML and CSS in 24 Hours 8th edition, by Julie C. Meloni and Michael Morrison, provides the beginning and intermediate web designer with the tools needed to create standards-based web sites. The major focus of the book is XHTML 1.1 and CSS 2, but HTML 5 and some XHTML 1.0 are discussed. Overall, the presentation and content are very good. One small minus was that the publisher's site did not include downloadable examples from the book. I also found no errata until the latter parts of the book. Published in December of 2009, the 8th edition provides reasonably current information." Read on for Ray's review.
Sams Teach Yourself HTML and CSS in 24 Hours (8th edition)
author
Julie C. Meloni and Michael Morrison
pages
456
publisher
Sams
rating
8/10
reviewer
Ray Lodato
ISBN
0672330970
summary
A very useful text on web page coding using XHTML and CSS.
Each "hour" of the book includes a "What You'll Learn in this Hour" section at the beginning, and Q&A, Quiz and Exercises sections at the end. Most chapters also include a "Try It Yourself" section, indicating what you should be accomplishing with your own web site. The examples have color coding for the various tags, comments, etc., and the book's examples work with a number of browsers. Specifically, Apple Safari, Google Chrome, Microsoft Internet Explorer, Mozilla Firefox, and Opera browsers were used to test the examples. If you use the coding standards espoused in the book, your web pages should appear properly formatted across most computers. Handheld browsers are only covered briefly, in the section discussing media-specific style sheets.
Overall, the book is divided into five parts: Getting Started on the Web, Building Blocks of Practical Web Design, Advanced Web Page Design with CSS, Advanced Web Site Functionality and Management, and Appendixes.
Part I: Getting Started on the Web provides the customary introductory material, suitable for beginning users. After describing the seemingly obligatory "history of the web", the first hour concludes with discussions of how to choose a web hosting provider – a topic rarely covered in the books I've read. The second hour teaches how to get web pages uploaded to a web server using FTP, and how to distribute content in a file-based structure without a server. The next two hours then cover the basics of XHTML 1.1 and CSS 2. For both XHTML and CSS, very clear instructions on how to validate your coding help insure that your pages follow the standards.
The next 9 chapters comprise Part II: (Building Blocks of Practical Web Design). This part goes into detail regarding web page coding. Starting with text alignment using paragraph tags and lists, the book has a good collection of text formatting tips using CSS as the preferred style methodology. Tables and links are covered in the next two chapters at a pretty standard level. I found the chapter on using color had a lot of good information, but I believe a beginning user would find it somewhat confusing – especially when hexadecimal notation is introduced.
The next three chapters of this part of the book cover images and multimedia. I liked the focus on getting the right sizing for photos and banners, and the tutorial on how to place the images on the web page (including wrapping text, image maps, and clickable images). I was disappointed in the limited coverage of tiling and GIF animation. The multimedia chapter was a pleasant addition – one I have rarely seen in web design texts. The discussion was tilted toward Microsoft technology, so my testing worked properly only under Internet Explorer at first, however I finally managed to get Firefox to deal with the embedded object. Some information was given for embedding YouTube links, also. I would have liked to have seen more information on the parameters for the WMP object coding. The last chapter in Part II covers frames – both framesets and iframes – with only basic information.
Advanced Web Page Design with CSS is the main topic of Part III. These six chapters dig into the important aspects of CSS alignment. One chapter focuses entirely on margins, padding, alignment and floating, and provides a nice introduction to the full discussion of the CSS box model in the next chapter. Reformatting lists was the principal target of the next chapter, leading to a discussion of navigation bars (horizontal and vertical) in the chapter after that. This is where I started picking up on some irregularities that escaped a review. For example, even though this was supposed to be standard XHTML, I noticed some list item ending tags missing from the examples. Granted, browsers still display the list properly, but this should have been caught before printing.
The last two chapters in this part cover modifying text display using mouse actions, and fixed versus liquid layouts. I liked the mouse techniques to modify a displayed image based on which thumbnail image the mouse is over. It's a simple little method that looks very nice on the page. The liquid layout chapter gave me some problems at first. My attempts didn't work the same under different browsers at first, but when I went back over them while writing the review, they worked just fine. I'm still at a loss to understand what was wrong, so I suspect those starting out may have a similar experience.
The final major part, Advanced Web Site Functionality and Management, wraps up some miscellaneous issues. First, they cover how to create a modified CSS profile to make the web page more print-friendly. The next chapter provides an introduction to JavaScript. Unfortunately, this is where I found some more non-standard XHTML code. Web-based forms are covered only at a high-level in hour 22. The authors do provide examples of each type of form field, with CSS code to neaten up the page, but it appears to be a very cursory handling of the topic.
The final two hours go over the basics of keeping your web site organized, and how to publicize the site on major search engines. The book wraps up with a final part for the two appendixes, containing useful links to further information and a general XHTML and CSS reference.
Teach Yourself HTML and CSS in 24 Hours appears to be a properly authoritative text that would help you create a standards-based web site. Like most texts of this type, it does not reference web design software such as DreamWeaver. Rather, it addresses understanding exactly what code standards-based browsers will handle, and how you can manipulate them to create exactly what you want. The two main disappointments with the book are the obvious errors in the later chapters, and the lack of downloadable examples from the publisher's web site. That said, the content is so worthwhile, I rated it an 8 out of 10.
You can purchase Sams Teach Yourself HTML and CSS in 24 Hours (8th edition) from amazon.com. Slashdot welcomes readers' book reviews -- to see your own review here, read the book review guidelines, then visit the submission page.
Overall, the book is divided into five parts: Getting Started on the Web, Building Blocks of Practical Web Design, Advanced Web Page Design with CSS, Advanced Web Site Functionality and Management, and Appendixes.
Part I: Getting Started on the Web provides the customary introductory material, suitable for beginning users. After describing the seemingly obligatory "history of the web", the first hour concludes with discussions of how to choose a web hosting provider – a topic rarely covered in the books I've read. The second hour teaches how to get web pages uploaded to a web server using FTP, and how to distribute content in a file-based structure without a server. The next two hours then cover the basics of XHTML 1.1 and CSS 2. For both XHTML and CSS, very clear instructions on how to validate your coding help insure that your pages follow the standards.
The next 9 chapters comprise Part II: (Building Blocks of Practical Web Design). This part goes into detail regarding web page coding. Starting with text alignment using paragraph tags and lists, the book has a good collection of text formatting tips using CSS as the preferred style methodology. Tables and links are covered in the next two chapters at a pretty standard level. I found the chapter on using color had a lot of good information, but I believe a beginning user would find it somewhat confusing – especially when hexadecimal notation is introduced.
The next three chapters of this part of the book cover images and multimedia. I liked the focus on getting the right sizing for photos and banners, and the tutorial on how to place the images on the web page (including wrapping text, image maps, and clickable images). I was disappointed in the limited coverage of tiling and GIF animation. The multimedia chapter was a pleasant addition – one I have rarely seen in web design texts. The discussion was tilted toward Microsoft technology, so my testing worked properly only under Internet Explorer at first, however I finally managed to get Firefox to deal with the embedded object. Some information was given for embedding YouTube links, also. I would have liked to have seen more information on the parameters for the WMP object coding. The last chapter in Part II covers frames – both framesets and iframes – with only basic information.
Advanced Web Page Design with CSS is the main topic of Part III. These six chapters dig into the important aspects of CSS alignment. One chapter focuses entirely on margins, padding, alignment and floating, and provides a nice introduction to the full discussion of the CSS box model in the next chapter. Reformatting lists was the principal target of the next chapter, leading to a discussion of navigation bars (horizontal and vertical) in the chapter after that. This is where I started picking up on some irregularities that escaped a review. For example, even though this was supposed to be standard XHTML, I noticed some list item ending tags missing from the examples. Granted, browsers still display the list properly, but this should have been caught before printing.
The last two chapters in this part cover modifying text display using mouse actions, and fixed versus liquid layouts. I liked the mouse techniques to modify a displayed image based on which thumbnail image the mouse is over. It's a simple little method that looks very nice on the page. The liquid layout chapter gave me some problems at first. My attempts didn't work the same under different browsers at first, but when I went back over them while writing the review, they worked just fine. I'm still at a loss to understand what was wrong, so I suspect those starting out may have a similar experience.
The final major part, Advanced Web Site Functionality and Management, wraps up some miscellaneous issues. First, they cover how to create a modified CSS profile to make the web page more print-friendly. The next chapter provides an introduction to JavaScript. Unfortunately, this is where I found some more non-standard XHTML code. Web-based forms are covered only at a high-level in hour 22. The authors do provide examples of each type of form field, with CSS code to neaten up the page, but it appears to be a very cursory handling of the topic.
The final two hours go over the basics of keeping your web site organized, and how to publicize the site on major search engines. The book wraps up with a final part for the two appendixes, containing useful links to further information and a general XHTML and CSS reference.
Teach Yourself HTML and CSS in 24 Hours appears to be a properly authoritative text that would help you create a standards-based web site. Like most texts of this type, it does not reference web design software such as DreamWeaver. Rather, it addresses understanding exactly what code standards-based browsers will handle, and how you can manipulate them to create exactly what you want. The two main disappointments with the book are the obvious errors in the later chapters, and the lack of downloadable examples from the publisher's web site. That said, the content is so worthwhile, I rated it an 8 out of 10.
You can purchase Sams Teach Yourself HTML and CSS in 24 Hours (8th edition) from amazon.com. Slashdot welcomes readers' book reviews -- to see your own review here, read the book review guidelines, then visit the submission page.
... in 2 hours, without the book!
I haven't been able to pull an all-nighter since college (though I've come close playing Civ or Starcraft), but I'll give it a try!
More likely, they mean "Teach yourself HTML/CSS in 24 1 hour lessons" or something like that. I found I was able to learn the basics of HTML & CSS in about an 8 hour day. The problem is the moving target HTML has become over the years, though even that is a minor adjustment. I think this type of books is probably o.k. for most people, but it would be better if they used a free resource like W3 School's free tutorials.
Taking guns away from the 99% gives the 1% 100% of the power.
Only for those too stupid to learn it - which is a good thing. Sandbox the idiots and keep them as far away from HTML as possible; that way the web will not look like MySpace.
Does anyone still type in HTML or CSS anymore? Don't you just bring up a WSYWIG designer and just publish your page?
I mean, Please! This is the 21st century wtf are we still typing for christ-sakes?!
This is why.
Linux, you magnificent bastard, I read the fucking manual!
I found this while previewing the book on Amazon's website: "Suppose you want to do a Google search, so you dutifully type http://www.google.com in the address bar"..."Your web browser sends a request for the index.html file located at the http://www.google.com/ address"
While it's not the end of the world, it certainly is an error that will misguide a beginner on how traffic is exchanged between a browsing client and the web server. The web browser does not assume index.html. That is the job of the web server to assign a default document whether its index.html, default.htm, index.php, or yourmama.html.
"A plan fiendishly clever in its intricacies"- Homer Simpson
I certainly don't do html hard coding anymore, but back in the day when I was in middle school ('95-'98) learning HTML from a couple of books, I did everything in notepad. There is no way I would hard-code an entire website nowadays, but I'm glad I started with the straight coding...it has made learning PHP MUCH easier.
Living With a Nerd
No doctype declaration.
Neither your i nor b tags are inside of a block level element.
Use strong instead of b tag.
You're missing your opening paragraph tag.
In defense of HTML and CSS, MySpace was not really what I'd imagine the web would look like. MySpace only lets you insert HTML and CSS via what is essentially an injection attack. Tumblr let's you rewrite the entire page and I see plenty of tumblr blogs that look just fine.
If you to be one of those persons who use WYSIWYG editors to carve your HTML/CSS then in order to find out why you shouldn't use one of those then simply pick up any document you've created with your editor of choice and open it with a text editor. The amount of useless cruft that it creates will blow your mind. And more to the point, if you don't know HTML and/or CSS and rely on a WYSIWYG tool then no matter how pretty your doc appears to be, you still don't have a clue about what you are doing. And that tends to be useful if you do that professionally.
You're missing your opening paragraph tag.
No. The tag is simply empty. It creates a new line.
Doesn't everyone know that X in 24 hours books neither teach you X, nor do it in 24 hours? They're super low-end guides generally that contain outdated information that could just as easily have been gleaned from tutorials. Meh.
I can't believe Slashdot ran an ad^H^H^H^H review of this book.
A case against XHTML
Not only is it possibly harmful to send XHTML (xml) as text/html, all your style and script blocks need to be wrapped in all kinds of comment / (P)CDATA silliness to truly validate correctly, etc. Read the article and you may decide that HTML 4 (strict) is the way to go.
On the other hand, if someone would like to refute the points in the link above, I'd welcome an alternate perspective.
I only post comments when someone on the internet is wrong.
I think I've learned more from Sams books by fixing the numerous bugs in the sample code than reading the text.
Does anyone still type in HTML or CSS anymore? Don't you just bring up a WSYWIG designer and just publish your page? I mean, Please! This is the 21st century wtf are we still typing for christ-sakes?! This is why.
Dreamweaver is more aptly called nightmare weaver. Quick and dirty one up static page? Sure use WYSIWYG. Editing something existing with well thought out hand written CSS? Forget it, you are just going to screw things up.
Of course static hand created webpages in this day are the real WTF. For anything more complicated than a few pages it makes a lot more sense to run a CMS. Design the template once properly so it looks correct on the major browsers and let users change the content via the CMS. No luser should ever be FTPing anything to or from the site and the "web master" of past should not longer exist to shuffle changes on a website. It's not the 90's anymore. We have great (and free!) tools to manage creating, editing and publishing content on websites.
"If you are going through hell, keep going." - Winston Churchill
Or am I supposed to take breaks (meaning it will actually take more than 24 hours ;^)?
Ken
Web design is wholly different than HTML + CSS development.
As a matter of fact, yes we do.
All our templates are done with a simple text editor. And our customers appreciate standards-compliant front-ends.
I took notes during MBA school in html -just to make boring classes less boring.
http://www.w3.org/TR/html-design-principles/#pave-the-cowpaths
Meloni is an English teacher!
Can I call it a "Superb Owl" party?
Two minor corrections: (1) The downloadable content is available. The publisher's had a glitch on their web site that has since been corrected (but not until after I had finished the review - oh well!) If you go to http://www.informit.com/title/0672330970 and click the Download tab, you'll get it. (2) The link for purchasing goes to the 7th edition. This is the 8th edition, and the link to that book is http://www.amazon.com/Sams-Teach-Yourself-Hours-Coverage/dp/0672330970/ref=sr_1_1?ie=UTF8&qid=1265061056&sr=8-1.
... and it wants its book back.
When HTML 5 is out there will be no "Teach yourself HTML 5 in 24 hours".
I have been reading the HTML 5 discussion docs at WHATWG
Here is one DOM of one element:
interface HTMLDataListElement : HTMLElement {
readonly attribute HTMLCollection options;
};
"Teach yourself a half dozen HTML5 Elements in 24 hours - Part 1 of 50/Series 1 of 200)"
In post Patriot Act America, the library books scan you.
So what IS the alternative to a relatively scaled HTML table in CSS that works across all browsers?
There isn't one. Not really. Not yet.
A couple of people will show up and tell you that there is. I've spent five solid years implementing hundreds of arbitrary layouts mocked up in Illustrator. I worked hard to use CSS positioning and semantic markup whenever possible, probably know the craft better than most. And the conclusion I've come to is that even where the methodologies and hacks and workarounds can get the job done, CSS positioning still sometimes sucks. Partly because there are some semi-frequent cases where table cell behavior makes your life easier, partly because it's a pretty natural layout metaphor people have used for a long time before we even had liquid screen media.
display: table-cell and friends are just about ready for prime time, though. That'll probably take care of some of the hard cases, and work for a lot of people as a metaphor, largely because we'll essentially be writing table markup again.
Tweet, tweet.
And no, tables are not even a viable alternative. There are numerous reasons for why the enterprise level websites need to be coded semantically.
This is false, if popular.
The first clue should be the existence of screen readers and the widespread effectiveness of Google even before going way back before CSS (much less CSS positioning) was in common use. Heck, even Lynx had some surprisingly effective ability to filter out layout tables and still display tabular data as early as 1999. If layout-repurposed table markup made those things truly difficult, then 90% of the web would have been opaque to those things until around 2005.
The thing is, it's really not that hard to tell the difference between table markup used for layout and used for data most of the time. A good HTML hand-coder could probably tell the difference nearly instantly. A piece of software could probably do it for the vast majority of cases with a set of heuristics a half a page long. And they do.
Tweet, tweet.
Whenever I see titles like these ( Teach yourself X in ZY [days|hours|minutes|seconds] ) I always think of this article http://www.norvig.com/21-days.html
Shakespeare poems - infinite monkeys with infinite time.Computer tech support - a few trained ones working from 9 to 5.
There's so many books out there that tell you how to write decent HTML+CSS that this seems superfluous, especially considering all its shortcomings. One glaring omission is the lack of attention for accessibility. Many web developers will do just fine writing a new page for some mom-and-pop shop or other small business but once you start writing for government or large business, lack of knowledge about stuff like WCAG can be crippling. It's mostly a matter of avoiding bad habits and learning some best practices and I feel any book on this topic should include it.