The the HTML and CSS Workshop : a New, Interactive Approach to Learning HTML and CSS.
Cut through the noise and get real results with a step-by-step approach to learning HTML and CSS programming.
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Otros Autores: | , , , |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Birmingham :
Packt Publishing, Limited,
2019.
|
Temas: | |
Acceso en línea: | Texto completo Texto completo |
Tabla de Contenidos:
- Cover
- FM
- Copyright
- Table of Contents
- Preface
- Chapter 1: Introduction to HTML and CSS
- Introduction
- HTML
- Syntax
- Content Types
- The HTML Document
- The HTML DOM
- The Doctype Declaration
- Structuring an HTML Document
- HTML
- Head
- Body
- Our First Web Page
- Exercise 1.01: Creating a Web Page
- Metadata
- Exercise 1.02: Adding Metadata
- Mistakes in HTML
- Validating HTML
- Exercise 1.03: Validation
- Exercise 1.04: Validation Errors
- Activity 1.01: Video Store Page Template
- CSS
- Syntax
- Adding Styles to a Web Page
- Exercise 1.05: Adding Styles
- Exercise 1.06: Styles in an External File
- CSSOM
- CSS Selectors
- Element, ID, and Class
- The Universal Selector (*)
- Attribute Selectors
- Pseudo-classes
- Pseudo-elements
- Combining Selectors
- Exercise 1.07: Selecting Elements
- CSS Specificity
- The Special Case of!important
- Activity 1.02: Styling the Video Store Template Page
- Dev Tools
- The Top Bar
- The Elements Tab
- How a Web Page Renders
- Summary
- Chapter 2: Structure and Layout
- Introduction
- Structural Elements
- The header Tag
- The footer Tag
- The section Tag
- The article Tag
- The nav Tag
- The aside Tag
- The div Tag
- A News Article Web Page
- Exercise 2.01: Marking up the Page
- Wireframes
- Activity 2.01: Video Store Home Page
- CSS Page Layouts
- Video Store Product Page
- Float-Based Layouts
- The float Property
- The width Property
- Clearing Floated Elements
- Flex-Based Layouts
- The flex Container
- The flex Items
- Grid-Based Layouts
- The grid Container
- The grid Items
- Exercise 2.02: A grid-Based Layout
- The Box Model
- Content Box
- The padding Property
- The border Property
- The margin Property
- Exercise 2.03: Experimenting with the Box Model
- Putting It All Together
- Exercise 2.04: Home Page Revisited
- Exercise 2.05: Video Store Product Page Revisited
- Activity 2.02: Online Clothes Store Home Page
- Summary
- Chapter 3: Text and Typography
- Introduction
- Text-Based Elements
- Headings
- Paragraphs
- Inline Text Elements
- Lists
- Exercise 3.01: Combining Text-Based Elements
- Semantic Markup
- Styling Text-Based Elements
- CSS Resets
- CSS Text Properties
- CSS Font Properties
- The display Property
- Video Store Product Page (Revisited)
- Exercise 3.02: Navigation
- Breadcrumbs
- Exercise 3.03: Breadcrumb
- Exercise 3.04: Page Heading and Introduction
- Exercise 3.05: Product Cards
- Activity 3.01: Converting a Newspaper Article to a Web Page
- Summary
- Chapter 4: Forms
- Introduction
- Form Elements
- The form Element
- The input Element
- The label Element
- The textarea Element
- The fieldset Element
- The select Element
- The button Element
- Exercise 4.01: Creating a Simple Form
- Styling Form Elements
- Label, Textbox, and Textarea
- Buttons
- Select Boxes
- Validation Styling