فهرست مطالب

• Dear Reader
• Notes on Usage
• Table of Contents
• Preface
• 1. Introduction to the HTML Universe
• 1.1 Is This Book Even Intended for Me?
• 1.2 Different Types of Websites
• 1.3 Dynamic and Static Websites
• 1.4 Languages for Designing and Developing on the Web
• 1.5 What Do I Need to Get Started?
• 1.6 Conventions Used in This Book
• 1.7 Summary
• 2. Basic Structure of HTML and HTML Documents
• 2.1 Syntax and Structure of HTML and HTML Documents
• 2.2 A Simple HTML Document Framework
• 2.3 Summary
• 3. Head Data of an HTML Document
• 3.1 Overview of HTML Elements for the Head
• 3.2 <title>: Heading of the HTML Page
• 3.3 Related Topic: Naming Convention and Referencing
• 3.4 Defining the Base URL of a Web Page Using <base>
• 3.5 Referencing an External Document via <link>
• 3.6 Writing Document-Wide CSS Styles Using <style>
• 3.7 Including Scripts in Web Pages Using <script>
• 3.8 Metadata for the Document Using <meta>
• 3.9 Summary
• 4. The Visible Part of an HTML Document
• 4.1 HTML Elements for Structuring Pages
• 4.2 HTML Elements for Structuring Text
• 4.3 Using Semantic HTML
• 4.4 HTML Elements for Text Markups
• 4.5 Related Topic: Character Encoding
• 4.6 Character Entities in HTML
• 4.7 Summary
• 5. Tables and Hyperlinks
• 5.1 Structuring Data in a Table
• 5.2 Electronic References (Hyperlinks) Using <a>
• 5.3 Summary
• 6. Graphics and Multimedia
• 6.1 Embedding Images Using <img>
• 6.2 Creating Link-Sensitive Graphics (Image Maps)
• 6.3 Loading the Appropriate Image Using <picture>
• 6.4 Adding an Icon for the Website (Favicon)
• 6.5 Using Vector Graphics in HTML Documents
• 6.6 Drawing Graphics Using <canvas>
• 6.7 Playing Videos Using the HTML Element <video>
• 6.8 Playing Audio Files Using the HTML Element <audio>
• 6.9 Including Other Active Content
• 6.10 Summary
• 7. HTML Forms and Interactive Elements
• 7.1 Defining a Space for Forms
• 7.2 HTML Input Fields for Forms
• 7.3 Special Types of Input Fields
• 7.4 The HTML Attributes for Input Fields
• 7.5 Other Useful Helpers for Input Fields
• 7.6 Sending Form Data Using PHP
• 7.7 Interactive HTML Elements
• 7.8 Summary
• 8. Introduction to Cascading Style Sheets
• 8.1 The Story of CSS
• 8.2 The Basic Principle of Using CSS
• 8.3 Integrating CSS into HTML
• 8.4 Analyzing CSS in the Web Browser
• 8.5 Summary
• 9. The Selectors of CSS
• 9.1 The Simple Selectors of CSS
• 9.2 Combinators: Concatenating the Selectors
• 9.3 Recommendation: How to Use Efficient and Simple CSS
• 9.4 Summary
• 10. Inheritance and Cascading
• 10.1 The Principle of Inheritance in CSS
• 10.2 Understanding the Control System for Cascading
• 10.3 Related Topic: Passing Values to CSS Features
• 10.4 Summary
• 11. The Box Model of CSS
• 11.1 Classic Box Model of CSS
• 11.2 Newer Alternate Box Model of CSS
• 11.3 Analyzing the Box Model in the Browser
• 11.4 Box Model for Inline Elements
• 11.5 Designing Boxes
• 11.6 Related Topic: Web Browser Prefixes (CSS Vendor Prefixes)
• 11.7 Summary
• 12. CSS Positioning
• 12.1 Positioning via CSS Feature “position”
• 12.2 Controlling Stacking Using “z-index”
• 12.3 Floating Boxes for Positioning via “float”
• 12.4 Flexible Boxes of CSS
• 12.5 Summary
• 13. Creating Responsive Layouts with CSS
• 13.1 Basic Theoretical Knowledge of Responsive Web Design
• 13.2 Let’s Create a Simple Responsive Layout
• 13.3 Even More Flexible Elements
• 13.4 CSS Grid Layout
• 13.5 Changing the Behavior of HTML Elements Using “display”
• 13.6 Calculations Using CSS and the “calc()” Function
• 13.7 Summary
• 14. Styling with CSS
• 14.1 Designing Texts with CSS
• 14.2 Designing Lists with CSS
• 14.3 Designing Appealing Tables with CSS
• 14.4 Adjusting Images and Graphics Using “width” and “height”
• 14.5 Transforming Elements with CSS
• 14.6 Creating Transitions with CSS
• 14.7 Styling HTML Forms with CSS
• 14.8 Summary
• 15. Testing and Organizing
• 15.1 Web Browser Tests: What’s Possible?
• 15.2 Viewing Websites in Different Sizes
• 15.3 Setting Up a Central Stylesheet
• 15.4 CSS Reset or Normalization?
• 15.5 Summary
• 16. The CSS Preprocessor Sass and SCSS
• 16.1 Sass or SCSS Syntax
• 16.2 From Sass/SCSS to CSS
• 16.3 Installing and Setting Up Sass
• 16.4 Using Variables with Sass
• 16.5 Nesting with Sass
• 16.6 Mixins (“@mixin”, “@include”)
• 16.7 Extend (“@extend”)
• 16.8 Media Queries and “@content”
• 16.9 Operators
• 16.10 Adjusting Colors and Brightness
• 16.11 Sass Control Structures
• 16.12 Functions “@function”
• 16.13 “@import”
• 16.14 Comments
• 16.15 Summary
• 17. A Brief Introduction to JavaScript
• 17.1 JavaScript in Web Development
• 17.2 Writing and Executing JavaScript Programs
• 17.3 JavaScript Output
• 17.4 Using Variables in JavaScript
• 17.5 Overview of JavaScript Data Types
• 17.6 Arithmetic Operators for Calculation Tasks in JavaScript
• 17.7 Conditional Statements in JavaScript
• 17.8 Multiple Repetitions of Program Statements via Loops
• 17.9 Summary
• 18. Arrays, Functions, and Objects in JavaScript
• 18.1 Functions in JavaScript
• 18.2 Arrays
• 18.3 Strings and Regular Expressions
• 18.4 Object-Oriented Programming in JavaScript
• 18.5 Other Global Objects
• 18.6 Summary
• 19. Changing Web Pages Dynamically
• 19.1 Introduction to the DOM of an HTML Document
• 19.2 The “document” Object
• 19.3 DOM Programming Interface
• 19.4 Accessing Elements in the DOM
• 19.5 Changing an HTML Element, an Attribute, or the Style
• 19.6 Responding to JavaScript Events
• 19.7 Handling the Events Using the Event Handler
• 19.8 Overview of Common JavaScript Events
• 19.9 More Information about Events with the “event” Object
• 19.10 Suppressing the Default Action of Events
• 19.11 The Event Flow (Event Propagation)
• 19.12 Adding, Changing, and Removing HTML Elements
• 19.13 HTML Forms and JavaScript
• 19.14 Summary
• 20. An Introduction to Ajax
• 20.1 An Introduction to Ajax Programming
• 20.2 Summary
• The Author
• Index
• Service Pages
• Legal Notes