Book description
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
Publisher resources
Table of contents
- Preface
-
I. Getting Started
- 1. Where Do I Start?
- 2. How the Web Works
- 3. Some Big Concepts You Need to Know
-
II. HTML Markup for Structure
-
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
-
5. Marking Up Text
- Paragraphs
- Headings
- Lists
- More Content Elements
- Organizing Page Content
-
The Inline Element Roundup
-
Text-level (inline) elements
- Emphasized text
- Important text
- The previously presentational elements that are sticking around in HTML5 with fancy new semantic definitions
- Short quotations
- Abbreviations and acronyms
- Citations
- Defining terms
- Program code elements
- Subscript and superscript
- Highlighted text
- Times and machine-readable information
- Inserted and deleted text
- Adding Breaks
-
Text-level (inline) elements
- Generic Elements (div and span)
- Some Special Characters
- Putting It All Together
- Test Yourself
- Element Review: Text
- 6. Adding Links
- 7. Adding Images
- 8. Table Markup
-
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
- 10. What’s Up, HTML5?
-
4. Creating a Simple Page: (HTML Overview)
-
III. CSS for Presentation
- 11. Cascading Style Sheets Orientation
-
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
-
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
- 14. Thinking Inside the Box: (Padding, Borders, and Margins)
- 15. Floating and Positioning
- 16. Page Layout with CSS
- 17. Transitions, Transforms, and Animation
- 18. CSS Techniques
- IV. JavaScript for Behaviors
-
V. Creating Web Graphics
- 21. Web Graphics Basics
- 22. Lean and Mean Web Graphics
-
A. 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
- B. CSS3 Selectors
- Index
- About the Author
- Colophon
- Copyright
Product information
- Title: Learning Web Design, 4th Edition
- Author(s):
- Release date: August 2012
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781449319274
You might also like
book
Learning Web Design, 3rd Edition
Everything you need to know to create professional web sites is right here. Learning Web Design …
book
Learning Web Design, 5th Edition
Do you want to build web pages but have no prior experience? This friendly guide is …
book
The Principles of Beautiful Web Design, 4th Edition
The Principles of Beautiful Web Design is the ideal book for anyone who wants to design …
book
The Principles of Beautiful Web Design, 3rd Edition
The Principles of Beautiful Web Design is the ideal book for people who can build websites, …