SWD2410: Web Development I--Fundamentals

• Thinking Like a Web Publisher
• Web Browsers
• Web Servers
• Uniform Resource Locators
• Defining Web Publishing Broadly
• Workshop
• Anatomy of a Website
• Setting Up Your Computer for Web Publishing
• Using the Google Chrome Developer Tools
• What Do You Want to Do on the Web?
• Wireframing Your Website
• Web Hosting
• Workshop I
• Additional Exercises

• What HTML Is (And What It Isn't)
• What HTML Files Look Like
• HTML Attributes
• Using the style Attribute
• A Short History of HTML Standards
• The Current and Evolving Standard: HTML5
• Workshop
• Structuring Your HTML
• The Title
• Headings
• Paragraphs
• Comments
• Workshop I
• Additional Exercises

2 LiveLab in this lesson — see the labs panel →

• Lists: An Overview
• Numbered Lists
• Unordered Lists
• Definition Lists
• Nesting Lists
• Other Uses for Lists
• Workshop
• Creating Links
• Linking Local Pages Using Relative and Absolute Pathnames
• Links to Other Documents on the Web
• Linking to Specific Places Within Documents
• Anatomy of a URL
• Kinds of URLs
• Workshop I
• Additional Exercises

2 LiveLab in this lesson — see the labs panel →

• Character-Level Elements
• Character Formatting Using CSS
• Preformatted Text
• Horizontal Rules (or Thematic Breaks)
• Line Break
• Addresses
• Quotations
• Special Characters
• Fonts and Font Sizes
• Workshop
• Including Style Sheets in a Page
• Selectors
• Units of Measure
• Editing Styles with Developer Tools
• Using Color
• Links
• The Box Model
• More Selectors
• The <body> Tag
• Workshop I
• Images on the Web
• Image Formats
• Inline Images in HTML: The <img> Tag
• Images and Text
• Images and Links
• Other Neat Tricks with Images
• Image Backgrounds
• Using Images as Bullets
• What Is an Imagemap?
• Image Etiquette
• Workshop II
• Additional Exercises

11 LiveLab in this lesson — see the labs panel →

• Creating Tables
• Table Parts
• Sizing Tables, Borders, and Cells
• Table and Cell Color
• Aligning Your Table Content
• Spanning Multiple Rows or Columns
• More Advanced Table Enhancements
• How Tables Are Used
• Workshop
• Positioning Schemes
• Absolute Positioning
• Fixed Positioning
• Controlling Stacking
• Creating Drop-Down Menus
• Workshop I
• 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
• Applying Cascading Style Sheet Properties to Form Elements
• Planning Your Forms
• Workshop II
• Additional Exercises

10 LiveLab in this lesson — see the labs panel →