HTML, CSS & JavaScript Web Publishing in One Hour a Day, Sams Teach Yourself

Auteur

Rafe Colburn is an author and web developer with more than 15 years of experience building websites. His other books include Special Edition Using SQL and Sams Teach Yourself CGI in 24 Hours. You can read his blog at http://rc3.org or find him on Twitter as @rafeco.

Jennifer Kyrnin is an author and web designer who has been working on the Internet since 1995. Her other books include Sams Teach Yourself Bootstrap in 24 Hours, Sams Teach Yourself Responsive Web Design in 24 Hours, and Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours. She can be found at http://htmljenn.com/or on Twitter as @htmljenn.

Laura Lemay is one of the world's most popular authors on web development topics. She is the original author of Sams Teach Yourself Web Publishing with HTML, Sams Teach Yourself Java in 21 Days, and Sams Teach Yourself Perl in 21 Days.

Texte du rabat

Contenu
Tag Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 9: Using Images on Your Web Pages

Images on the Web

Image Formats

GIF

JPEG

PNG

SVG

Inline Images in HTML: The Tag

Adding Alternative Text to Images

Images and Text

Text and Image Alignment

Wrapping Text Next to Images

Adjusting the Space Around Images

Images and Links

Other Neat Tricks with Images

Image Dimensions and Scaling

Image Backgrounds

Using Images as Bullets

What Is an Imagemap?

Getting an Image

Determining Your Coordinates

The and Tags

The usemap Attribute

Image Etiquette

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 10: Building Tables

Creating Tables

Table Parts

The Element

Summarizing the Table

Rows and Cells

Empty Cells

Captions

Sizing Tables, Borders, and Cells

Setting Table Widths

Changing Table Borders

Cell Padding

Cell Spacing

Column Widths

Table and Cell Color

Aligning Your Table Content

Table Alignment

Cell and Caption Alignment

Spanning Multiple Rows or Columns

More Advanced Table Enhancements

Grouping and Aligning Columns

Grouping and Aligning Rows

How Tables Are Used

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 11: Using CSS to Position Elements on the Page

Positioning Schemes

Relative Positioning

Absolute Positioning

Positioning Properties

Positioning Properties and Height and Width

Nesting Absolutely Positioned Elements

Dynamic Overlays

Fixed Positioning

Controlling Stacking

Creating Drop-Down Menus

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 12: Designing Forms

Understanding Form and Function

Using the Tag

Using the Tag

Creating Form Controls with the Tag

Creating Text Controls

Adding Options to Text Fields with datalist

Using the New HTML5 Controls

Creating Password Controls

Creating Submit Buttons

Creating Reset Buttons

Creating Check Box Controls

Creating Radio Buttons

Using Images as Submit Buttons

Creating Generic Buttons

Hidden Form Fields

The File Upload Control

Using Other Form Controls

Using the button Element

Creating Large Text-Entry Fields with textarea

Creating Menus with select and option

Grouping Controls with fieldset and legend

Changing the Default Form Navigation

Using Access Keys

Creating disabled and readonly Controls

Displaying Updates with progress and meter

Applying Cascading Style Sheet Properties to Form Elements

Planning Your Forms

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 13: Structuring a Page with HTML5

A Short History of HTML Page Layout

Laying Out a Page in HTML5

HTML5 Structural Tags

Sections

Header

Footer

Navigation

Articles

Asides

The Page Outline

Elements with Their Own Outlines

Using HTML5 Structural Elements

Polyfill Scripts

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercise

Lesson 14: Integrating Multimedia: Video and Sound

Embedding Video the Simple Way

Advantages and Disadvantages of Hosting Videos on External Sites

Uploading Videos to YouTube

Customizing the Video Player

Other Services

Hosting Your Own Video

Video and Container Formats

Converting Video to H.264

Embedding Video Using

The Tag

Using the Element

Embedding Flash Using the Tag

Alternative Content for the Tag

The Tag

Embedding Flash Movies Using SWFObject

Flash Video Players

JW Player

Using Flowplayer

Using the Tag with the Tag

Embedding Audio in Your Pages

The Tag

Flash Audio Players

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 15: Advanced CSS: Page Layout in CSS

Laying Out the Page

The Problems with Layout Tables

Writing HTML with Structure

Writing a Layout Style Sheet

The Floated Columns Layout Technique

The Role of CSS in Web Design

Style Sheet Organization

Site-Wide Style Sheets

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

Lesson 16: Using Responsive Web Design

What Is Responsive Web Design?

History of Responsive Web Design

Why RWD Is Important

RWD Is More Than Just Changing the Number of Columns

Mobile Devices Should Come First

Mobile First

Affecting the Viewport

Planning a Responsive Website

Check Your Analytics

Try the Site with Your Own Phone

Decide What Content Is Critical

Writing Media Queries

Media Types

Media Features

Breakpoints

Building a Style Sheet with Media Queries

Understanding the Mechanics of RWD

Adjusting the Layout

Making Images and Videos Responsive

Building Responsive Tables

Responsive Web Design Best Practices

Give Everyone the Best Experience

Use the Best Breakpoints for Your Website, Not for Devices

Be Flexible But Think Small

Summary

Workshop

Q&A

Quiz

Quiz Answers

Exercises

PART IV: Using JavaScript and jQuery

Lesson 17: Introducing JavaScript

Why Would You Want to Use JavaScript?

Ease of Use

Improving Performance

Integration with the Browser

The