Web Design

Preface

Randy Tang
Last update: 2019-9-10

"Web Design" is a course about HTML and CSS. The objectives of this course are:

▸ Understand the principles of creating an effective web page

▸ Develop skills in analyzing the usability of a web site

▸ Learn the language of the web: HTML and CSS

▸ Learn techniques of responsive web design, including media queries

∗ Integrated development environment (IDE):

Brackets

∗ Conventions

▸ Font and colors:

User inputs
System messages
Files or directories
Code
Added or modified code

▸ A gray vertical line on the left: settings corresponding to Ubuntu, Windows, and Mac OS

▸ Ubuntu and Mac OS represent paths with slashes; however, Windows use back slashes. In this toturial, unless it's necessary, paths will be represented mainly by slashes

∗ Reference:

▸ Jon Duckett, "HTML and CSS: Design and Build Websites," John Wiley & Sons, Inc., 2011.

▸ Ben Frain, "Responsive Web Design with HTML5 and CSS3," Packt Publishing, 2012.