Muutke küpsiste eelistusi

HTML: A Beginner's Guide, Fifth Edition 5th edition [Pehme köide]

  • Formaat: Paperback / softback, 512 pages, kõrgus x laius x paksus: 229x185x25 mm, kaal: 876 g, 50 Illustrations
  • Sari: Beginner's Guide
  • Ilmumisaeg: 16-May-2013
  • Kirjastus: Osborne/McGraw-Hill
  • ISBN-10: 0071809279
  • ISBN-13: 9780071809276
Teised raamatud teemal:
  • Formaat: Paperback / softback, 512 pages, kõrgus x laius x paksus: 229x185x25 mm, kaal: 876 g, 50 Illustrations
  • Sari: Beginner's Guide
  • Ilmumisaeg: 16-May-2013
  • Kirjastus: Osborne/McGraw-Hill
  • ISBN-10: 0071809279
  • ISBN-13: 9780071809276
Teised raamatud teemal:
Publisher's Note: Products purchased from Third Party sellers are not guaranteed by the publisher for quality, authenticity, or access to any online entitlements included with the product.







Essential HTML skillsmade easy!

Thoroughly updated and revised, HTML: A Beginners Guide, Fifth Edition shows you, step by step, how to create dynamic websites with HTML. The book covers new HTML5 features, including video, audio, and canvas elements. Learn how to structure a page, place images, format text, create links, add color, work with multimedia, and use forms. You'll also go beyond the basics and find out how to work with Cascading Style Sheets (CSS), create dynamic web content with JavaScript, upload your site to the web, and code HTML emails. By the end of the book you'll be able to build custom websites using the latest HTML techniques.

Chapters include:





Key Skills & Concepts--Chapter-opening lists of specific skills covered in the chapter Ask the Expert--Q & A sections filled with bonus information and helpful tips

Try This--Hands-on exercises that show you how to apply your skills Notes--Extra information related to the topic being covered Tips--Helpful reminders or alternate ways of doing things Self-Tests--End-of-chapter reviews to test your knowledge Annotated syntax--Example code with commentary that describes the programming techniques being illustrated
Acknowledgments xvii
Introduction xix
PART I Laying the Foundation
1 Getting Started
3(20)
Understand the Internet as a Medium for Disseminating Information
4(5)
The Anatomy of a Web Site
4(3)
Web Browsers
7(1)
Internet Service Providers
8(1)
Be Aware of the Current Version of HTML
9(1)
Plan for the Audience, Goals, Structure, Content, and Navigation of Your Site
10(4)
Identify the Target Audience
10(1)
Set Goals
11(1)
Create the Structure
12(1)
Organize Content
12(1)
Develop Navigation
13(1)
Identify the Best HTML Editor for You
14(3)
Which Is Best?
16(1)
Learn from the Pros Using the View Source Command of Popular Web Browsers
17(6)
2 Document Setup
23(18)
Create an HTML File
24(1)
Naming Conventions
24(1)
Preview an HTML File in a Browser
25(2)
Describe and Apply the Basic HTML Document Format
27(9)
Types of Elements
28(2)
Types of Tags
30(1)
Attributes
30(1)
Required Tags
31(2)
Capitalization
33(1)
Quotation Marks
34(1)
Nesting
34(1)
Spacing and Breaks Within the Code
34(1)
Spacing and Breaks Between Tags
35(1)
Spacing Between Lines of Text
35(1)
Use Character Entities to Display Special Characters
36(2)
Add Comments to an HTML File
38(3)
3 Style Sheet Setup
41(16)
Set Up Style Sheets in an HTML File
42(6)
Define the Style
42(1)
Define the Values
43(1)
Create the Structure
44(3)
Understand the Cascade
47(1)
Identify the Ways in Which Color Is Referenced in Web Development
48(4)
Hexadecimal Color
48(2)
RGB Values and Percentages
50(1)
Color Names
51(1)
So Which Should I Use?
52(1)
New and Notable Color Options
52(1)
RGBA
52(1)
Opacity
52(1)
Specify Document Colors
52(5)
4 Working with Text
57(22)
Ensure Onscreen Readability of Text
58(2)
Markup Text
60(1)
Style Text
61(11)
Font Faces
63(3)
Font Sizes
66(4)
Font Colors
70(1)
Other Font Style Properties
70(2)
Offer Printer-Friendly Versions of Text Content
72(7)
PDFs
72(1)
Printer-Specific Style Sheets
73(2)
Final Tips for Printer-Friendly Pages
75(4)
5 Page Structure
79(26)
Organize Sections of Content
80(9)
Identifying Natural Divisions
80(7)
Set the Outline
87(2)
Get Inspired
89(1)
Organize Text
89(16)
Paragraphs
89(4)
Line Breaks
93(2)
Quotation Blocks
95(1)
Box Properties
96(4)
Alignment
100(5)
6 Positioning Page Elements
105(28)
Understand the Concept and Uses of Style Sheets for Page Layout
106(1)
Create a Single-Column, Centered, Fluid Page Layout
107(4)
Break Down the Code
109(1)
Pull It All Together
110(1)
Browser Support
111(1)
Create a Multicolumn Fluid Page Layout
111(10)
Break Down the Code
113(7)
Pull It Back Together
120(1)
Browser Support
120(1)
Other CSS Page Layouts
121(1)
Layer Content Within a Layout
122(4)
Realistic Uses of Layers in Web Pages
125(1)
Use External Style Sheets
126(7)
Link to an External Style Sheet
126(1)
Import an External Style Sheet
127(6)
PART II Adding the Content
7 Working with Links
133(26)
Add Links to Other Web Pages
134(4)
Absolute Links
135(1)
Relative Links
135(3)
Add Links to Sections Within the Same Web Page
138(5)
Create an Anchor
139(1)
Link to an Anchor
140(3)
Add Links to Email Addresses and Downloadable Files
143(3)
Email Addresses
143(3)
FTP and Downloadable Files
146(1)
Recognize Effective Links
146(3)
Extra Credit
149(1)
Style Links
149(3)
Default Link Colors
150(1)
Beyond Colors
151(1)
Customize Links by Setting the Tab Order, Keyboard Shortcut, and Target Window
152(7)
Title
152(1)
Tab Order
153(1)
Keyboard Shortcuts
153(1)
Target Windows
154(5)
8 Working with Images
159(38)
Locating Web Image Sources
160(2)
Use Stock Images
160(1)
Creating Your Own Graphics
161(1)
Become Familiar with Graphics Software
162(2)
Adobe Photoshop and Illustrator
162(1)
Other Options
163(1)
Recognize Appropriate Web Image File Formats
164(8)
Terminology
164(2)
GIF
166(1)
JPEG
167(2)
PNG
169(1)
Choose the Best File Format for the Job
170(2)
Use Images as Elements in the Foreground of a Web Page
172(1)
Specify the Height and Width of Images
173(2)
Provide Alternative Text and Titles for Images
175(2)
Link Images to Other Content on a Web Site
177(4)
Link the Entire Image
178(1)
Link Sections of an Image
178(3)
Add Figure Captions
181(1)
Style Foreground Images
182(10)
Borders
182(3)
Floats
185(2)
Padding and Margins
187(1)
Centering
188(1)
Pulling It All Together
189(3)
Use Images as Elements in the Background of a Web Page
192(5)
Extra Credit
195(2)
9 Working with Multimedia
197(20)
Understand How Plug-ins Are Used with Web Browsers
198(2)
Identify the Installed Components
199(1)
Recognize File Types, Extensions, and Appropriate Plug-ins
199(1)
Link to Different Types of Media from a Web Page
200(2)
Embed Different Types of Media onto a Web Page
202(10)
Start with the audio and video Elements
203(1)
Customize with Attributes
203(1)
Specify Sources
203(4)
Provide Fallback Options
207(2)
Add Text Tracks
209(2)
Use embed for Non-native Multimedia Content
211(1)
Style Multimedia Content
212(5)
10 Creating Lists
217(18)
Use Ordered Lists in a Web Page
218(3)
Use Unordered Lists in a Web Page
221(1)
Use Definition Lists in a Web Page
222(1)
Combine and Nest Two or More Types of Lists in a Web Page
223(3)
Style Lists
226(9)
Customize the Bullets
226(1)
Customize the Spacing
227(1)
Customize the Entire Layout
228(7)
11 Using Tables
235(32)
Understand the Concept and Uses of Tables in Web Pages
236(1)
Create a Basic Table Structure
237(5)
Table Structure
238(1)
Cell Content
239(3)
Format Tables Within Web Pages
242(10)
Borders and Margins
242(2)
Width and Height
244(2)
Basic Alignment
246(2)
Colors
248(1)
Background Images
249(1)
Captions
250(2)
Format Content Within Table Cells
252(7)
Alignment
252(1)
Width and Height
253(2)
Cell Padding
255(1)
Colors
256(1)
Prohibit Line Breaks
257(1)
Spanning Columns
257(1)
Span Rows
258(1)
Additional Formatting Techniques for Tables
259(8)
Group Rows
259(2)
Group Columns
261(6)
12 Creating Forms
267(30)
Understand the Concept and Uses of Forms in Web Pages
268(1)
Create a Basic Form
268(22)
Text Input
270(5)
Radio Buttons
275(2)
Check Boxes
277(1)
Date and Time Inputs
278(1)
Other Number Inputs
279(2)
Contact Methods
281(2)
Color Selectors
283(1)
Select Menus
284(2)
Disable Form Elements
286(1)
Hidden Fields
286(1)
File Uploads
286(1)
Buttons
287(3)
Validate the Form Content
290(2)
Using Patterns
291(1)
Provide a Way for Your Form to Be Processed
292(5)
The action Attribute
292(3)
The method and enctype Attributes
295(2)
13 Formatting and Styling Forms
297(24)
Apply Tables to Forms
298(1)
Make Forms More User-Friendly
299(9)
Set Tab Order and Keyboard Shortcuts
300(1)
Include Labels
301(1)
Group-Related Controls
302(2)
Add Data Lists
304(1)
Show Progress
304(3)
Assist Your Users
307(1)
Style Forms
308(13)
Use Styles and Fieldsets to Eliminate the Table Layout
311(4)
Use Styles for Client-Side Validation
315(6)
14 Beyond Static HTML
321(28)
Understand the Concept and Uses of JavaScript and HTML5 APIs in Web Pages
322(8)
Troubleshoot JavaScript
323(1)
Terminology
324(5)
JavaScript Logic
329(1)
New and Notable
330(6)
Multitasking
330(1)
Storage
330(1)
Offline
331(1)
Geolocation
332(1)
Canvas
333(3)
Sample Scripts
336(9)
Add the Current Date and Time
336(1)
Format a New Window
336(1)
Create a Dynamic Navigation Bar
337(3)
Display a User's Location on a Map
340(5)
Learn More
345(4)
Online References and Scripts
345(4)
PART III Going Live
15 Publishing Pages
349(24)
Select Possible Domain Names for Your Site
350(1)
Determine the Most Appropriate Type of Hosting for Your Site
351(3)
Personal Site Hosting
351(2)
Business Site Hosting
353(1)
Prepare Your Site for Its Public Debut
354(9)
Update Meta Content
355(1)
Troubleshoot the Code
356(3)
Validate the Code
359(1)
Preview on Mobile Devices
360(2)
Preview in Other Browsers
362(1)
Upload Your Site to a Host Computer
363(5)
Desktop FTP Programs
364(3)
Web-Based FTP
367(1)
Test Your Published Site
368(1)
Publicize Your Web Site
368(3)
Marketing Tips
370(1)
Make the Site Live!
371(2)
16 HTML for Email
373(32)
Email Standards Project
374(1)
Determine Whether HTML Email Is Appropriate for Your Needs
375(2)
The Purpose of Email Is to Communicate
375(1)
The End-User Display Is Unknown
375(1)
Plain-Text Email Is Safer and Smaller
376(1)
But ... HTML Email Marketing Works
376(1)
Don't Send Spam
377(1)
Email the Right People
377(1)
Always Provide a Way to Opt Out
378(1)
Adhere to Other FTC Rules
378(1)
Identify the Necessary Tools for the Task
378(2)
Send Live Web Pages with a Personal Email Account
378(1)
Using an Email Service Provider
379(1)
Code for Email Readers, Not Web Browsers
380(9)
Absolute Paths
382(1)
Images
382(2)
Tables for Layout
384(2)
Inline CSS
386(3)
Reference Guide to CSS Support in Email Clients
389(1)
Interactivity and Multimedia in HTML Email
389(6)
Video in Email
389(4)
Flash
393(1)
Forms
393(2)
Test, Test, Test
395(10)
Spam Test
397(8)
PART IV Appendixes
A Answers to Self Tests
405(24)
Chapter 1 Getting Started
406(1)
Chapter 2 Page Setup
407(1)
Chapter 3 Style Sheet Setup
408(1)
Chapter 4 Working with Text
409(1)
Chapter 5 Page Structure
410(1)
Chapter 6 Positioning Page Elements
411(2)
Chapter 7 Working with Links
413(1)
Chapter 8 Working with Images
414(2)
Chapter 9 Working with Multimedia
416(2)
Chapter 10 Creating Lists
418(2)
Chapter 11 Using Tables
420(2)
Chapter 12 Creating Forms
422(1)
Chapter 13 Formatting and Styling Forms
423(1)
Chapter 14 Beyond Static HTML
424(2)
Chapter 15 Making Pages Available to Others
426(1)
Chapter 16 HTML for Email
426(3)
B HTML/CSS Reference Table
429(26)
Generic Attributes
430(1)
Group Type: Core
430(1)
Group Type: Events
431(3)
Group Type: Intl
434(1)
HTML Tags
434(13)
CSS Properties
447(8)
C Troubleshooting (FAQs)
455(10)
My Page Is Blank in the Browser!
456(1)
All I See Is Code in the Browser!
457(1)
My Images Don't Appear!
457(1)
I Tried to Change the Font, But Nothing Happened!
457(1)
When I Use a Special Character, It Doesn't Appear!
457(1)
My Links Don't Work!
458(1)
My Page Looks Great in One Browser, But Terrible in Another!
458(1)
When I Link My Images, They Have Little Colored Dashes Next to Them!
459(1)
I Saved My Image as a JPEG, But the Browser Says It's Not a Valid File Format!
459(1)
Strange Characters Are at the Top of My Page!
459(1)
I Added Internal Links to Sections of a Web Page, But When I Click Them, the Browser Launches a Brand New Window!
460(1)
I Specified One Color, But Got a Totally Different One!
460(1)
I Need to Protect Some of My Pages from Unwanted Visitors!
460(1)
I Need to Prevent People from Stealing My Images!
461(1)
I Tried to Send My Web Page in an Email, But the Page Looked Terrible!
461(1)
I Updated My Web Page, But I Don't See the Changes in the Browser!
461(1)
My Whole Page Is________! (Fill in the Blank)
462(1)
My Page Has a White Background in One Browser, But Not in Others!
462(1)
I Shrank My Images, But They Still Take Forever to Download!
462(1)
I Embedded a Flash File That Works Fine on My Computer, But Doesn't Work Properly on Other Computers!
463(1)
My Tables Look Fine in One Browser, But Terrible in Another!
463(1)
I Still Have Questions!
464(1)
D Special Characters
465(6)
Standard HTML Entities
466(5)
E File Types
471(4)
Index 475
Wendy Willard is founder and owner of WILLARDESIGNS, a firm specializing in cutting edge Web-based design and development for businesses of all sizes and varieties, and in education and consulting about web-related concepts. She holds a degree in Illustration from Art Center College of Design in Pasadena, California. Wendy teaches and lectures on Web design and development throughout the U.S. and Europe.