Monthly Archives: January 2009

This is How We Do It!

January 30, 2009

Hello Everyone, As I mentioned in class, when you run across something you want to know how to do, add a comment to this post with the link to the site and tell me what you want to know how to do and I'll do my best to give you an answer or point you … Read More

Homework for 1.30

Hello Class, I want you to do the following for Monday. Read chapters #3 & #5 in "Don't Make Me Think" Come up with 5 different sketches for the sub pages of your web site (if you did a simple splash page that will then lead us into the web site sketch what we will … Read More

Stuff to reference for 1.30

<html><head><title>Centered Image</title><style>div.wrap {width:500px;height: 200px;position: absolute;top: 50%;left: 50%;/* notice the following numbers are exactly half of the width and height listed above. this needs to stay equal. for example if your div box width was 800px and height was 600px, you need change the margin left and margin top to -400px and -300px respectively */margin-left: -250px;margin-top: … Read More

Web Design as Foreign Language

January 28, 2009

Hello Class, I found this article on the AIGA web site which I know you read daily, so since you have already seen this article and read it, I’m just moving it over to this blog for your convenience, enjoy. by Steven HellerJanuary 27, 2009 I know around 650 French words, plus a score of … Read More

Stuff you’ll want to reference for 1.28’s class

January 27, 2009

<html><head><title>Div Tag Demo</title><style>body, html {text-align:center;margin: 0;height: 100%;background: url(‘http://students.garyrozanc.com/backgrounds/repeat.jpg’);} div.container {width: 500px;height: 100%;background-color: #FFFFCC;margin-top: auto;margin-left: auto;margin-right: auto;position: relative;} div.header {width: 500px;height: 150px;position: absolute;background-color:#000000;color: #FFFFFF;text-align: left;background: url(‘http://students.garyrozanc.com/backgrounds/banner.jpg’);background-repeat: no-repeat; } div.nav {width: 100px;height: 300px;background-color:#000000;margin-left: 400px;margin-top: 150px;position: absolute;color: #FFFFFF;text-align: right;}</style></head> <body><div class=”container”><div class=”header”>HEADER</div><div class=”nav”>NAV</div></div></body></html> Property Description Values margin A shorthand property for setting the margin properties in one declaration … Read More

Homework for 1.26

January 23, 2009

Hello Class, I want you to do the following for Monday. Read chapters #1 & #2 in "Don't Make Me Think" Come up with 5 different sketches/concepts for the splash page of your web site (I'm mean different, really different, not just the same elements moved from one corner to another) then scan them and … Read More

Things you’ll need for 1.23

Download these files to your desktop for today's demo. You'll find completed HTML files as well as images. These HTML files are for reference only! If you don't following along with the demo you aren't going to pick this stuff up! Download Demo2.zip (84.8K)

Demo files from 1.21’s class

January 21, 2009

Hello Class, You can download the files from today’s class, including complete HTML and CSS code to look at if you had problems with your page today. Download demo1.zip (8.6K)

REMIX: Design Brief

Project #1 Corporate Web Site The ProjectCreate a web site – one main page and three sub pages – using HTML and PHP/MySQL for an existing company or organization that you feel strongly about or find interesting, you will be working on projects for this company/organization all semester. In addition, you will be creating a … Read More

Things for 1.21.09

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">