Class

HCI 406 | Web Design

winnystudio.com

winny@cti.depaul.edu

HCI 406 Home

Lectures

Resources

Location: Lecture 01

Lecture 01

Midterm Presentation

Final Presentation

Lecture 01

	Technology overview
	Web Basics (pdf)
	Understanding the internet and basic website structure;
	IP, DNS, Domains;
	Obtain domain names and manage site and hosting;
	Server/Client/Browser;
	Define & Manage the Site;
	URL--Universal Resource Locator;
	Protocol--“http”, “ftp”, “https”
	How does information flow? -Type URL in Browser <enter> -Get IP Address from Domain Name Server -Get Document from Web Server -Show Document in Browser
	Topic on:
	Graphic Design vs. Digital Webpage Design, especially for different devices;
	Multimedia/movie/game, frame rate
	HD resolution vs. Web resolution, and frame rate.
	Print resolution vs. Screen resolution;
	Screen's measurement unit - PIXEL;
	Embed video from utube.

	- The anatomy of HTML - basic tag structure
	<HTML> <HEAD> <TITLE>My First Page </TITLE> </HEAD> <BODY> Hello, world. </BODY> </HTML>
	Reading: http://www.w3schools.com/tags/

	HyperLink:
	<a href="http://www.google.com/">google</a>
	Email link:
	<a href="mailto:yqwang@cs.depaul.edu">yqwang@cs.depaul.edu</a>

	Due: Proposal for the website
	Dream Domain name. (Note: give 3 options)
	Description of the site:
	Keep those questions in mind: - Why would people want to come to your website? - What info can they get from your website? - How you are going to make it appealing and audience will stay surfing your site or recommend to others? - Why would other websites link to your website?
	Main Navigation tabs: Note: Be precise, omit needless words. http://www.copyblogger.com/create-content-ideas/
	Site types: (Brochure sites, E-Commerce sites, Entertainment sites, News sites, Blogs, Community sites, Educational sites)
	Target audience: (age range, gender, countries, ethnics)
	Submit to COL.cdm.depaul.edu in assignment tab
	Note that you are not married to this proposal, you can keep revise it till week 3.