| |
 |
 |
Lecture 01 |
|
|
 |
Leture file: Web Basics (pdf) |
| |
Introduce to : |
|
the Internet & www; HTML; |
|
IP, DNS, Domains; |
|
Server/Client/Browser; |
|
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. |
| |
|
|
HTML--Hypertext Markup Language, basic skeleton: |
| |
<HTML>
<HEAD>
<TITLE>My
First Page </TITLE>
</HEAD>
<BODY>
Hello, world.
</BODY>
</HTML> |
| |
|
|
HyperLink: |
| |
<a href="http://www.google.com/">google</a> |
| |
Email link: |
| |
<a href="mailto:yqwang@cs.depaul.edu">yqwang@cs.depaul.edu</a> |
| |
|
|
|
|
After class read: |
|
TED TALK
What is TED stand for?
What's on its website?
What are the topics TED cover now?
Is the Website well designed? And why
Where is TED conference located?
What is TED Prize?
Any of the TED talks inspire you?
Some of mine favs
-Ken Robinson says schools kill creativity:
-Jill Bolte Taylor's stroke of insight
-Benjamin Zander on music and passion
-Blaise Aguera y Arcas demos Photosynth
-Dan Gilbert asks, Why are we happy?
-Jeff Han demos his breakthrough touchscreen
-Dan Ariely asks, Are we in control of our own decisions?
Dan Ariely on our buggy moral code
|
|
Blog/RSS feed/Podcast
What is a blog? Brief history.
Where can I sign up for a blog? Eg:
-http://www.blogger.com
-http://www.blog-city.com
-http://www.blogit.com
-http://www.livejournal.com
-http://www.ebloggy.com
-http://www.xanga.com
Show us some good blog sites out there.
Principles of good Content Creation for Blog after view those success blog sites out there.
What is RSS feed? |
|
Wikipedia, Wiki
What is Wiki?
Is Wikipedia the only Wiki out there?
What I can find on Wikipedia?
How does Wiki works?
How do I edit Wiki? |
|
Social Meida, Social network site such as: Twitter, Facebook, MySpace...
Do you like Social Networking Sites?
-
What do you like about it, what do you don’t like about it?
In you view how does Social Networking changed our generation’s behavior?
What does people post on twitter or facebook?
-
What you think is appropriate, what you think is not.
After some research, any stories/films, which are related to Social Media that you want to share with the class? Eg: films: Swordfish, Social Network...
How does Facebook/Twitter make money?
What do I need to be careful about in Facebook/Twitter posts?
How to change my Facebook privacy settings? |
| |
|
|
|
|
