30,99 €
Mehr erfahren.
- Herausgeber: John Wiley & Sons
- Kategorie: Wissenschaft und neue Technologien
- Sprache: Englisch
All you need to know on web design in a thorough new edition If you want just one complete reference on web design, this book is it. The newest edition of this essential guide features 650+ pages on the latest tools and new web design standards, such as HTML5, CSS 3, and other core technologies and page-building strategies. Five minibooks provide deep coverage: essential pre-design considerations, how to establish the look of your site, building a site, how to test your site, and taking your site public. Design professional and author Sue Jenkins understands what designers need and gives you the answers. * Thorough revision brings you up to date on the latest changes in the world of web design * Features five minibooks that cover all the bases: Getting Started, Designing for the Web, Building the Site, Standards and Testing, and Publishing and Site Maintenance * Covers the latest tools, page-building strategies, and emerging technologies, such as HTML5 and CSS 3 * Includes over 650 pages of detail on such topics as establishing audience focus, creating content, using mock-ups and storyboards to establish the look, how to design for text and images, testing your site, and more If you're looking for an in-depth reference on all aspects of designing and building a site and taking it live, Web Design All-in-One For Dummies, 2nd Edition is the book.
Sie lesen das E-Book in den Legimi-Apps auf:
Seitenzahl: 1009
Veröffentlichungsjahr: 2012
Ähnliche
Web Design All-in-One For Dummies®, 2nd Edition
Visit www.dummies.com/cheatsheet/webdesignaio to view this book's cheat sheet.
Table of Contents
Web Design All-in-One For Dummies®, 2nd Edition
by Sue Jenkins
Web Design All-in-One For Dummies®, 2nd Edition
Published by John Wiley & Sons, Inc.111 River Street Hoboken, NJ 07030-5774
www.wiley.com
Copyright © 2013 by John Wiley & Sons, Inc., Hoboken, New Jersey
Published by John Wiley & Sons, Inc., Hoboken, New Jersey
Published simultaneously in Canada
No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6008, or online at http://www.wiley.com/go/permissions.
Trademarks: Wiley, the Wiley logo, For Dummies, the Dummies Man logo, A Reference for the Rest of Us!, The Dummies Way, Dummies Daily, The Fun and Easy Way, Dummies.com, Making Everything Easier, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates in the United States and other countries, and may not be used without written permission. All other trademarks are the property of their respective owners. John Wiley & Sons, Inc. is not associated with any product or vendor mentioned in this book.
Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose. No warranty may be created or extended by sales or promotional materials. The advice and strategies contained herein may not be suitable for every situation. This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services. If professional assistance is required, the services of a competent professional person should be sought. Neither the publisher nor the author shall be liable for damages arising herefrom. The fact that an organization or Website is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or Website may provide or recommendations it may make. Further, readers should be aware that Internet Websites listed in this work may have changed or disappeared between when this work was written and when it is read.
For general information on our other products and services, please contact our Customer Care Department within the U.S. at 877-762-2974, outside the U.S. at 317-572-3993, or fax 317-572-4002.
For technical support, please visit www.wiley.com/techsupport.
Wiley publishes in a variety of print and electronic formats and by print-on-demand. Some material included with standard print versions of this book may not be included in e-books or in print-on-demand. If this book refers to media such as a CD or DVD that is not included in the version you purchased, you may download this material at http://booksupport.wiley.com. For more information about Wiley products, visit www.wiley.com.
Library of Congress Control Number: 2012954399
ISBN 978-1-118-40410-2 (pbk); ISBN 978-1-118-40411-9 (ebk); ISBN 978-1-118-40412-6 (ebk); ISBN 978-1-118-40413-3 (ebk)
Manufactured in the United States of America
10 9 8 7 6 5 4 3 2 1
About the Author
Sue Jenkins is a professional web and graphic designer, illustrator, fine art photographer, and owner/creative director of Luckychair.com (www.luckychair.com), a full-service web and graphic design studio serving businesses across the U.S. since 1997. An award-winning Adobe Certified Expert/Instructor, Sue is the instructor in several Adobe Software Training programs from ClassOnDemand and Lynda.com. She is also the author of numerous For Dummies instructional books on web design, Dreamweaver, Illustrator, and Photoshop, including Dreamweaver All-in-One For Dummies (John Wiley & Sons, Inc.) and Smashing Photoshop CS5: 100 Professional Techniques (John Wiley & Sons, Inc./SmashingMagazine). Sue holds an MFA in photography and works as an Assistant Professor of Graphic Design at Marywood University in Pennsylvania. For questions, tips, and fun ideas, follow her on Twitter @LuckychairNews.
Dedication
To Phil.
Author’s Acknowledgments
In the making of this book, my humble thanks go out to my kind and hardworking agent, Matt Wagner, who keeps surprising me with fun projects; to executive editor Steve Hayes, for his patience and flexibility with my schedule during the course of this book; and to my project editor, Rebecca Senninger, who has an amazing ability to look at the big picture and move all the pieces around until they fit together beautifully. Special thanks also go to Virginia Sanders, my copy editor, and my technical editor, John Chastain, for their excellent comments and suggestions. Thanks also to all the other folks at Wiley who were a part of this project for their fantastic effort at making this book look great. I’d also like to thank my husband, Phil, and son, Kyle, whose support and humor helped me write this book.
Publisher’s Acknowledgments
We’re proud of this book; please send us your comments at http://dummies.custhelp.com. For other comments, please contact our Customer Care Department within the U.S. at 877-762-2974, outside the U.S. at 317-572-3993, or fax 317-572-4002.
Some of the people who helped bring this book to market include the following:
Acquisitions and Editorial
Project Editor: Rebecca Senninger
(Previous Edition: Kim Darosett)
Development Editors: Jean Nelson, James Russell, Beth Taylor
Executive Editor: Steven Hayes
Copy Editor: Virginia Sanders
Technical Editor: John Chastain
Editorial Manager: Leah Michael
Editorial Assistant: Leslie Saxman
Sr. Editorial Assistant: Cherie Case
Cover Photo: © iStockphoto.com / Noam Kahalany
Cartoons: Rich Tennant (www.the5thwave.com)
Composition Services
Project Coordinator: Sheree Montgomery
Layout and Graphics: Jennifer Creasey, Christin Swinford
Proofreader: Christine Sabooni
Indexer: BIM Indexing & Proofreading Services
Publishing and Editorial for Technology Dummies
Richard Swadley, Vice President and Executive Group Publisher
Andy Cummings, Vice President and Publisher
Mary Bednarek, Executive Acquisitions Director
Mary C. Corder, Editorial Director
Publishing for Consumer Dummies
Kathleen Nebenhaus, Vice President and Executive Publisher
Composition Services
Debbie Stailey, Director of Composition Services
Introduction
Welcome to Web Design All-in-One For Dummies.This reference book is ideal for both the entrepreneur looking to design his own site and the new web designer who plans to make a career of this exciting profession. For simplicity, this book uses many Adobe products to demonstrate common web design techniques. Specifically, all the graphic examples are done exclusively in Photoshop, and all the web page–building examples are done in Dreamweaver. That said, many other software programs are mentioned and recommended throughout the book, and the examples are easily adaptable to your preferred software tools.
Web design is a unique occupation because it combines the best parts of visual creativity with modern technology. A web designer, in essence, is a graphic designer, a creative organizer, a visual communicator, a markup language technologist, and a cutting-edge trendsetter. What sets web design apart from other careers is that, as the designer, you play a key role in helping businesses connect with their customers in positive and meaningful ways. A good design can help attract the right target audience, sell more products and services, communicate new ideas, and change people’s lives.
As a web designer, you have the opportunity to put your visual and organizational spin on the world, taking the complex puzzle of each web project and turning it into a visually pleasing, easy-to-navigate web solution for your client. What’s more, you’re inextricably part of the worldwide network of web professionals who help shape the visual realm of communication in the 21st century.
Whether you’ve designed a site before or you’re brand-new to the world of web design, this book takes you through each step of the web design process. By the final chapter in the last minibook, you’ll have all the skills you need to design, build, and publish your own websites.
About This Book
Because this is a reference book, you have the luxury of reading it any way you like. You don’t have to remember anything you read because the answer you’re seeking is always at your fingertips. Feel free to jump around from chapter to chapter, reading particular sections of the book as the needs arise, or go ahead and read from cover to cover like a sort of how-to manual to understand the craft of web design. The book is divided into five minibooks, which are each divided into several self-contained chapters on a variety of topics.
Everything you find in this book is written simply and straightforwardly so that you can get right to the task at hand instead of having to wade through complicated technical details. When there is something of note, such as the introduction of a new term, a special tip, or some geeky technical information that I think you should discover, I let you know by putting an icon in the margin so that you can choose whether to read or ignore that material. Other than that, you find detailed, step-by-step instructions and easy-to-understand descriptions of each topic.
Above all, this book is written to help make you comfortable with all the aspects that relate to the process of web design. It is my sincere hope that you’ll use this book frequently and consider it the main go-to resource of your web design library.
Foolish Assumptions
This book presumes that even though you may have some technical experience using computers and accessing the Internet, you might be a newcomer to the field of web design and the relevant ideas presented here. It is further presumed that you’re a hobbyist, a do-it-yourself entrepreneur, or a person looking to become a web professional, and that you’re seeking a professional-level understanding of web design from an experienced web designer and software instructor. That’s exactly what you’ll get.
Creating websites, as you soon discover, is an extremely enjoyable, challenging, and rewarding process. You can control (or help to influence, if you’re working for someone else) which content will be displayed on the site, how it will all be organized, what the site will look like, and how the site will function. You get to engage your creativity, your knack for organization, your ability to visualize, and your artistic sensibilities all at once. Plus, if you have a flair for discovering technology, you can soon impress your friends with your vast web vocabulary and your understanding of how websites work behind the scenes. Best of all, when you build a website, you have the unique opportunity to effectively communicate your (or your client’s) ideas with the world in one of the coolest mediums available.
Conventions Used in This Book
To help you understand all the new terms and concepts that relate to web design (and you’ll find lots of them!), the following typographical rules or conventions are used in this book:
New terms: New terms are set apart with italics. For example:
Your meta tags are the special lines of HTML code that you add to your web page between the opening and closing <head> tags to communicate important information about the site to web browsers.
Reader entry: For times when you are instructed to enter your own content to replace sample content, those parts are listed in bold, as in
<img src=”images/yourimage.gif”>
Code examples: The HTML, CSS, and JavaScript code examples in this book either are listed in monospaced text within a paragraph, like this: <img src=”images/taxi.jpg”>, or set apart from the text, like this:
<!doctype html>
<html>
<head>
<meta charset=”utf-8”>
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
How This Book Is Organized
By design, this book enables you to get as much (or as little) information as you need at any particular moment. Need to know something fast about how to mock up a web design before you build a site? Read the part of Book II, Chapter 2 that applies. Whenever some new question about web design comes up, you can reach for this book again and again.
This book is divided into five minibooks, each of which is further divided into relevant chapters about the process of web design, organized by topic. If you’re looking for information on a specific topic, check the headings in the Contents at a Glance or skim the Table of Contents. In the following sections, you find an overview of what each minibook contains.
Book I: Getting Started
This minibook covers all the behind-the-scenes work you need to do before you design and build a website. Topics include planning your site goals, creating a site image, defining the target audience, building wireframes, gathering and creating content, building a site map, and choosing the right tools for the job, including a web editor to build your pages, a graphics program or two to design and optimize your web graphics, shopping cart software (when applicable), and knowing when to hire others to assist you. By the end of this minibook, you’ll understand how to create a site that best projects the site’s identity and attracts the ideal site visitors.
Book II: Designing for the Web
Designing for the web is a special task that blends the visual with the technological because your designs must conform to the rules of HTML, CSS, JavaScript, jQuery, and other markup and programming guidelines. If you’re looking for information about defining a site’s look and feel, choosing the right layout and navigation scheme, mocking up a design, and optimizing graphics for the web, you definitely want to read this minibook.
Book III: Building Websites
This minibook is all about website construction. Using your preferred HTML editor, here you find out how to set up a basic web page; add text, images, hyperlinks, and multimedia files; work with semantic HTML; organize your data with tables and lists; style your pages with CSS; create layers-based layouts; build customized navigation systems; build, validate, and test web forms; and work with templates and Server-Side Includes to build smarter, more efficient websites.
Book IV: Web Standards and Testing
After you’ve built a site, it isn’t necessarily ready for publishing. Before you put your finished work online, spend some time reading the chapters in this minibook to find out about working with web standards and making your pages accessible to the widest possible audience. You also find information here about using the proper DOCTYPE, writing semantic code, testing on multiple platforms in multiple browsers and devices, validating your code to ensure that your markup meets those web standards, and resolving any issues that may come up during testing before you share your work with the world.
Book V: Publishing and Site Maintenance
After your site is fully built and tested, you will be ready to publish it on the Internet. This minibook details the process of choosing and registering a domain name for your site, setting up a hosting plan, creating a custom placeholder page for your site, and publishing your site to your host server using FTP (File Transfer Protocol). Post-launch, you may also need to make further changes and enhancements to your site. Here you find an entire chapter devoted to enhancing your site with Search Engine Optimization techniques, performing routine site maintenance, and finding out ways to keep your site up-to-date so that visitors will be more likely to return to it again and again.
Icons Used in This Book
To make your experience with the book easier, the following icons appear in the margins to indicate particular points of interest.
Tip icons alert you to interesting techniques and hints that can save you time and effort when planning, designing, building, and publishing your websites.
This icon is a friendly reminder or a marker for things to keep in mind when performing certain tasks. It’s also used to alert you to important facts, principles, and ideas that can help you become a better web designer.
Watch out! This icon is the equivalent of an exclamation point. Warnings are placed next to information that can help you avoid making common mistakes. They also give you important directions to help keep you from experiencing any web design nightmares.
Throughout the chapters, this icon shows up next to particularly technical information. Although this kind of geek-talk may be interesting to some, it’s not essential reading for everyone. That said, please do consider at least glancing at the text marked with the Technical Stuff icon just in case it applies to your situation.
Where to Go from Here
This book is written so that more experienced web designers can skip around to the parts they need. Novice users probably need to start with Book I, which gives a good foundation of building web sites, before proceeding to the other minibooks. If you’re one of those experienced designers, scour the index for the material you need and then read those sections.
Read through the Table of Contents to find what interests you. Otherwise, consider the following jumping-off topics:
To find out about site planning, check out Book I, Chapter 1.
For tips on choosing the right web editor and graphics software programs, see Book I, Chapter 4.
For help in creating a mock-up of your web page, see Book II, Chapter 2.
To find out about optimizing graphics for the web, see Book II, Chapter 3.
For information about adding text, graphics, and links to your pages, read Book III, Chapter 1.
To discover everything you want to know about working with Cascading Style Sheets, look at Book III, Chapter 3.
If you want to know more about creating a layers-based layout and building a navigation system, see Book III, Chapters 4 and 5.
To find out about web forms, see Book III, Chapter 7.
To get help with testing and validation, see Book IV.
For information on publishing your site, see Book V.
Book I
Getting Started
Even though the best-laid plans might often go awry, for websites they don’t necessarily have to if you do your homework. A good web plan includes figuring out the site’s purpose, building a site image, defining the target audience, carefully planning the content requirements, and choosing the right tools for the job.
In this minibook, you discover how easy it is to properly get started with any new web project. Armed with the information you find in these chapters, you’ll be totally ready to design and build your site.
Chapter 1: Starting with a Plan
In This Chapter
Determining the site’s purpose
Building a site image
Determining site content
Diagnosing the site’s dynamic requirements
At the start of any website project, you — and your client, if you’re designing for someone else — should sit down to think about (or discuss) your ideas about the final product. If those ideas are vague, you need to flesh them out, and if they’re specific, you need to keep them organized and understand the purpose behind them. In other words, you need a plan.
To get the project off to a good start and ensure that all of your ideas and issues get the consideration they deserve, begin by pinpointing the purpose for building the website. The purpose is like an arrow that points you in the right direction. Some people build websites to sell a product or service. Others create sites to share ideas and information. One might also create a site to promote a good cause, educate the public, or simply have a place for family and friends across the country — or across the planet — to visit, share information, and catch up with one another.
Because the answer to “Why build a site?” is largely determined by the specific needs of the website owner, this chapter includes a handful of brainstorming exercises that you can use as a guide to discovering why you are building any particular site. By defining the site’s purpose, you develop a foundation for the rest of the site-planning process. By the end of this chapter, you’ll have all the tools you need to establish a plan for building almost any website.
Understanding the Different Phases of a Web Project
Before you begin any website, you must first have a good understanding of the project as a whole, as well as all the different steps or phases that you will move through during the web-development process.
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
Lesen Sie weiter in der vollständigen Ausgabe!
