Teach Yourself VISUALLY Web Design
Published on 4. October 2010
368 pages
978-0-470-95220-7 (ISBN)
Description
The mechanics of Web design made easy for visual learners
An effective Web site combines good graphic design principleswith a functional user interface. This colorful, step-by-step guideshows visual learners how to plan, develop, and publish a site, allwith easy-to-follow lessons. Each task is illustrated with screenshots accompanied by numbered steps. You'll learn all thetools and techniques for creating great-looking Web sites thatusers will love.
* Good Web design incorporates basic graphic design principles aswell as the techniques required to make a site easy to navigate anduser-friendly
* Those who learn best when someone shows them how will quicklyget up to speed with the full-color screen shots and step-by-stepillustrations in this visual guide
* Covers planning a site, creating eye-popping content withpopular Adobe tools, building in functionality with HTML and CSS,testing the site, taking it live, and keeping it up to date
* Companion Web site features code and design examples forexperimentation
If you find learning easier when someone shows you how to dosomething, you'll quickly learn to build Web sites withTeach Yourself VISUALLY Web Design.
More details
Other editions
Additional editions
Rob Huddleston
Teach Yourself VISUALLY Web Design
Book
10/2010
1st Edition
Wiley
€28.90
Article exhausted; check different version
Person
Rob Huddleston has been developing Web pages andapplications since 1994, and has been an instructor since 1999,teaching Web and graphic design to thousands of students. Hisclients have included the United States Bureau of Land Management,the United States Patent and Trademark Office, the States ofCalifornia and Nevada and many other federal, city, and countyagencies; the United States Army and Air Force; Fortune 500companies such as AT&T, Bank of America, Wells Fargo, Safeway,and Coca-Cola; software companies including Adobe, Oracle, Intuit,and Autodesk; the University of California, San Francisco StateUniversity, and the University of Southern California; and hundredsof small businesses and nonprofit agencies, both in the UnitedStates and abroad. Rob is an Adjunct Professor in the InteractiveMedia program at the Art Institute of California, Sacramento. He isan Adobe Certified Instructor, Certified Expert, and CertifiedDeveloper, serves as an Adobe User Group Manager, and has beennamed as an Adobe Community Professional for his volunteer workanswering user questions in online forums. He also helps users asan expert moderator on Adobe's Community Help system.
Rob is the author of XML: Your visual blueprint for buildingexpert Web sites with XML, CSS, XHTML, and XSLT; HTML, XHTML, andCSS: Your visual blueprint for designing effective Web pages;Master VISUALLY: Dreamweaver CS4 and Flash CS4 Professional;ActionScript: Your visual blueprint for creating interactiveprojects in Flash CS4 Professional; and the Flash CatalystCS5 Bible. You can visit Rob's blog at www.robhuddleston.com,or follow him on Twitter at twitter.com/robhuddles.
Content
- Teach Yourself VISUALLYT Web Design
- Table of Contents
- Chapter 1: The Tools of Web Design and Planning Your Site
- A Brief History of the Web
- Understanding Browsers
- Visual Design Tools
- Code-based Tools
- Graphics Programs
- Understanding the Importance of Planning Your Site
- Understanding Your Audience
- Gather Your Materials
- Plan Your Navigation Structure
- Plan Your File Structure
- Chapter 2: Getting Started with HTML
- Introduction to HTML
- Create Your First Web Page
- Save Your Web Page
- Preview a Page in a Browser
- Declare Your Document Type
- Add Headings
- Add Paragraphs
- Apply Logical Formatting
- Understanding URLs and File Paths
- Link to Other Pages in Your Site
- Link to Pages on the Web
- Link within a Page
- Link to an E-mail Address
- Link to Other Document Types
- Show Tool Tips for Links
- Chapter 3: Creating Images
- Understanding Image Formats
- Legally Acquiring Stock Images
- Understanding Image Optimization
- Download a Stock Image from the Web
- Get to Know the Photoshop Interface
- Get to Know the Photoshop Elements Interface
- Use Photoshop to Fix Colors
- Crop and Resize an Image in Photoshop
- Save an Image for the Web in Photoshop
- Open an Image for Editing in Photoshop Elements
- Use Photoshop Elements to Fix Colors
- Rotate an Image in Photoshop Elements
- Crop an Image in Photoshop Elements
- Resize an Image in Photoshop Elements
- Save an Image for the Web in Photoshop Elements
- Get to Know the Fireworks Interface
- Get to Know the Illustrator Interface
- Create a Button in Fireworks
- Save an Image for the Web in Fireworks
- Create a Logo in Illustrator
- Save an Illustrator Image for the Web
- Add an Image to Your Web Page
- Make Your Images Accessible
- Use Images as Links
- Chapter 4: Formatting Your Pages
- Introduction to CSS
- Create an Embedded Style Sheet
- Understanding Units of Measurement
- Set the Font and Text Size on Your Page
- Understanding Color on the Web
- Determine a Color Scheme Using Kuler
- Set Text Color
- Set a Background Color
- Add a Background Image
- Control Background Image Tiling
- Position Background Images
- Apply Additional Text Formatting
- Indent and Align Text
- Apply Spacing with Padding
- Control Whitespace with Margins
- Specify Widths
- Add Borders
- Chapter 5: Advanced CSS
- Style Multiple Elements
- Format Text with Spans
- Group Elements with Divs
- Apply Styles with Classes
- Apply Styles with IDs
- Use Contextual Selectors
- Use Pseudo-Elements
- Use Pseudo-Classes
- Create an External Style Sheet
- Link a Style Sheet to a Page
- Use the Cascade
- Chapter 6: Laying Out Pages
- Set Up Your Page for CSS Layouts
- Float Elements
- Use Margins and Padding to Fix Float Problems
- Work with Overflow
- Chapter 7: Adding Tables and Lists
- Add Data Tables
- Format Tables with CSS
- Create Complex Tables
- Add a Header Row
- Add Table Sections
- Add an Unordered List
- Add an Ordered List
- Style Lists
- Chapter 8: Creating a Page Visually in Dreamweaver
- Introduction to Dreamweaver's Interface
- Define a Site in Dreamweaver
- Create a New Document
- Replace the Logo Placeholder
- Replace the Main Content
- Replace the Content in the Sidebar and Footer
- Add Navigation
- Add Images
- Insert a Photoshop Image
- Edit a Photoshop Image in Dreamweaver
- Modify CSS
- Add New Styles
- Preview the Page Using Live View
- Preview the Page in a Browser
- Preview the Page in Other Browsers Using BrowserLab
- Chapter 9: Adding Interactivity and Multimedia
- Introduction to JavaScript and Ajax
- Embed JavaScript in HTML
- Write a Function
- Change the Visibility of an Object
- Create a Menu Using Spry
- Create a Calendar Control with YUI
- Create an Image Gallery with jQuery
- Create Animation Using Flash Professional
- Publish a Flash Movie
- Add a Flash Movie to Your Page in Dreamweaver
- Convert a Video to Flash Video
- Add Flash Video Using Flash Professional
- Add Video with HTML5
- Chapter 10: Making Sites Accessible
- Understanding Web Standards
- Understanding Web Accessibility
- Add Captions and Summaries to Tables
- Create Accessible Table Headings
- Create Accessible Navigation
- Chapter 11: Adding Forms to Your Site
- Create a Form
- Add a Text Field
- Add a Label
- Add Check Boxes
- Add Radio Buttons
- Create a Drop-Down List
- Insert a Text Area
- Add a Button to Your Form
- Group Related Form Elements
- Chapter 12: Creating Dynamic Pages
- Understanding Dynamic Web Applications
- Download and Install WAMP on Windows
- Download and Install MAMP on a Mac
- Create a Basic PHP Page
- Save and Test a PHP Page
- Process Form Data
- Send E-mail with PHP
- Include External Files
- Create Your Own PHP Function
- Chapter 13: Adding Information from a Database
- Understanding Relational Databases
- Create a Database
- Create a Table
- Populate the Table with Data
- Connect PHP to the Database
- Display the Contents of a Table on a Web Page
- Search the Database
- Insert New Data into a Table with PHP
- Chapter 14: Publishing Your Site and Getting Noticed
- Find a Web Host
- Buy a Domain Name
- Publish Your Web Site Using FTP
- Set Up Remote Server Information in Dreamweaver
- Upload Your Files Using Dreamweaver
- Understanding Search Engine Optimization
- Use Meta Tags
- Use Google Webmaster Tools
- Create a Sitemap
- Prevent Pages from Being Listed on Search Engines
- Appendix A: HTML Colors
- Index
