HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself

Auteur
Jennifer Kyrnin consults professionally on web design and web development. She has built and maintained websites of all sizes, from small single-page sites to large million-page database-driven sites for international audiences. She has taught HTML, XML, and web design online since 1997 and is the author of Sams Teach Yourself HTML5 Mobile Application Development, Sams Teach Yourself Responsive Web Design, and Sams Teach Yourself Bootstrap.

Julie Meloni is a software development manager and technical consultant living in Washington, DC. She has written several books and articles on web-based programming languages and database topics, including the bestselling Sams Teach Yourself PHP, MySQL, and Apache All in One.

Texte du rabat

A solid understanding of HTML, CSS, and JavaScript -- and how they work together -- is vital to any kind of contemporary web development. And these core technologies are only growing in importance as contemporary web development moves away from a reliance on proprietary technologies like Flash for rich interface and mobile applications.

Teach Yourself HTML, CSS, and JavaScript All in One combines these three fundamental web development technologies into one clearly written, carefully organised, step-by-step tutorial that expertly guides the beginner through these three interconnected technologies.

By the end of this book the reader will understand how these technologies work, and more importantly, how they work together to create modern web pages and sites. After completing the book's lessons the reader will be able to confidently create basic but professional-looking interactive web sites.

Coverage of the HTML5, CSS3, and ECMAScript 6 standards is thoughtfully integrated into every chapter of the book, mentioning new features or tools within context of the task or topic at hand.

Résumé

Sams Teach Yourself HTML, CSS, and JavaScript All in One combines these three fundamental web development technologies into one clearly written, carefully organized, step-by-step tutorial that expertly guides the beginner through these three interconnected technologies.

In just a short time, you can learn how to use HTML, Cascading Style Sheets (CSS), and JavaScript together to design, create, and maintain world-class websites. Each lesson in this book builds on the previous ones, enabling you to learn the essentials from the ground up. Clear instructions and practical, hands-on examples show you how to use HTML to create the framework of your website, design your sites layout and typography with CSS, and then add interactivity with JavaScript and jQuery.

Step-by-step instructions carefully walk you through the most common web development tasks.
Practical, hands-on examples show you how to apply what you learn.
Quizzes and exercises help you test your knowledge and stretch your skills.

Learn how to

• Build your own web page and get it online in an instant
• Format text for maximum clarity and readability
• Create links to other pages and to other sites
• Add graphics, color, and visual pizzazz to your web pages
• Work with transparent images and background graphics
• Design your sites layout and typography using CSS
• Make elements move on your page with CSS transformations and transitions
• Animate with CSS and the HTML5 Canvas element
• Write HTML thats responsive web design-ready
• Design a site for mobile devices
• Use CSS media queries and breakpoints
• Get user input with web-based forms
• Use JavaScript to build dynamic, interactive web pages
• Add AJAX effects to your web pages
• Leverage JavaScript libraries such as jQuery
• Make your site easy to maintain and update as it grows

Contenu
PART I: GETTING STARTED ON THE WEB
Lesson 1: Understanding How the Web Works 1

A Brief History of HTML and the World Wide Web 2
Creating Web Content 2
Understanding Web Content Delivery 3
Selecting a Web Hosting Provider 6
Testing with Multiple Web Browsers and Devices 8
Creating a Sample File 9
Using FTP to Transfer Files 10
Understanding Where to Place Files on the Web Server 14
Distributing Content Without a Web Server 17
Tips for Testing Web Content 18
Summary 19
Q&A 20
Workshop 20
Exercises 22
Lesson 2: Creating Web Content 2
Getting Prepared 24
Getting Started with a Simple Web Page 25
HTML Tags Every Web Page Must Have 28
Organizing a Page with Paragraphs and Line Breaks 31
Organizing Your Content with Headings 33
Understanding Semantic Elements 36
Using in Multiple Ways 42
Understanding the Element 44
Using 45
Implementing the Element 45
When to Use 47
Using Effectively 48
Summary 49
Q&A 50
Workshop 51
Exercises 53
Lesson 3: Understanding Cascading Style Sheets 55
How CSS Works 56
A Basic Style Sheet 57
A CSS Style Primer 63
Using Style Classes 68
Using Style IDs 70
Internal Style Sheets and Inline Styles 71
Summary 74
Q&A 75
Workshop 75
Exercises 77
Lesson 4: Understanding JavaScript 79
Learning Web Scripting Basics 80
How JavaScript Fits into a Web Page 81
Exploring JavaScript’s Capabilities 84
Displaying Time with JavaScript 85
Testing the Script 89
Summary 93
Q&A 93
Workshop 94
Exercises 96
Lesson 5: Validating and Debugging Your Code 97
Validating Your Web Content 97
Debugging HTML and CSS Using Developer Tools 99
Debugging JavaScript Using Developer Tools 112
Summary 118
Q&A 118
Workshop 118
Exercises 120

PART II: BUILDING BLOCKS OF PRACTICAL WEB DESIGN
Lesson 6: Working with Fonts, Text Blocks, Lists, and Tables 121
Working with Special Characters 122
Boldface, Italic, and Special Text Formatting 126
Tweaking the Font 129
Using Web Fonts 133
Aligning Text on a Page 136
The Three Types of HTML Lists 139
Placing Lists Within Lists 142
Creating a Simple Table 147
Controlling Table Sizes 151
Alignment and Spanning Within Tables 154
Page Layout with Tables &nbs…