What do you think?
Rate this book
Web Design: A Beginner's Guide
Create professional-quality web sites in no time with help from hands-on tutorials. Fully updated to cover the latest technologies and techniques, Web A Beginner's Guide , Second Edition, explains how to analyze site requirements and create a web-development proposal to plan and document your project. You'll learn how to design an attractive, easy-to-use web site, focusing on key issues such as color, layout, navigation, typography, and images. Discover how to incorporate JavaScript, cascading style sheets (CSS), HTML/XHTML, Flash, and more to take your design from mockup to code. Boosting web site traffic through search engine optimization, e-mail design, and online advertising is also covered in this fast-paced guide. Designed for Easy Learning Wendy Willard is a designer, consultant, writer, and educator who has been involved in web design for more than 13 years. She is the author of A Beginner's Guide , Fourth Edition, and other books.
- GenresWebsite DesignNonfiction
384 pages, Paperback
First published April 30, 2010
6 people are currently reading
23 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 3 of 3 reviews
June 25, 2011
This book is probably only useful if you're completely new to web design. The book itself isn't very educational, but it includes dozens of references to tools, sites, and services that are useful for learning web design. The most useful chapter for me was the first, which teaches how to discover client requirements and write documentation such as proposals, statements of work, and design specs.
The book provides an introductory overview of the phases of web design: planning and analysis, design, development, then transfer and maintenance. It familiarizes you with HTML, CSS, JavaScript, and multimedia, but refers you to other books and sites to learn the details.
Author Wendy Willard promotes designing standards compliant, accessible, usable websites. She recommends offering additional services besides web design, such as SEO and HTML email design. For email design, she recommends using campaignmonitor.com.
Below are the notes I took as I read.
Sites for learning web design
Web Design from Scratch
W3Schools
Smashing Magazine
A List Apart
Recommended web hosts
Site5
DreamHost
BlueHost
Hostway
Free HTML editors
Amaya (from W3C)
Microsoft Visual Web Developer Express
NoteTab Light
Web design proposal
A proposal for a web design project should include the following sections. You can download a sample proposal from the author's site, WendyWillard.com.
Purpose: restatement of client's business needs
Scope/Statement of Work: details of work, including list of pages and features
- Design requirements gathering: example sites, text and graphics, demographics
- Web template design: site map, layout, color theme, number of edits
- Coding & development: pages, rounds of edits
- Project management: administrative tasks covered by project cost
Conditions/Assumptions: conditions and assumptions that may affect cost and schedule
- file transfer method
- communication method and frequency
- testing (screen size, browsers, speeds)
- copyright ownership
- post-launch edits
Hosting
Cost
Schedule
Biographies: bios of design team members, stating experience and skills
Floating and positioning
Floated content must appear in HTML above the content that must wrap around it.
Relative positioning moves elements relative to their original location.
Fixed positioning moves elements relative to the browser window.
Absolute positioning moves elements relative to their parent element.
Use z-index to layer elements that are relatively or absolutely positioned.
Testing designs of sites and HTML email
Test your site in multiple browsers using Adobe BrowserLab or BrowserShots.org. Test HTML email with Litmus.com.
SEO
Put keywords in the URL, heading tags, body copy, images (alt attributes), links (title attributes), page titles, and meta tags (although meta tags are ignored by many engines).
Search engines rank sites based on incoming links and user input.
The fastest way to appear in search results is PPC (pay-per-click) advertising (sponsored links), such as Google AdWords.
Job applicant tracking services
You can integrate these services into your sites for tracking job applicants.
iCIMS
ApplicantStack
myStaffingPro
The book provides an introductory overview of the phases of web design: planning and analysis, design, development, then transfer and maintenance. It familiarizes you with HTML, CSS, JavaScript, and multimedia, but refers you to other books and sites to learn the details.
Author Wendy Willard promotes designing standards compliant, accessible, usable websites. She recommends offering additional services besides web design, such as SEO and HTML email design. For email design, she recommends using campaignmonitor.com.
Below are the notes I took as I read.
Sites for learning web design
Web Design from Scratch
W3Schools
Smashing Magazine
A List Apart
Recommended web hosts
Site5
DreamHost
BlueHost
Hostway
Free HTML editors
Amaya (from W3C)
Microsoft Visual Web Developer Express
NoteTab Light
Web design proposal
A proposal for a web design project should include the following sections. You can download a sample proposal from the author's site, WendyWillard.com.
Purpose: restatement of client's business needs
Scope/Statement of Work: details of work, including list of pages and features
- Design requirements gathering: example sites, text and graphics, demographics
- Web template design: site map, layout, color theme, number of edits
- Coding & development: pages, rounds of edits
- Project management: administrative tasks covered by project cost
Conditions/Assumptions: conditions and assumptions that may affect cost and schedule
- file transfer method
- communication method and frequency
- testing (screen size, browsers, speeds)
- copyright ownership
- post-launch edits
Hosting
Cost
Schedule
Biographies: bios of design team members, stating experience and skills
Floating and positioning
Floated content must appear in HTML above the content that must wrap around it.
Relative positioning moves elements relative to their original location.
Fixed positioning moves elements relative to the browser window.
Absolute positioning moves elements relative to their parent element.
Use z-index to layer elements that are relatively or absolutely positioned.
Testing designs of sites and HTML email
Test your site in multiple browsers using Adobe BrowserLab or BrowserShots.org. Test HTML email with Litmus.com.
SEO
Put keywords in the URL, heading tags, body copy, images (alt attributes), links (title attributes), page titles, and meta tags (although meta tags are ignored by many engines).
Search engines rank sites based on incoming links and user input.
The fastest way to appear in search results is PPC (pay-per-click) advertising (sponsored links), such as Google AdWords.
Job applicant tracking services
You can integrate these services into your sites for tracking job applicants.
iCIMS
ApplicantStack
myStaffingPro
October 2, 2011
Good, but not the focus I expected (and was looking for
January 19, 2013
An introduction and not much more. It doesn't really focus on principles or technology, somehow sliding along on the principle of leaving all of the non-Photoshop stuff to your development team, and leaving design principles to more advanced texts. As some others said, the best part is the first chapter.
Displaying 1 - 3 of 3 reviews