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 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
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