STY-CIS373.AB1

Web Design and Development

Beginner Self-paced · 1 year access

11 Hands-On LiveLabs

Practice real IT tasks in guided environments.

Real environments
Auto-graded
No installation

01 / Lessons & labs

See exactly what you will learn and practice

Download outline (PDF)

Lessons

26 Interactive Lessons · 240 topics

01 Introduction 2 LiveLab

2 LiveLab in this lesson — see the labs panel →

02 What Is Web Publishing? 8 topics

Thinking Like a Web Publisher
Web Browsers
Web Servers
Uniform Resource Locators
Defining Web Publishing Broadly
Summary
Workshop
Additional Exercises

03 Getting Your Tools in Order 9 topics

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
Summary
Workshop
Additional Exercises

04 Introducing HTML and CSS 9 topics · 1 LiveLab

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
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

05 Learning the Basics of HTML 8 topics

Structuring Your HTML
The Title
Headings
Paragraphs
Comments
Summary
Workshop
Additional Exercises

06 Using Images on Your Web Pages 13 topics

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
Summary
Workshop
Additional Exercises

07 Formatting Text with HTML and CSS 12 topics · 1 LiveLab

Character-Level Elements
Character Formatting Using CSS
Preformatted Text
Horizontal Rules (or Thematic Breaks)
Line Break
Addresses
Quotations
Special Characters
Fonts and Font Sizes
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

08 Using CSS to Position Elements on the Page 8 topics

Positioning Schemes
Absolute Positioning
Fixed Positioning
Controlling Stacking
Creating Drop-Down Menus
Summary
Workshop
Additional Exercises

09 Introducing JavaScript 9 topics · 1 LiveLab

Why Would You Want to Use JavaScript?
The <script> Tag
JavaScript and the Chrome Development Tools
The JavaScript Language
The JavaScript Environment
Events
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

10 Structuring a Page with HTML5 8 topics

A Short History of HTML Page Layout
Laying Out a Page in HTML5
HTML5 Structural Tags
The Page Outline
Using HTML5 Structural Elements
Summary
Workshop
Additional Exercises

11 Search Engines and SEO 8 topics

What Is SEO?
How Search Engines Work
SEO Techniques
Tools for Tracking and Managing SEO
Paying for Links
Summary
Workshop
Additional Exercises

12 Organizing Information with Lists 9 topics · 1 LiveLab

Lists: An Overview
Numbered Lists
Unordered Lists
Definition Lists
Nesting Lists
Other Uses for Lists
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

13 Working with Links 9 topics

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
Summary
Workshop
Additional Exercises

14 Using CSS to Style a Site 12 topics · 1 LiveLab

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
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

15 Advanced CSS: Page Layout in CSS 5 topics

Laying Out the Page
The Role of CSS in Web Design
Summary
Workshop
Additional Exercises

16 Working with Frames and Linked Windows 7 topics · 1 LiveLab

What Are Frames?
Working with Linked Windows
Inline Frames
Opening Linked Windows with JavaScript
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

17 Using Responsive Web Design 9 topics

What Is Responsive Web Design?
Mobile Devices Should Come First
Planning a Responsive Website
Writing Media Queries
Understanding the Mechanics of RWD
Responsive Web Design Best Practices
Summary
Workshop
Additional Exercises

18 Designing for the Mobile Web 12 topics

People Browse Differently on Mobile Phones
Standards Compliance and the Mobile Web
Writing for the Mobile Web
Design and Page Layout
Using Links
Using Images and Multimedia
Making the Most of CSS and JavaScript
Take Advantage of Mobile Features
Other Good Habits and Hints for Mobile Web Design
Summary
Workshop
Additional Exercises

19 Designing Forms 12 topics · 1 LiveLab

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
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

20 Designing for User Experience 10 topics

Considering User Experience Level
Determining User Preferences
What Is Accessibility?
Alternative Browsers
Writing Accessible HTML
Designing for Accessibility
Validating Your Sites for Accessibility
Summary
Workshop
Additional Exercises

21 Using jQuery 12 topics · 1 LiveLab

What Are JavaScript Libraries?
Getting Started with jQuery
Your First jQuery Script
Selecting Elements from the Document
Binding Events
Modifying Styles on the Page
Modifying Content on the Page
Special Effects
AJAX and jQuery
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

22 Using JavaScript in Your Pages 6 topics

Validating Forms with JavaScript
Hiding and Showing Content
Adding New Content to a Page
Summary
Workshop
Additional Exercises

23 Integrating Multimedia: Video and Sound 11 topics · 1 LiveLab

Embedding Video the Simple Way
Hosting Your Own Video
Embedding Video Using <video>
Embedding Flash Using the <object> Tag
The <embed> Tag
Embedding Flash Movies Using SWFObject
Flash Video Players
Embedding Audio in Your Pages
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

24 Building Tables 11 topics

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
Summary
Workshop
Additional Exercises

25 How to Publish Your Site 10 topics

What Does a Web Server Do?
How to Find Web Hosting
Organizing Your HTML Files for Publishing
Publishing Your Files
Troubleshooting
Promoting Your Web Pages
Finding Out Who's Viewing Your Web Pages
Summary
Workshop
Additional Exercises

26 Taking Advantage of the Server 13 topics

How PHP Works
Getting PHP to Run on Your Computer
The PHP Language
Loops
Built-In Functions
User-Defined Functions
Processing Forms
Using PHP Includes
Expanding Your Knowledge of PHP
Other Application Platforms
Summary
Workshop
Additional Exercises

Hands-On Labs Our edge

11 LiveLabs

Sandbox
Week 1: Setting Up Your Lab Environment
Week 2: Updating Headings and Image
Week 3: Formatting, Navigation, and Text
Week 4: Updating Images and Texts
Week 5: Creating a New Section

Labs run in your browser — nothing to install.

02 / FAQs

Questions before you start

Prepare for Web Design and Development

One-time payment. Full access for 1 year. Start with a free trial if you want to look around first.

1 year of full access
11 LiveLab included
Certificate of completion

Try Free

No credit card required

Web Design and Development

11 Hands-On LiveLabs

See exactly what you will learn and practice

Lessons

Hands-On Labs Our edge

Questions before you start

You might also like

Prepare for Web Design and Development