This course is meant to provide you with the foundational knowledge required to build a website. We will not get wrapped up in theory. We will be hands-on. We will write code.
Real world business needs will drive our discussions. You will learn the skills and techniques that professionals are using today.
The ultimate goal is for you to not only understand how websites come to life, but also the business that drives the industry. You should come away with an understanding of the current state of the industry, a respect for how we got here, and a sense of where we are headed.
Brief History of the Internet
Dive Into HTML5 - How Did We Get Here?
Understanding Web Design
To Hell With Bad Browsers
Answer this additional question in your response: What is the Web Standards Project? (Include the URL)
Edit and upload test files to your webspace.newschool.edu account.
You will need to edit some of the files based on instructions given in class and upload them to your webspace account so it is visible online.
A Dao of Web Design
From Table Hacks to CSS Layout: A Web Designer's Journey
Markup Your Resume
The goal of this activity is for you to convert your resume into a valid and semantic HTML document. The rules are simple.
- It must validate using the W3C Markup Validation Service
- It must use all of the tags listed in the HTML Cheat Sheet presented in class.
- It must not use any deprecated tags.
- When you are done, upload it to your webspace in a folder named 20120210.
Style Your Resume
The goal of this activity is for you to add style to the resume you marked up last week.
- It must validate using the W3C CSS Validation Service
- It may use any CSS tags that validate including CSS3.
- When you are done, upload it to your webspace in a folder named 20120224.
No reading due
This is considered your midterm project and will account for 20% of your total grade.
The requirements (from the syllabus) are:
"Produce a simple website that uses what we’ve learned so far about HTML, CSS & jQuery."
"You will be required to take the knowledge you have gained up to this point and present a simple working website to the class."
So, To clarify what I have already explained in class:
You will be required to present your website to the class.
- I will show your site on the projector while you show off your design and explain how you made it.
- I will probably pick apart your website with the developer tools while you talk.
- This should only take 3 - 5 minutes.
Here is the weighted grade breakdown for each item (out of 100pts):
- 15pts - include HTML
- 20pts - HTML validates
- 15pts - include CSS
- 20pts - CSS validates
- 5pts - attention to HTML semantics (e.g., using 'header' vs. 'div')
- 5pts - using CSS properly (i.e., more consise selectors, etc.)
- 5pts - clean code (e.g., consistent tabbing, lack of extraneous white-space, easily readable, etc.)
- 5pts - design / aesthetic (e.g., no obvious layout errors, text showing off the page so we can't read it, etc.)
PLEASE, PLEASE, PLEASE email me if you have questions before the class. If you get a low grade but never emailed me for help, I cannot sympathize with you.
Good luck and I'll see you on Friday!