[valeri[µ]]

Learning Web Design, 4th Edition


Год: 2012
Автор: Jennifer Niederst Robbins
Издательство: O'Reilly Media
ISBN: 978-1-4493-1927-4
Язык: Английский
Формат: PDF
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 624
Описание:Do you want to build web pages, but have no previous experience? This friendly guide is the perfect place to start. You’ll begin at square one, learning how the Web and web pages work, and then steadily build from there. By the end of the book, you’ll have the skills to create a simple site with multi-column pages that adapt for mobile devices.Learn how to use the latest techniques, best practices, and current web standards—including HTML5 and CSS3. Each chapter provides exercises to help you to learn various techniques, and short quizzes to make sure you understand key concepts.This thoroughly revised edition is ideal for students and professionals of all backgrounds and skill levels, whether you’re a beginner or brushing up on existing skills. Build HTML pages with text, links, images, tables, and forms
Use style sheets (CSS) for colors, backgrounds, formatting text, page layout, and even simple animation effects
Learn about the new HTML5 elements, APIs, and CSS3 properties that are changing what you can do with web pages
Make your pages display well on mobile devices by creating a responsive web design
Learn how JavaScript works—and why the language is so important in web design
Create and optimize web graphics so they’ll download as quickly as possible

Chapter 1 : Where Do I Start?
Where Do I Start?
What Does a Web Designer Do?
What Languages Do I Need to Learn?
What Do I Need to Buy?
What You’ve Learned
Test Yourself

Chapter 2 : How the Web Works
The Internet Versus the Web
Serving Up Your Information
A Word About Browsers
Web Page Addresses (URLs)
The Anatomy of a Web Page
Putting It All Together
Test Yourself

Chapter 3 : Some Big Concepts You Need to Know
A Dizzying Multitude of Devices
Sticking with the Standards
Progressive Enhancement
Responsive Web Design
One Web for All (Accessibility)
The Need for Speed (Site Performance)
Test Yourself

HTML Markup for Structure
Chapter 4 : Creating a Simple Page: (HTML Overview)
A Web Page, Step by Step
Before We Begin, Launch a Text Editor
Step 1: Start with Content
Step 2: Give the Document Structure
Step 3: Identify Text Elements
Step 4: Add an Image
Step 5: Change the Look with a Style Sheet
When Good Pages Go Bad
Validating Your Documents
Test Yourself
Element Review: Document Structure

Chapter 5 : Marking Up Text
Paragraphs
Headings
Lists
More Content Elements
Organizing Page Content
The Inline Element Roundup
Generic Elements (div and span)
Some Special Characters
Putting It All Together
Test Yourself
Element Review: Text

Chapter 6 : Adding Links
The href Attribute
Linking to Pages on the Web
Linking Within Your Own Site
Targeting a New Browser Window
Mail Links
Telephone Links
Test Yourself
Element Review: Links

Chapter 7 : Adding Images
First, a Word on Image Formats
The img Element
A Window in a Window
Test Yourself
Element Review: Images

Chapter 8 : Table Markup
How Tables Are Used
Minimal Table Structure
Table Headers
Spanning Cells
Table Accessibility
Wrapping Up Tables
Test Yourself
Element Review: Tables

Chapter 9 : Forms
How Forms Work
The form Element
Variables and Content
The Great Form Control Roundup
Form Accessibility Features
Form Layout and Design
Test Yourself
Element Review: Forms

Chapter 10 : What’s Up, HTML5?
A Funny Thing Happened on the Way to XHTML 2
In the Markup Department
Meet the APIs
Video and Audio
Canvas
Final Word
Test Yourself

CSS for Presentation
Chapter 11 : Cascading Style Sheets Orientation
The Benefits of CSS
How Style Sheets Work
The Big Concepts
Moving Forward with CSS
Test Yourself

Chapter 12 : Formatting Text: (Plus More selectors)
The Font Properties
Changing Text Color
A Few More Selector Types
Text Line Adjustments
Underlines and Other “Decorations”
Changing Capitalization
Spaced Out
Text Shadow
Changing List Bullets and Numbers
Test Yourself
CSS Review: Font and Text Properties

Chapter 13 : Colors and Backgrounds: (Plus Even More Selectors and External Style Sheets)
Specifying Color Values
Foreground Color
Background Color
Playing with Opacity
Introducing...Pseudo-Class Selectors
Pseudo-Element Selectors
Attribute Selectors
Background Images
The Shorthand background Property
Like a Rainbow (Gradients)
Finally, External Style Sheets
Test Yourself
CSS Review: Color and Background Properties

Chapter 14 : Thinking Inside the Box: (Padding, Borders, and Margins)
The Element Box
Specifying Box Dimensions
Padding
Borders
Margins
Assigning Display Roles
Adding Drop Shadows to Boxes
Test Yourself
CSS Review: Basic Box Properties

Chapter 15 : Floating and Positioning
Normal Flow
Floating
Positioning Basics
Relative Positioning
Absolute Positioning
Fixed Positioning
Test Yourself
CSS Review: Floating and Positioning Properties

Chapter 16 : Page Layout with CSS
Page Layout Strategies
Page Layout Techniques
Multicolumn Layouts Using Floats
Positioned Layout
Top-to-Bottom Column Backgrounds
Test Yourself

Chapter 17 : Transitions, Transforms, and Animation
Ease-y Does It (CSS Transitions)
CSS Transforms
Keyframe Animation
Test Yourself
CSS Review: Transitions, Transforms, and Animation

Chapter 18 : CSS Techniques
A Clean Slate (CSS Reset)
Image Replacement Techniques
CSS Sprites
Styling Forms
Styling Tables
Basic Responsive Web Design
Wrapping Up Style Sheets
Test Yourself
CSS Review: Table Properties

JavaScript for Behaviors
Chapter 19 : Introduction to JavaScript
What Is JavaScript?
Adding JavaScript to a Page
The Anatomy of a Script
The Browser Object
Events
Putting It All Together
Test Yourself

Chapter 20 : Using JavaScript
Meet the DOM
Polyfills
JavaScript Libraries
Big Finish
Test Yourself

Creating Web Graphics
Chapter 21 : Web Graphics Basics
Image Sources
Meet the Formats
Image Size and Resolution
Working with Transparency
Introduction to SVG
Summing Up Images
Test Yourself

Chapter 22 : Lean and Mean Web Graphics
General Image Optimization Strategies
Optimizing GIFs
Optimizing JPEGs
Optimizing PNGs
Optimize to File Size
Optimization in Review
Test Yourself

Appendix : Answers
Chapter 1: Where Do I Start?
Chapter 2: How the Web Works
Chapter 3: Some Big Concepts You Need to Know
Chapter 4: Creating a Simple Page (HTML Overview)
Chapter 5: Marking Up Text
Chapter 6: Adding Links
Chapter 7: Adding Images
Chapter 8: Basic Table Markup
Chapter 9: Forms
Chapter 10: What’s Up, HTML5?
Chapter 11: CSS Orientation
Chapter 12: Formatting Text
Chapter 13: Colors and Backgrounds
Chapter 14: Thinking Inside the Box
Chapter 15: Floating and Positioning
Chapter 16: Page Layout with CSS
Chapter 17: Transitions, Transforms, and Animation
Chapter 18: CSS Techniques
Chapter 19: Introduction to JavaScript
Chapter 20: Using JavaScript
Chapter 21: Web Graphics Basics
Chapter 22: Lean and Mean Web Graphics

Appendix : CSS3 Selectors

Colophon