Tinker with the tools of Web design--in the Garage! Learn how to construct cool and interactive Web sites with this hands-on guide to the world of Web design and usability. In this title from Prentice Hall PTR’s Garage Series, author Marc Campbell shows you the "ins and outs" of designing sites with HTML, JavaScript, and CSS as core technologies. Using layout diagrams and graphics to illustrate your journey, Campbell takes you through every step of designing Web sites, from basic layout and usability to uploading your site onto the Web. Want to learn more on a specific topic? Flip to one of the book’s "links" that help you delve deeper into certain areas, allowing you to browse the text quickly and easily!Specific topics covered include *Managing pop-up windows *Working with scripts and style sheets *Controlling design space with HTML and CSS *Making rollover graphics *Using text elements properly *Creating e-mail links and hyperlinks *Embedding media in Web pages *Choosing a Web host *Testing and uploading Web sites Whether you’re new to Web design or you "speak" HTML as a second language, Web Design Garage will help you discover the solutions you need to create fun and effective Web sites.

Web Design Garage is a hands-on guide for Web design and usability. In thespirit of the Garage series, this book doesn’t preach to the reader or coverground already well documented in software manuals. Instead, it providespractical, quick solutions to common design and usability problems.- This book includes layout diagrams in addition to graphical Web-pagemockups. By comparing the figures, the reader learns how to visualize designproblems in terms of the underlying layout.- In addition to the standard Toolkit, Blog, FAQ, and Glossary features of theGarage series, this book includes a View Source element for commentedHTML source listings of layout diagrams and a Help element for tips andtroubleshooting. These elements approximate common designer responses toproblems: viewing the source of a page and going for the help file.- Each topic in the book can be read or referenced as a stand alone solution,but cross-references are included where appropriate to foster a nonlinear,browsing feel. These "links" are helpful for those readers who want to learnmore about a particular aspect of the problem.

Tinker with the tools of Web design—in the Garage!

Learn how to construct cool and interactive Web sites with this hands-on guide to the world of Web design and usability. In this title from Prentice Hall PTR’s Garage Series, author Marc Campbell shows you the “ins and outs” of designing sites with HTML, JavaScript, and CSS as core technologies. Using layout diagrams and graphics to illustrate your journey, Campbell takes you through every step of designing Web sites, from basic layout and usability to uploading your site onto the Web. Want to learn more on a specific topic? Flip to one of the book’s “links” that help you delve deeper into certain areas, allowing you to browse the text quickly and easily!

Specific topics covered include

• Managing pop-up windows
• Working with scripts and style sheets
• Controlling design space with HTML and CSS
• Making rollover graphics
• Using text elements properly
• Creating e-mail links and hyperlinks
• Embedding media in Web pages
• Choosing a Web host
• Testing and uploading Web sites

Whether you’re new to Web design or you “speak” HTML as a second language, Web Design Garage will help you discover the solutions you need to create fun and effective Web sites.

Isn’t it always the way? You take five-hundred-odd manuscript pages, some ninety thousand words, about two hundred thirty figures, and six months of your life trying to explain something, and then some hotshot comes along and sums it all up in a single sentence. It happened to me when I submitted this humble volume for the approval of Eben Hewitt, series editor of the Garage Series books. He came back with the following-;and I quote: Campbell does a terrific job of illustrating that not only are both design and usability important-;they might even be the same thing. When I read that, I nearly fell off my chair. That’s it! I shouted. That’s what I’ve been trying to say! But then it occurred to me-;who else might be reading this? Who at my publisher might be weighing a twenty-word summary against a ream of manuscript and thinking about all the time, effort, and capital that would be saved by putting out a pamphlet or an information sheet or even a clever slogan instead of a full-blown book? How would Hewitt’s devastatingly insightful comment affect the terms of my contract? My advance? This especially was a concern because I had already spent it. Fortunately for me, the thunder didn’t come down. This book quietly went into production, and nobody seemed to notice what Eben Hewitt-;a Java programmer, no less-;had done. And now, nobody ever will. Or maybe my saving grace was that, while Hewitt can spout off all the encapsulated central theses that he likes, the book before you, while never achieving the level of clarity of an E. H., provides the details as consolation. It shows by way of many, many examples how design and usability are inexorably intertwined. It even takes a stab at why. So, if you’re an ideas person, a high-concept hierophant with a sixth-level intellect-;an Eben Hewitt, if you will-; read no further. My series editor just gave you everything that this book has to offer. But if you’re like me, more like a fire hydrant than a hierophant with an intellect nowhere near the sixth level, who likes pictures, examples, code snippets, and someone to explain them all: Welcome to Web Design Garage. Perhaps a word or two about the organization of this book is in order. Web Design Garage is a bit like object-oriented programming, in that you dip into the library (or the book, as it were); pull out what you need; mix, match, and combine; and get back to work. Instead of traditional chapters, there are topics: eighty-six of them, to be precise. Topics range from short, article-length pieces to chapter-size ruminations, depending on the subject at hand. I put these topics into eight general categories or parts to help you find what you’re looking for as quickly as possible. For best results, don’t read this book from cover to cover-;you might find that it skips around too much. Occasionally, it repeats itself in the interest of keeping the topics as self-contained as possible. Your best approach is to refer to the topics that help you to solve specific problems that you’re having with your site and to chart your course from there. If any given topic alludes to a design technique like grouping or a technology like Cascading Style Sheets that you aren’t as familiar with, you can flip to the topics about these subjects and expand your horizons. With Web design especially, diverse roads tend to join up, and they all lead to the same place (more or less), so you’ll weave your way through the entire book eventually. But you’ll do it by following your own path, not the abstruse labyrinth of the author’s inner mind. The hope is that you come away from Web Design Garage with something approaching a nonlinear experience, much like surfing the Web. For myself, I like to think that Web Design Garage is a kind of fantasy adventure story, one of those choose-your-own-plotline types. You, the hero, are trying to put together the components of a magic spell that will save the kingdom. To do this, you must pore over poorly documented ancient formulae. There’s even a recurring villain: the marketing department, who emerges when least expected to hijack your site and use it to brainwash your visitors into buying things. All this technology talk is just a metaphor anyway. Look past it, and you’ll find a real page-turner. If you are reading these words, and if I am right about to whom this book would appeal, then you are a person of obvious taste with some knowledge a priori about how to build a Web site. Maybe you’re the sole in-house Web designer/developer at your place of employment. Maybe you’re self-employed, and you need to build a Web site for your business. Maybe you’re an artiste, and the medium of the Web intrigues you. Maybe you just enjoy the technology stuff and on the weekends you like tinkering with power beyond human control. Whatever your situation may be, most of the topics assume a baseline familiarity with the essential procedures, like creating HTML documents and working with scripts. If you know a little already, this book helps you to learn a lot more. But if I am wrong, which is as likely as not, then please begin your Web Design Garage journey with Part VIII: Basic Training Topics. When I wrote this section, I pretended that I didn’t know anything, and I tried to explain the most basic concepts of the craft to myself in the clearest way possible. The idea here is that, even if you have never seen the letters HTML arranged in that particular sequence before, you can start with Part VIII and go on to use the rest of the book. And, what the heck, even if you know a thing or two, you might have a look at Part VIII anyway, just as a refresher. Many Web designers, including this one, are self-taught. We all have these little gaps in our educations. Maybe Part VIII can make a few things clearer for you, just like Barney Marispini and Rob Streeter (the technical editors on this book) helped me to close up some of the potholes in my own education. I owe you one, guys. In fact, I owe you several. While I’m on the without-whoms, I would be remiss if I did not mention John Neidhart of the Barbs, John Fuller, Raquel Kaplan, Robin O’Brien, Kathleen Addis, Julie Nahil, Dmitri Korzh, and everyone at Prentice Hall PTR who made this book happen. Thanks also to the usual suspects at Studio B, both old and new: Neil Salkind, Lynn Haller, Stacey Barone, Katrina Hillsten, and Jackie Coder. A special admission of indebtedness emanates directly from me to those persons whom I did not have the pleasure of meeting virtually or physically, whose names I do not know, but whose efforts contributed to the care, feeding, and production of this book and its author, much like a superhero who defends a city anonymously. 0131481991P01072005

good source
As a very amateur web builder, I find this to be an excellent reference tool. Concise, to the point explanations are provided and I found the answer to my problem right away. Cuts to the chase without all the fluff.

A great book for beginners or those looking to "clean up" their HTML code
I’ve been doing HTML work for almost 10 years now. I currently own or manage four different web sites. Because of always changing standards regarding HTML and more recently CSS, trying to keep a web site compliant with these standards is not an easy thing. One of the more problematic issues is how certain functions are employed that seem to work on every browser out there, but suddenly a standards verification says that what is being used doesn’t comply with official standards. Grrr...

Another problem is trying to get information that the average Joe can understand. More often than not, web sites that are dedicated to providing HTML and CSS information are very poorly done because they look like someone with no taste or style just threw the page together. (I’m sure that we’ve all seen the pathetic web sites with huge, dark letters on a black background, centered throughout the page, with needless graphics scattered about.) Other sites regarding HTML and CSS are far too technical and give a lot of details but no practical instructions, examples, or usage. The only thing to do at that point is to find a web site that does what you want to do and try to figure out what was done through that page’s source code. Sometimes that alone is enough to make you want to give up.

Web Design Garage is one of the few books about HTML and CSS that actually is written for the starting web author who doesn’t know where to start as well as the intermediate author who is looking to fine tune his (or, of course, her) web design skill and perhaps clean up the site a bit.

This book is divided into eighty-six separate chapters with each chapter covering a very specific topic, such as image maps, text elements, paths, forms, and so forth. This is very beneficial because you know that the whole topic deals with one subject, rather than have one larger chapter that deals with a number of topics for which you have to go searching. What’s also very nice about the chapter design is that for appropriate topics the HTML chapter is followed by the equivalent chapter to do the same thing through CSS. This is a great way of letting the reader compare the two formats back-to-back for the specific goal that the reader wants to reach. This certainly beats the more commonly used method of having a larger topic dealing with a lot of HTML topics followed by another large chapter of the same number of topics in CSS, forcing to you to hunting through the chapters for comparisons or differences.

This book also contains hundreds of images, screen shots, and code examples. In a visually oriented world like the Web, being able to see how each bit of code works as well as a graphical example of the theories behind that bit of code make it easier to understand exactly what that chapter is attempting to accomplish.

The book also covers some functions that might not appeal to the beginner but would likely be considered to be of value for intermediate HTML/CSS designers. Such topics include blogs, forms, form validation, some Javascript, and even how to validate so that the code is up to W3C standards.

What’s really great about this book is not that it’s written in layman’s terms. It’s not that this book keeps the specific topics relegated to their own, individual chapters. It’s not that this book contains lots of information that even experienced HTML coders might find of value. What’s great about this book is that is does all of this for a list price of US$29.99, so you know that it will be available for less than that in most bookstores. This is not a large book (roughly 530 pages) but the information that it gives for the price make is a great value.

I’ve been doing web pages for many years and have gotten many rave reviews on their designs, non-bloated implementations, and compatibility across almost all browsers. And even I found things in this book that I’ve been thinking of implementing but thought that they’d be too difficult to implement. Web Design Garage has proved me to be wrong. And if I can get value out of this book, I know that just about all beginner and intermediate HTML/CSS coders will be able to get value out of it as well.

If you’re looking to impress people with fancy Flash animations or other such multimedia overload, this isn’t the book for you. But if you’re thinking of starting your own web page or you already have a basic web page and would like to spice it up, buy this book.

Great Book On Web Design
marc campbell shows one the things everyone know in their subconscience about a well designed site, but does realize when designing a site.

A clear, concise, useful, easy read.
I read this book in about three days. It is so clear and concise and packed with simple yet extensible examples to do just about anything a designer would want to do on a web page. It is also full of practical, pragmatic pointers that really get you to think about the goal of your site and how to acheive that goal. I was thoroughly impressed with this book - worth the money, a great reference, and a nice-paced read. You want to design web sites? No experience? Pick up this book. You been dabbling and want to improve? Pick up this book. Do you finally want to see what all the to do is with CSS? Want to stop using html the wrong way? You want to make your sites more accessible for the impaired and do it the right way? Pick up this book.

Nice bookshelf reference

"Web Design Garage" is a remarkably clear-headed, concisely-written and feature-rich book about contemporary web design topics. It is part of a "Garage" series of hip-looking, style-laden books published by Prentice Hall (Prentice Hall Professional Technical Reference -PH PTR) and is targeted at the "garage" level designer - small business professionals, hobbyists, and technophiles. It assumes some modest familiarity of HTML and working with Javascripts.

This is not a primer, tutorial, or concept-bound book. It is meant to provide practical guidance and solutions to the most common web design issues dealt with by web designers. Author, Marc Campbell, offers a set of 86 topics about web design problems and solutions. The format for nearly all of the 86 topics is to highlight a design issue and offer solutions using pictures, examples, and code snippets. Although a good and quick read from beginning to end, the book can be read piecemeal for information and guidance on a specific issue. One can pick and chose topics depending on interest or need.

There are no traditional chapters, but only a set of design topics of relatively short length organized into 8 general categories. Those categories include design and usability topics, layout, images, text, links, forms, and two others, - one of miscellaneous items and the last being an explanation of basic web design material. There is also an index and a short glossary of HTML, CSS, web, and graphics-related terms.

The fundamental theme of the book is that design and usability are, or should be, the same thing. Usability is paramount, of course, but the author’s approach to web design emphasizes creating a "sense of place" so that good design unites pages so that they look like they belong together.

This is not an earth-shattering idea, but like most of all of the design treatments, the goal is to design pages which make it easy for visitors to use the site. Many good design virtues are virtually invisible to the casual user. There is a blend of design and usability. It’s only when a design element doesn’t work well that it comes to the attention of the user, and that occurrence is meant to be avoided. The author shows by example how design and usability are intertwined.

There are a handful of themes which guide the book. Admirably, the author emphasizes for every design element, a concern for accessibility. Many of the design guides refer to accessibility by screen-readers and non-graphic browsers. A second major concern is for compliance with contemporary web design standards as promulgated by the World Wide Web Consortium. Consequently, there is much emphasis on the separation of page structure from content where HTML is used for structure and CSS is used for content. A contrast of HTML and CSS formatting is highlighted in many of the chapters.

There is a large handful of sections which express HTML and CSS formatting differences on page layout, text and image positioning, and other web design elements. There is clear discussion on how to work with Javascripts and stylesheets. The emphasis is on "forward-looking" coding, i.e., clean, standards compliant, and accessibility conscious. Campbell offers an experienced designer’s insights on choices to be made in design components. There is much value for both inexperienced and seasoned designers.

Each topic is richly expressed with clear and straightforward text, illustrations, screenshots, and sidebars on a variety of related matters. Throughout there are sidebars titled "FAQS" and "Geekspeak" explaining concepts or terminology for the less-knowledgable reader. Then there are those called "Tips" which usually offer an insight to practical problems, especially dealing with browser compatibility issues. There are many useful tables and charts indexing specific tag attributes, with examples. In addition and most useful are the "Toolkits" which are sample code snippets. It would have been nice to have the code snippets available for downloading from the publisher’s web site (www.phptr.com/garageseries).

This is a dense volume containing all sorts of information useful for the "garage" web designer. For some reason, the depth and weight of the content is reflected in the book itself, which is remarkably heavy, weighing in at a well-produced 29 ounces.

There are many books available on basic web design, but this one is unusually clear and well-expressed. This is the type of book one keeps handy in the bookshelf next to the computer to access for quick solutions to everyday web design problems.

Nice bookshelf reference


"Web Design Garage" is a remarkably clear-headed, concisely-written and feature-rich book about contemporary web design topics. It is part of a "Garage" series of hip-looking, style-laden books published by Prentice Hall (Prentice Hall Professional Technical Reference -PH PTR) and is targeted at the "garage" level designer - small business professionals, hobbyists, and technophiles. It assumes some modest familiarity of HTML and working with Javascripts.



This is not a primer, tutorial, or concept-bound book. It is meant to provide practical guidance and solutions to the most common web design issues dealt with by web designers. Author, Marc Campbell, offers a set of 86 topics about web design problems and solutions. The format for nearly all of the 86 topics is to highlight a design issue and offer solutions using pictures, examples, and code snippets. Although a good and quick read from beginning to end, the book can be read piecemeal for information and guidance on a specific issue. One can pick and chose topics depending on interest or need.



There are no traditional chapters, but only a set of design topics of relatively short length organized into 8 general categories. Those categories include design and usability topics, layout, images, text, links, forms, and two others, - one of miscellaneous items and the last being an explanation of basic web design material. There is also an index and a short glossary of HTML, CSS, web, and graphics-related terms.



The fundamental theme of the book is that design and usability are, or should be, the same thing. Usability is paramount, of course, but the author’s approach to web design emphasizes creating a "sense of place" so that good design unites pages so that they look like they belong together.



This is not an earth-shattering idea, but like most of all of the design treatments, the goal is to design pages which make it easy for visitors to use the site. Many good design virtues are virtually invisible to the casual user. There is a blend of design and usability. It’s only when a design element doesn’t work well that it comes to the attention of the user, and that occurrence is meant to be avoided. The author shows by example how design and usability are intertwined.



There are a handful of themes which guide the book. Admirably, the author emphasizes for every design element, a concern for accessibility. Many of the design guides refer to accessibility by screen-readers and non-graphic browsers. A second major concern is for compliance with contemporary web design standards as promulgated by the World Wide Web Consortium. Consequently, there is much emphasis on the separation of page structure from content where HTML is used for structure and CSS is used for content. A contrast of HTML and CSS formatting is highlighted in many of the chapters.



There is a large handful of sections which express HTML and CSS formatting differences on page layout, text and image positioning, and other web design elements. There is clear discussion on how to work with Javascripts and stylesheets. The emphasis is on "forward-looking" coding, i.e., clean, standards compliant, and accessibility conscious. Campbell offers an experienced designer’s insights on choices to be made in design components. There is much value for both inexperienced and seasoned designers.



Each topic is richly expressed with clear and straightforward text, illustrations, screenshots, and sidebars on a variety of related matters. Throughout there are sidebars titled "FAQS" and "Geekspeak" explaining concepts or terminology for the less-knowledgable reader. Then there are those called "Tips" which usually offer an insight to practical problems, especially dealing with browser compatibility issues. There are many useful tables and charts indexing specific tag attributes, with examples. In addition and most useful are the "Toolkits" which are sample code snippets. It would have been nice to have the code snippets available for downloading from the publisher’s web site (www.phptr.com/garageseries).



This is a dense volume containing all sorts of information useful for the "garage" web designer. For some reason, the depth and weight of the content is reflected in the book itself, which is remarkably heavy, weighing in at a well-produced 29 ounces.



There are many books available on basic web design, but this one is unusually clear and well-expressed. This is the type of book one keeps handy in the bookshelf next to the computer to access for quick solutions to everyday web design problems.