uCertify

SWD2410: Web Development I--Fundamentals

(ANC-SWD2410.AB1)
Lessons
Lab
TestPrep
Get A Free Trial

Skills You’ll Get

Download Course Outline

1

What is Web Publishing and Getting Your Tools in Order

  • 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
2

Introducing HTML and CSS

  • 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
3

Lists and Links

  • 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
4

Formatting Text, Using CSS to Style a Site, and Using Images

  • 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
5

Tables, Positioning Elements, and Designing Forms

  • 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

1

Introducing HTML and CSS

  • Creating a Basic HTML Page
  • Using Paragraphs and Headings in HTML
2

Lists and Links

  • Organizing Content in HTML
  • Creating Hyperlinks
3

Formatting Text, Using CSS to Style a Site, and Using Images

  • Formatting Text in HTML
  • Creating the External Style Sheet
  • Using CSS IDs
  • Implementing a Class
  • Creating an Internal Style Sheet
  • Implementing Inline Styles
  • Using Positioned Floats
  • Using Overflow Properties
  • Implementing the SVG Format
  • Using Inline Flow vs. Block Flow in CSS and Float Properties
  • Using the Image Tag
4

Tables, Positioning Elements, and Designing Forms

  • Organizing Content in HTML Part 1
  • Using the Absolute Position Property
  • Implementing CSS Overlapping and Positioning
  • Using the Pattern Attribute
  • Using the Required Attribute
  • Using the Types of Input Fields
  • Using the Input Tag
  • Implementing the Checkbox Input and Using the Textarea Tag
  • Using the Select Tag
  • Using the Mark, Meter, and Progress Tags

Related Courses

All Courses