ICS 314, Fall 2023

Module: UI Design (Basics)

Learn to design basic web pages using HTML and CSS.

Dates: Fri, Sep 22 - Fri, Sep 29

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.

Screencast 5 min

UI Design Basics

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

Screencast 11 min

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

5 hours

E30: BrowserHistory1

Develop a web page using basic HTML.

Practice WOD

E31: BrowserHistory2

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

Practice WOD

E32: BrowserHistory3

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

Practice WOD