Web Design Basics

This course is included in our On-demand training solution.


Web design involves achieving a design that is both usable and pleasing. The site must deliver information and build brand. It has to be technically sound and visually coherent. In this course, you will learn the basic technologies and terminologies to get you started in designing stunning web sites. The course will cover web site planning and creation, explain all about responsive design, and introduce you to some testing tools.

Target Audience

Learners who wish to familiarize themselves with the basic technology and terminology for web site design



Expected Duration

120 min.

Course Objectives

Course Introduction

Identifying Purpose and Audience

  • identify the purpose and audience of a web site
  • Identifying Business Requirements

  • identify the business requirements for a web site
  • Identifying Back-end Considerations

  • identify some of the back-end design considerations
  • Designing Storyboards

  • design storyboards for a web site
  • Examining Page Layout

  • recall common page layout and navigation
  • Exploring Color and Font

  • recognize the importance of different color and font options
  • Considering Devices

  • recall the common devices and platforms that may be accessing the web site
  • Examining the Software Development Life Cycle

  • describe the different parts of the project life cycle
  • Performing Testing

  • perform site functionality testing
  • Examining Testing Tools

  • identify different tools for functionality testing
  • Examining HTML5 Standards

  • recall what is new with the HTML5 standards
  • Creating Basic Web Pages

  • identify the different basic elements needed to create a web page
  • Formatting with Tags

  • use different tags to produce the desired formatting
  • Using Styles

  • effectively use styles to format web pages
  • Formatting Text

  • format text to produce a customized page
  • Creating Links

  • create links of different types
  • Adding Images

  • use images to enhance the visual appearance of pages
  • Using Tables

  • use tables to organize data on a page
  • Working with Lists

  • create automatic bullets and numbering for lists
  • Examining Web Site Layout

  • recall the different ways to use HTML5 in designing the layout
  • Exploring Responsive Web Design

  • recall how responsive web design works and how to program for it
  • Examining Iframes

  • describe what iframes are and how to use them
  • Examining Form Elements

  • describe the different parts of forms
  • Examining Input Types

  • describe the different input types
  • Examining Input Attributes

  • identify the attributes for input types and recall how to use them
  • Exercise: Design and Build a Basic Web Page





    Multi-license discounts available for Annual and Monthly subscriptions.