SWD2410: Web Development I--Fundamentals

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

Skills You’ll Get

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

Any questions?
Check out the FAQs

Still have unanswered questions and need to get in touch?

Contact Us Now

Related Courses

All Courses
scroll to top