ICS 314 Fall 2024 | UI Design (Basics)

Learning Outcomes

You can use HTML and CSS to design basic web pages.
You can use tools (VSCode, and Chrome Developer Tools) to design and implement pages quickly.

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

Screencast 5 min

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

Screencast 11 min

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

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

Documentation for the developer tools associated with the Chrome browser.

Learn about HTML and CSS using FreeCodeCamp

5 hours Section 4: 27 Sep 11:00 PM Sections 1,2,5: 28 Sep 11:00 PM

Develop a web page using basic HTML.

Practice WOD Section 4: 28 Sep 11:00 PM Sections 1,2,5: 29 Sep 11:00 PM

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

Practice WOD Section 4: 29 Sep 11:00 PM Sections 1,2,5: 30 Sep 11:00 PM

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

Practice WOD Section 4: 30 Sep 11:00 PM Sections 1,2,5: 01 Oct 11:00 PM