Learn enough HTML, CSS and layout to be dangerous : an introduction to modern website creation and templating systems

Learn enough HTML, CSS and layout to be dangerous An introduction to modern website creation and templating systems

Lee Donahoe

Book - 2022

"To design, build, and deploy modern websites, you need three core skills: the ability to write and edit HTML, wield CSS to control page design, and create efficient web layouts that serve users well. But you don't need to learn "everything" about HTML, CSS and web layout, just how to use them efficiently to solve real problems. In Learn Enough HTML, CSS and Layout to Be Dangerous, expert developer Lee Donahoe and renowned instructor Michael Hartl teach the specific concepts, skills, and approaches you need to get the job done. Even if you've never created a web page, the authors help you quickly build technical sophistication and master the lore you need to succeed. Focused exercises help you internalize what matt...ers, without wasting time on details pros don't care about. Soon, it'll be like you were born knowing this stuff--and you'll be suddenly, seriously dangerous"--

Saved in:
Place a Hold Save to List Email this

2nd Floor Show me where

006.74/HTML/Donahoe
1 / 1 copies available
Location Call Number   Status
2nd Floor 006.74/HTML/Donahoe Checked In
Subjects
HTML (Document markup language)
Cascading style sheets.
Web sites > Design.
Web site development.
Published
Boston : Addison-Wesley [2022]
Language
English
Main Author
Lee Donahoe (author)
Other Authors
Michael Hartl (author)
Item Description
Includes index.
Physical Description
xxiii, 655 pages : illustrations (chiefly color) ; 24 cm
ISBN
9780137843107
  • Preface
  • About the Authors
  • Part I. Hypertext Markup Language
  • Chapter 1. Basic HTML
  • 1.1. Introduction
  • 1.2. HTML Tags
  • 1.2.1. Exercises
  • 1.3. Starting the Project
  • 1.3.1. Exercises
  • 1.4. The First Tag
  • 1.4.1. Exercises
  • 1.5. An HTML Skeleton
  • 1.5.1. Exercises
  • Chapter 2. Filling in the Index Page
  • 2.1. Headings
  • 2.1.1. Exercise
  • 2.2. Text Formatting
  • 2.2.1. Emphasized Text
  • 2.2.2. Strong Text
  • 2.2.3. Exercises
  • 2.3. Links
  • 2.3.1. Exercises
  • 2.4. Adding Images
  • 2.4.1. Hotlinking
  • 2.4.2. Exercises
  • Chapter 3. More Pages, More Tags
  • 3.1. An HTML Page About HTML
  • 3.1.1. Exercises
  • 3.2. Tables
  • 3.2.1. Block Elements
  • 3.2.2. Inline Elements
  • 3.2.3. Exercises
  • 3.3. Divs and Spans
  • 3.3.1. Exercises
  • 3.4. Lists
  • 3.4.1. Exercise
  • 3.5. A Navigation Menu
  • 3.5.1. Exercises
  • Chapter 4. Inline Styling
  • 4.1. Text Styling
  • 4.1.1. Exercises
  • 4.2. Floats
  • 4.2.1. Exercise
  • 4.3. Applying a Margin
  • 4.3.1. Exercises
  • 4.4. More Margin Tricks
  • 4.4.1. Exercise
  • 4.5. Box Styling
  • 4.5.1. Exercises
  • 4.6. Navigation Styling
  • 4.6.1. Exercises
  • 4.7. A Taste of CSS
  • 4.7.1. Internal Stylesheets
  • 4.7.2. External Stylesheets
  • 4.7.3. Exercises
  • 4.8. Conclusion
  • Part II. Cascading Style Sheets and Page Layout
  • Chapter 5. Introduction to CSS
  • 5.1. You're a Front-End Developer
  • 5.1.1. So, What Is Front-End Development?
  • 5.2. CSS Overview and History
  • 5.2.1. CSS Is Always Changing
  • 5.2.2. How Did CSS Develop?
  • 5.2.3. The Bog of Eternal Subjectivity
  • 5.3. Sample Site Setup
  • 5.3.1. Exercise
  • 5.4. Start Stylin'
  • 5.4.1. Exercises
  • 5.5. CSS Selectors
  • 5.5.1. Exercises
  • Chapter 6. The Style of Style
  • 6.1. Naming Things
  • 6.2. When and Why
  • 6.3. Priority and Specificity
  • 6.3.1. Exercises
  • 6.4. How to Be a Good Styling Citizen
  • 6.4.1. Exercises
  • Chapter 7. CSS Values: Color and Sizing
  • 7.1. CSS Color
  • 7.1.1. Hexadecimal Colors
  • 7.1.2. Setting Color and Transparency via rgb() and rgba()
  • 7.1.3. Exercises
  • 7.2. Introduction to Sizing
  • 7.3. Pixels (and Their Less-Used Cousin, the Point)
  • 7.3.1. Exercise
  • 7.4. Percentages
  • 7.4.1. Percentage Fonts
  • 7.4.2. Exercises
  • 7.5. em
  • 7.5.1. Exercises
  • 7.6. rem Isn't Just for Dreaming
  • 7.6.1. Exercises
  • 7.7. vh, vw: The New(er) Kids on the Block
  • 7.7.1. Exercises
  • 7.8. Just Make It Look Nice
  • 7.8.1. Exercises
  • Chapter 8. The Box Model
  • 8.1. Inline vs. Block
  • 8.1.1. Display: none
  • 8.1.2. Display: block
  • 8.1.3. Display: inline
  • 8.1.4. Display: inline-block
  • 8.1.5. Display: flex
  • 8.1.6. Exercises
  • 8.2. Margins, Padding, and Borders
  • 8.2.1. Margin Weirdness
  • 8.2.2. Exercises
  • 8.3. Floats
  • 8.3.1. Clearing Floats
  • 8.3.2. Exercises
  • 8.4. A Little More About the overflow Style
  • 8.5. Inline Block
  • 8.5.1. Exercises
  • 8.6. Margins for Boxes
  • 8.6.1. An Exception: margin: auto
  • 8.6.2. Yet Another Exception: Negative Margins
  • 8.6.3. Exercises
  • 8.7. Padding... Not Just for Chairs
  • 8.7.1. Exercise
  • 8.8. Fun with Borders
  • 8.8.1. Border Radius
  • 8.8.2. Making Circles
  • 8.8.3. Line Height
  • 8.8.4. Syncing Up
  • 8.8.5. Exercises
  • Chapter 9. Laying It All Out
  • 9.1. Layout Basics
  • 9.2. Jekyll
  • 9.2.1. Installing and Running Jekyll
  • 9.2.2. Exercises
  • 9.3. Layouts, Includes, and Pages (Oh My!)
  • 9.3.1. Layouts/Layout Templates
  • 9.3.2. Includes
  • 9.3.3. Pages/Page Templates
  • 9.3.4. Posts, and Post-Type Files
  • 9.4. The Layout File
  • 9.4.1. Exercises
  • 9.5. CSS File and Reset
  • 9.5.1. Exercises
  • 9.6. Includes Intro: Head and Header
  • 9.6.1. Page Header: Up Top!
  • 9.6.2. Navigation and Children
  • 9.6.3. Exercise
  • 9.7. Advanced Selectors
  • 9.7.1. Pseudo-Classes
  • 9.7.2. Exercises
  • 9.7.3. First-child
  • 9.7.4. Exercise
  • 9.7.5. Siblings
  • 9.7.6. Exercise
  • 9.8. Positioning
  • 9.8.1. A Real Logo
  • 9.8.2. Exercise
  • 9.9. Fixed Header
  • 9.9.1. Exercise
  • 9.10. A Footer, and Includes in Includes
  • 9.10.1. Exercise
  • Chapter 10. Page Templates and Frontmatter
  • 10.1. Template Content
  • 10.1.1. Exercises
  • 10.2. There's No Place Like Home
  • 10.2.1. Exercises
  • 10.3. More Advanced Selectors
  • 10.3.1. The :before and :after Pseudo-Elements
  • 10.3.2. The :before and :after CSS Triangle
  • 10.3.3. Exercises
  • 10.4. Other Pages, Other Folders
  • 10.4.1. Exercises
  • Chapter 11. Specialty Page Layouts with Flexbox
  • 11.1. Having Content Fill a Container
  • 11.1.1. Exercises
  • 11.2. Vertical Flex Centering
  • 11.2.1. Exercises
  • 11.3. Flexbox Style Options and Shorthand
  • 11.3.1. Flex Container Properties
  • 11.3.2. Flex Item Properties
  • 11.3.3. Exercises
  • 11.4. Three-Column Page Layout
  • 11.4.1. Exercises
  • 11.5. A Gallery Stub
  • 11.5.1. Exercises
  • Chapter 12. Adding a Blog
  • 12.1. Adding Blog Posts
  • 12.1.1. Blog Index Structure
  • 12.1.2. Exercises
  • 12.2. Blog Index Content Loop
  • 12.2.1. Exercises
  • 12.3. A Blog Post Page
  • 12.3. Exercises
  • Chapter 13. Mobile Media Queries
  • 13.1. Getting Started with Mobile Designs
  • 13.1.1. Exercise
  • 13.1.2. How to See in Mobile (Without Looking at Your Phone)
  • 13.2. Mobile Adaptation
  • 13.2.1. Exercise
  • 13.3. Mobile Viewport
  • 13.3.1. Exercise
  • 13.4. Dropdown Menu
  • 13.4.1. The Hitbox
  • 13.4.2. Making the Dropdown
  • 13.4.3. Exercise
  • 13.5. Mobile Dropdown Menu
  • 13.5.1. Exercises
  • Chapter 14. Adding More Little Touches
  • 14.1. Custom Fonts
  • 14.1.1. Installing Vector Image Fonts
  • 14.1.2. Loading Text Fonts via a CDN
  • 14.1.3. Exercises
  • 14.2. Favicons
  • 14.2.1. Exercise
  • 14.3. Custom Title and Meta Description
  • 14.3.1. Custom Title
  • 14.3.2. Custom Descriptions
  • 14.3.3. Exercise
  • 14.4. Next Steps
  • Chapter 15. CSS Grid
  • 15.1. CSS Grid at a High Level
  • 15.2. A Simple Grid of Content
  • 15.2.1. Grid Columns and the Grid fr Unit
  • 15.2.2. Grid Rows and Gaps
  • 15.2.3. Exercises
  • 15.3. Minmax. auto-fit, and auto-fill
  • 1.5.3.1. Using Grid auto-fit
  • 15.3.2. Relative Spanning Columns
  • 15.3.3. Leveling Up CSS Grid Understanding
  • 15.3.4. Exercises
  • 15.4. Grid Lines, Areas, and Layouts
  • 15.4.1. Getting Started with Grid Lines
  • 15.4.2. The Simple Grid Layout
  • 15.4.3. Named Lines and Areas
  • 15.4.4. Overlapping Using Grid
  • 15.4.5. Source-Independent Positioning
  • 15.4.6. Finishing the Layout
  • 15.4.7. Exercises
  • 15.5. Grid on the Inside
  • 15.5.1. Setting Up the Page
  • 15.5.2. Adding a Global Grid and Header Positioning
  • 15.5.3. Using Building Blocks and Justifying
  • 15.5.4. More Column Positioning
  • 15.5.5. Using Overlapping in a Feature Section
  • 15.5.6. Starting at a Specific Column and Self-Aligning
  • 15.5.7. Grid Inside a Grid Inside a Page
  • 15.5.8. Exercises
  • 15.6. Conclusion
  • Part III. Custom Domains
  • Chapter 16. A Name of Our Own
  • 16.1. Custom Domain Registration
  • 16.1.1. What to Register?
  • 16.1.2. You've Got a Domain, Now What?
  • 16.2. Cloudflare Setup
  • 16.2.1. Cloudflare Features
  • 16.2.2. Cloudflare Signup
  • 16.2.3. Connecting Registrar Nameservers
  • 16.3. Custom Domains at GicHub Pages
  • 16.3.1. Configuring Cloudflare for GitHub Pages
  • 16.3.2. Configuring GitHub Pages
  • 16.3.3. Cloudflare Page Rules
  • 16.3.4. Profit!!
  • Chapter 17. Custom Email
  • 17.1. Google Mail
  • 17.1.1. Google Workspace Signup
  • 17.2. MX Records
  • 17.3. Site Analytics
  • 17.3.1. Add Snippet
  • 17.4. Conclusion
  • Index

Similar Items