Adobe Authorised Training Centre in Singapore

web coding TRAINING COURSE

 

<< Back to Courses Summary

illustrator

Intro to HTML5 & CSS3

HTML5 and CSS3 are essences of the modern web design. It is important for designers to have a deeper knowledge of the current web technologies. In this course, you will be introduced to the necessary basics of HTML5 coding. You will learn how to create a richer web page together with CSS3 - beautiful creative effects, decorations, custom typefaces and multimedia content. You will learn how to improve the support of the modern web technology for the older browsers.

 

Target Audience: New and basic users  | Prerequisite: Nil

Duration: 2 Days (9am - 6pm)  |  Course Fee: Please refer to the Courses page

Download the course outline in PDF format

HTML5 Basics

  • Introduction to HTML5
  • Defining HTML5 documents
  • Working with HTML5 Syntax and Elements
  • Understanding the Outline Algorithm
  • Working with Document Structures

 

Create Rich Content with HTML5 Media

  • Introduction to HTML Multimedia
  • Understand the Problems of Audio Media
  • Solutions for Audio Media across Browsers
  • Playing Video in HTML5
  • Video Formats and Browser Support
  • Playing YouTube Videos in HTML5
  • Working with a Canvas
  • Using SVG graphics in HTML5
  • Knowing the Advantages of using SVG

 

CSS3 Colors, Gradients and Transparency Effects

  • Understanding Color Formats in CSS3
  • Manipulate an Element’s Transparency with CSS3
  • Applying CSS3 Colour Gradients
  • Creating Linear Gradients
  • Creating Radial Gradients
  • Creating Complex Gradients the Smart Way

 

Decorate with CSS3 Borders & Backgrounds

  • Designing Elements with a Border
  • Creating a Rounded Border
  • Adding CSS3 Shadow Effects
  • Creating a Border with a Custom Image
  • Designing with a CSS3 Background
  • Manipulating multiple CSS3 Backgrounds

 

CSS3 Type Design

  • Working with Web Fonts
  • Embedding License-Free Fonts
  • Designing with Text Effects
  • Adding Text Shadows
  • Layout Text with Multiple Columns to Improve Legibility
  • Understanding Multiple Column Properties

 

CSS3 Transforms and Transitions

  • Applying 2D Transforms: Scale, Rotate, Translate and Skew
  • Animating a CSS3 Transition Effect
  • Creating a Mouse-Over Effects
  • Applying Multiple Changes in a Transition

 

Improving HTML5 & CSS3 Support

  • Knowing the Fall-Back Solutions
  • Knowing the Current Browser Support
  • Adding Support for the Older Browsers

 

Back to top
register To register for a course, please download the registration form.
enquiry For course schedules or enquiries, please contact us.

/p>