Exercise 2: Web Typography
(Using HTML and CSS similarly to InDesign)

Objective

To understnad how HTML and CSS is similar to InDesign when it comes to stylizing type. Students will also learn about using Google Web Fonts.

 

Overview

Create a HTML web page of text, stylized with CSS. Ideally, this page will be on your personal SVSU website. (Each student will have to test their web settings and see if they have the permissions needed to move files to the SVSU personal site. If not, they can the Main Site Root Folder in as a zipped file at the project due date).

Each student will choose which set of text they would like to work with, then make a new HTML web page, and then create the CSS file that will stylize that text.

 

Final Work Due

A single HTML web page of text, stylized with CSS. Ideally, on your personal SVSU website. If this is the first time you are using your personal SVSU website, then the page should be named "index.html".

 

Samples of Student Work

Option 1 (Good Advice) Examples:

 
 
 

Exercise 2 Resources
 

Example of Server Settings
 
 

Updated Settings:

PersonalSite

WebDAV

https://vdrive.svsu.edu/htcomnet/hcwebdav/0/Home%20Folder/public_html/

Your Username

Your Password

https://mypages.svsu.edu/username/

 
 

Video 1 of Exercise 2…

 
 

Video 2 of Exercise 2…

 
 

Video 3 of Exercise 2…

 
 

Optional

Video 4 of Exercise 2…

 
 

Exercise 2 Concept Sheet Optional

Download Concept Sheet