Live Chat
Monday - Friday 8am - 6pm EST Chat Now
Contact Us
Monday - Friday 8am - 8pm EST 1-800-268-7737 Other Contact Options
Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

Web Design Essentials

In this course, you will be introduced to technologies and terminologies to enhance your web designing skill sets.

GK# 7346

Course Overview

TOP

The way we view the web is rapidly changing with many users moving away from the traditional desktop or laptop computers and adopting tablets and smart phones. With that changeover come many new different design challenges that developers have to take into account when they build websites. In this path, you will be introduced to the different technologies and terminologies that will start building your web designing skill sets.

Schedule

TOP
  • Delivery Format:
  • Date:
  • Location:
  • Access Period:

$

What You'll Learn

TOP
  • Web Design Basics
  • Web Design Enhancements

Outline

TOP
Viewing outline for:

On-Demand Outline

Web Design Basics

  • Identify the purpose and audience of a web site
  • Identify the business requirements for a web site
  • Identify some of the back-end design considerations
  • Design storyboards for a web site
  • Recall common page layout and navigation
  • Recognize the importance of different color and font options
  • Recall the common devices and platforms that may be accessing the web site
  • Describe the different parts of the project life cycle
  • Perform site functionality testing
  • Identify different tools for functionality testing
  • Recall what is new with the HTML5 standards
  • Identify the different basic elements needed to create a web page
  • Use different tags to produce the desired formatting
  • Effectively use styles to format web pages
  • Format text to produce a customized page
  • Create links of different types
  • Use images to enhance the visual appearance of pages
  • Use tables to organize data on a page
  • Create automatic bullets and numbering for lists
  • Recall the different ways to use HTML5 in designing the layout
  • Recall how responsive web design works and how to program for it
  • Describe what iframes are and how to use them
  • Describe the different parts of forms
  • Describe the different input types
  • Identify the attributes for input types and recall how to use them
  • Design and build a basic web page

Web Design Enhancements

  • Embed videos into a web page
  • Embed audio files into a web page
  • Describe what plugins are used for and identify the common types
  • Embed a YouTube video
  • Recall what the purpose of Cascading Style Sheets is
  • Compare external and internal locations of style sheets
  • Identify different selectors and recall what they are used for
  • Identify different aspects of the box model
  • Use style sheets to control the backgrounds and borders of web pages
  • Use style sheets to include animations in a web site
  • Create multiple column layouts with style sheets
  • Use the resize and outline features of CSS3
  • Recall what JavaScript is and how it is used
  • Identify JavaScript code and what it does
  • Recall the characteristics of common database models
  • Identify the function of a database management system
  • Recall the standards and technologies that facilitate database connectivity
  • Embed SQL statements inside of HTML code
  • Recall some of the different PHP commands that can be used to interact with databases
  • Recall what Bootstrap is and how it is used
  • Recall how to download and install Bootstrap
  • Create basic web pages with Bootstrap
  • Recall how to use the responsive design functionality of Bootstrap
  • Add grids and containers to enhance the web page
  • Compare using the download versus using CDN
  • Recognize the jQuery syntax and selectors
  • Use the click and change events
  • Use the slide and fade animations
  • Add media and JavaScript to an existing web page

Who Should Attend

TOP

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

Follow-On Courses

TOP

HTML, or HyperText Markup Language, is used to allow the building of a webpage that can be viewed using a web browser. HTML is created by formatting text using the Markup language, which consists of a set of elements, also called tags, and attributes. In this path, you'll learn how to create HTML5 compliant webpages based on the W3 HTML5 specification.

Cascading Style Sheets, commonly referred to as CSS, are a set of formatting conventions allowing you to standardize and enhance the appearance of a web site. CSS specifications are generated by the World Wide Web Consortium (W3C) and the latest version is CSS3. Some specifications are adopted to vary extents within different browsers so cross-browser support is an important consideration with CSS3. CSS is becoming increasingly flexible and powerful but limitations in functionality can be overcome by the use of pre-processors such as Sass and Less. This path will demonstrate the implementation of CSS3 specifications and will cover how to extend CSS with Sass and Less.

With the rise of hand-held devices and mobile browsing, web applications have needed to become responsive to the specific device that is using them. This learning path demonstrates how to apply responsive design strategies. It covers the core components of responsive design - flexible grids, flexible images and media queries. It covers navigation and UI options, and the role of sensors and devices in a responsive design solution. Finally, it covers design process features and performance in responsive applications.

Course Delivery

This course is available in the following formats:

On-Demand

Train at your own pace with 24/7 access to courses that help you acquire must-have technology skills.



Request this course in a different delivery format.
Enroll