Module: UI Design (Basics)

Learn to design basic web pages using HTML and CSS.

Learning Outcomes

Design and implement web pages using HTML and CSS

Readings

Guided tour of the UI Design (Basics) module

Why, what, how, and when you will learn about user interface design basics.

UI Design Basics

Introduction to user interface design using HTML and CSS and supporting tools.

Getting started with Google Web Fonts

How to use the Google Web Fonts API to add fonts to your web pages.

Ten Google WebFont Combinations

A hand-picked set of 10 title/text font combinations.

Chrome Developer Tools

Documentation for the developer tools associated with the Chrome browser.

Experiential Learning

E29: FreeCodeCamp HTML5 and CSS

Learn about HTML and CSS using FreeCodeCamp

E30: BrowserHistory1

Develop a web page using basic HTML.

E31: BrowserHistory2

Develop a web page using basic CSS and Google Web Fonts.

E32: BrowserHistory3

Develop a funky multi-column web page with a navbar.