HTML, CSS & JavaScript Web Publishing in One Hour a Day, Sams Teach Yourself: Covering HTML5, CSS3, and jQuery

Completely revamped to teach HTML5 and CSS3 from the very beginning, this is the newest edition of the worldwide best-seller that has helped 500,000+ people learn the foundational skills of modern web development. Laura Lemay and Rafe Colburn have thoroughly revamped their in-depth tutorial to cover the latest web skills and technologies, and walk the reader through creating interactive, dynamic web sites using today's JavaScript libraries, services, and social web technologies.

Autorentext

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.

Zusammenfassung
Thoroughly revised and updated with examples rewritten to conform to HTML5, CSS3, and contemporary web development practices, this easy-to-understand, step-by-step tutorial helps you quickly master the basics of HTML and CSS before moving on to more advanced topics such as graphics, video, and interactivity with JavaScript and jQuery.
In just one hour a day, you’ll learn the skills you need to design, create, and maintain a professional-looking website.

• No previous experience required. By following each short, one-hour lesson in this book, anyone can learn the basics of web development.
• Learn at your own pace. You can work through each lesson sequentially to make sure you thoroughly understand all the concepts and methodologies, or you can focus on specific lessons to learn the techniques that interest you most.

• Test your knowledge. Each lesson ends with a Workshop section filled with questions, answers, and exercises for further study.Learn how to...

• Fully implement the HTML5 and CSS3 standards
• Work with text and create links
• Add images and graphics to your page
• Use CSS to style a site and position elements on a page
• Structure a page with HTML5
• Use responsive web design to make your pages look good on different-sized screens
• Use JavaScript to add dynamic elements and interactivity on your pages
• Leverage jQuery to add JavaScript features to your pages
• Design for the mobile web
• Get your site online and let people know it’s there
• Optimize your site for search enginesContents at a Glance
  PART I: Getting Started1 What Is Web Publishing2 Getting Your Tools in Order3 Introducing HTML and CSS
  PART II: Creating Web Pages4 Learning the Basics of HTML 5 Organizing Information with Lists6 Working with Links
  PART III: Doing More with HTML and CSS7 Formatting Text with HTML and CSS8 Using CSS to Style a Site9 Using Images on Your Web Pages10 Building Tables11 Using CSS to Position Elements on a Page12 Designing Forms13 Structuring a Page with HTML514 Integrating Multimedia: Video and Sound15 Advanced CSS: Page Layout in CSS16 Using Responsive Web Design
  PART IV: Using JavaScript and jQuery17 Introducing JavaScript18 Using jQuery19 Using JavaScript in Your Pages20 Working with Frames and Linked Windows
  PART V: Designing for Everyone21 Designing for the Mobile Web22 Designing for User Experience
  PART VI: Going Live on the Web23 How to Publish Your Site24 Taking Advantage of the Server25 Search Engines and SEO

Inhalt
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 …