ADA288: Static Web Design
The first transmission was 'lo'
0Introduction: Syllabus, What we are doing, Quick Survey (results)
Lecture: A brief history of the Internet and New Media, Arpanet, Wayback Machine, 1969 film predicting the future of personal computers and online shopping, Clay Shirky: How social media can make history, Why Things Matter
In the News: Cyber junkies can unplug at US retreat
Gallery: Personas, Drawball, Wordcount, We Feel Fine
Studio: Setting up our web space
<html>tags</html>
Introduction: Setting up your website (folders, files, etc)
Lecture: Introduction to HTML (headings, paragraphs, lists, links, comments, images, tables), In-class demo, HTML Cheat Sheet, Jonathan Harris: the Web's secret stories, The Trolls Among Us
Tools: Firebug, HTML Validator
In the News: Amazon, Microsoft, Yahoo! oppose Google book deal, US ranks 28th in Internet connection speed
Reading: Learning Web Design (Chapters 4 - 8)
A layout is worth 1000 selectors, properties and values
Introduction: CSS Zen Garden, A List Apart
Lecture: Intro to CSS (Part One, Part Two, Part Three), CSS Cheat Sheet, Blaise Aguera y Arcas demos Photosynth, In-class notes
Tools: CSS Validator
In the News: Google's search box gets bigger, Twitter expands rules to allow advertising
Reading: Learning Web Design (Chapters 11 - 14)
Friends don't let friends use Comic Sans
Lecture: Talking a bit about design, Tom Wujec on 3 ways the brain creates meaning, Fireworks Tutorials, Using Fireworks, Design Shack Gallery, 9 Things You Can't Forget When Designing a Blog, Effective Twitter Backgrounds, The Principals of Beautiful Web Design, Just Ring the Bell When You Get There
In the News: FCC chairman outlines rules for 'free and open Internet'
Tools: Fireworks, Browsershots, Google Analytics
Reading: Learning Web Design (Chapters 15 - 17)
It's still an image, no matter how you slice it
Introduction: Design critique, Cupcakes, Billions of Facebook photos
Lecture: Tim Berners-Lee on the next Web, CSS Layouts, Mastering CSS (1 | 2)
In the News: Building iPhone applications in Flash
Studio: Work on your How-to website
Pixels don't fade on a canvas element (unless you set the alpha)
Introduction: Midterm Assessment
Showcase: Show 'how-to' websites
Lecture: Dive Into HTML5 by Mark Pilgrim, Canvas Tutorial, Canvas Tutorial 2, Chrome Experiments, Building iPhone Apps with HTML, CSS, and JavaScript
Class Notes: Rectangle, Shape, Curve, Face, Gradient, Animation
In the News: Minn. man suspected of encouraging suicides
Studio: Carve a Jack O' Lantern (using Canvas)
Variables, Arrays and Loops! Oh my!
Introduction: Talk about final project
Lecture: Javascript, jQuery, jQuery for Designers, 40 Tutorials
In the News: How Will New Internet Domain Names Change the Web?, Internet Turns 40: First Message Crashed System
Class Notes: alert, variables, array, classes, css, show/hide, fade, slide, animate, forms, calculator, tabs
Import: http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
Studio: Work with jQuery
There's no place like 70.32.91.155
Introduction: Domain names and hosting plans
Lecture: HTTP, RMTP (ex: video, audio), Sockets, Cloud computing, Using Firebug, Designer Portfolios, Portfolio Examples
jQuery Plugins: List of jQuery plugins, Lightbox, Slider, qTip
Class Notes: Simple Tooltip, Advanced Tooltip
In the News: Hands On with Google Dashboard
Studio: Review Final Project proposals
Reading: Learning Web Design (chapter 21)
Augmented Reality
Guest Speaker: Craig Kapp will be talking about Augmented Reality - a technique through which 3D virtual objects can be overlaid onto the “real” world, in real time, using nothing more than a computer, a webcam, and a printed symbol.
Flash in a flash
Introduction: Flash websites
Lecture: Introduction to Adobe Flash (download trial), Drawing, Basic Animation, Sound (mp3), Text Effects, Actionscript
Class notes: Animation and Spring examples
Resources: Kirupa, gotoAndLearn, Actionscript, Tutorials, Papervision 3D
In the News: Twitter eyes acquisitions, sees making money in 2010
Studio: Work on Final Project
Will work for food
Lecture: Freelancing: getting started, finding clients, meetings, proposals, mockups, pricing, invoice, support
Resources: 20 Quick Tips For Aspiring Freelancers, Top 5 Biggest Freelancing Mistakes, Questions to ask clients before designing their website, Getting Real, How a Web Design Goes Straight to Hell
Studio: Work on final projects
Course Info
 |
John Kuiphoff |
 |
The College of New Jersey |
 |
Art |
 |
Fall 2009 |
 |
RSS |
 |
2799 Views |
 |
web, design, HTML, CSS, Javascript, |
