Web Fundamentals

• Thinking Like a Web Publisher
• Web Browers and Servers
• Uniform Resource Locators
• Defining Web Publishing Broadly
• Anatomy of a Website
• Setting Up Your Computer for Web Publishing
• Using the Google Chrome Developer Tools
• Wireframing Your Website
• Web Hosting
• What HTML Is
• HTML Attributes
• The Current and Evolving Standard: HTML5
• Structuring Your HTML
• Comments

2 LiveLab in this lesson — see the labs panel →

• Lists
• Web Server and Hosting
• Organizing Your HTML Files for Publishing
• Publishing Your Files
• Troubleshooting
• Promoting Your Web Pages
• Setting Up Projects
• Including Style Sheets in a Page
• Selectors
• Units of Measure
• Editing Styles with Developer Tools
• Using Color

6 LiveLab in this lesson — see the labs panel →

• Links
• The Box Model
• More Selectors
• The <body> Tag
• Images on the Web
• Image Formats and Inline Images
• Images and Text
• Images and Links
• Table Parts
• Sizing Tables, Borders, and Cells
• Table Alignment and Application

1 LiveLab in this lesson — see the labs panel →

• Flex in CSS
• Positioning
• Controlling Stacking
• Creating Drop-Down Menus
• Understanding Form and Function
• Using the <form> Tag
• Using the <label> Tag
• Creating Form Controls with the <input> Tag
• Using Other Form Controls
• Grouping Controls with fieldset and legend
• Displaying Updates with progress and meter
• Laying Out a Page in HTML5

4 LiveLab in this lesson — see the labs panel →

• Why Would You Want to Use JavaScript?
• The <script> Tag
• JavaScript and the Chrome Development Tools
• The JavaScript Language
• The JavaScript Environment
• Events
• Functions: An Introduction
• Writing Functions
• Writing Methods
• Understanding Context and this

6 LiveLab in this lesson — see the labs panel →