ICT 580 - HTML5 and CSS3

Course Description

Discover current web standards, design, and development practices, with emphasis on usability, cross-browser compatibility, accessibility, search engine optimization, and responsive web design. Learn how to separate between defining the contents of a web page (HTML5) from presentation concerns (CSS3) and become familiar with a variety of tools in the process.

This course is designed for those with no prior knowledge of building a website and want to learn basic HTML and CSS3.

Course Details

Course Learning Outcomes

By completion of this course, successful students will be able to:

• Develop a solid understanding of designing web pages with attention to accessibility, cross-browser compatibility, search engine optimization and responsiveness
• Become familiar with HTML5 and CSS3 standards and web development tools
• Apply the standards of HTML/CSS3 and their common features

Topics of Instruction

• Introduction to web development
• Basics of HTML and CSS syntax
• Testing, debugging and validating HTML and CSS files
• Structuring a web page with div and span, and semantic elements
• Principles of Responsive Web Design
• Web design guidelines and considerations
• Working with variety of web page components like text, images, links, lists, etc.
• Using CSS to format elements of a web page: specifying measurements and colours, code selectors, define properties of text
• Creating and formatting tables
• Creating web forms and controls, including validation
• Introduction to web page components, like video and audio

Proficiencies

This course content is at the beginner level of the subject matter, however computer proficiency is required:

• Students must be familiar with the personal computer, keyboard and mouse.
• Students must have Microsoft Windows OR Mac Operating systems skills and knowledge, and be able to perform the following tasks:
  • start and run Windows OR Mac computer
  • use the taskbar, Start button and Help feature
  • use Minimize, Maximize, Restore Down/Up and Close
  • use the left and right mouse buttons appropriately
  • understand file management techniques
  • navigate between files, folders, or drives
  • cutting, copying, and pasting content, files and folders
  • using print screen or snipping tool

Applies Towards the Following Program(s)

• Certificate in .NET Application Development : Optional Courses
• Certificate in Front-End Web Development : Core Courses
• Certificate in Integrated Digital Media : Optional Courses