Cargando…

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.

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Coulson, Lewis
Otros Autores: Jephson, Brett, Larsen, Rob, Park, Matt, Zburlea, Marian
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