Skip to main content
Home Learn the web
Main navigation
  • Lists
    Lessons Exercises Badges Patterns
  • Search
  • Login
Lessons
  • + Get ready
    • This site
    • Exercises
    • About me
    • About you
    • Communicating
    • Buying hosting
    • Other software
    • Let's go!
  • Your learning style
  • + Start the final project
    • Project requirements
    • The process
    • Getting started
  • + How the web works
    • cPanel
    • Requests and files
    • What a URL is
    • Subdomains
    • Files on your server
    • Easier uploading
    • Easier editing
    • Moving on
  • Final project: A skeleton
  • + Basic hand-made sites
    • Page structure
    • Headers and paragraphs
    • Atomizing
    • Styles and stylesheets
    • Classes
    • Ids
    • Divs and spans
    • Broken styles
    • Lists
    • Styling lists
    • Working with images
    • Images in HTML
    • Styling images
    • Links and sites
    • On-page links
    • Fun: hiding links
    • Link types
    • File strategy
    • Tables
    • Styling tables
    • Put it together
  • Final project: A prototype
  • + Professional sites
    • Layouts and components
    • Get Bootstrappy
    • Using BS styles
    • Overriding BS styles
    • Using a BS theme
    • Grids
    • What's responsive?
    • Being responsive
    • Responsive images
    • Accessibility
    • Dropdowns
    • Navbars
    • Reusing navbars
    • Cards
    • Carousels
    • Forms
    • + SEO
      • How Google works
      • Types of SEO
      • Keyword research
      • Writing content for SEO
  • Finish the final project
  • + Tips
    • Add-on domain
    • OU dorm wifi

Atom

Atomizing

Lesson contents

Atomizing a page

Atom is the editor you'll use to make pages. Let's make a page that looks like this:

Goal

They do. Doggos rule.

Easier editing

Multiple choice

With FileZilla, I can...

Fun with Atom

Show that you can make Atom dance.

Subscribe to Atom

DO NOT START HERE

The lessons show you how to do the exercises. Read the lessons. They're listed on the left of this window.

Creative Commons Attribution-ShareAlike 4.0    Terms of use    Powered by Skilling