9:30am - 9:45
(***PUT COMPUTERS TO SLEEP***)
RSA Animate - Changing Education Paradigms
adapted from a talk given at the RSA by Sir Ken Robinson
9:45 - 10:00
WWW History
10:00 - 10:15
How the WebWorks
10:15 - 10:30 (Uploading to a Server)
Review
1) Save your homework as index.html, then save it in a 466 folder in a towson directory
2) Upload the 466 folder (with your images, and index.html page) to Towson's server
3) Test your webpages: http://tiger.towson.edu/~username/466/index.html
*4) Email me a link to the URL address (now), and if you can't get it uploaded email me your photo, and your HTML code.
ryansmithstudent@aol.com
10:45 - 11:00
Hexadecimal System (RGB)
This is HTML code:
<body bgcolor="#00FF00">
11:00 - 11:30(CSS)
What is CSS?
CSS Syntax
This is an example of how to put CSS in the head of your html code (don't do it this semester) :
<style type="text/css">
p{ background-color:#FFF; padding: 2em; color:#999; width:500px; }
</style>
Instead, in the head of your html code, put a link to a separate .css file:
<link href="466.css" rel="stylesheet" type="text/css" />
External style sheets: http://www.w3schools.com/css/css_howto.asp
11:45 - 12:15
(Check HW)
Classwork:
Create a separate .css file, and link the .html page from week 1 to your new css code.
- What you did last week - What you should have uploaded - Here's my CSS
Be creative, use at least 1 other color aside from black, white, or gray.
Pick appropriate colors, change the size & style
of your fonts.
Do not use the default link colors from now until the end of the semester.
Prepare a brief (less than 5 min.) presentation
about your self and your art work.
What are you studying? Why are you studying it? What else do you do for fun?
What experience do you have with web design? What do you want to learn this semester?
12:15 - 1:10
Presentations
1:10 - 1:20
Talk about Homework
1) Find a website that you think looks awful.
example 1
example 2
2) Redesign the homepage, and one other page.
3) Add a link from your index.html page (from last week) to your homework.
Requirements:
The 2 pages must link to each other, and you should have a link to the original "awful" website (please set the target to _blank).
All CSS must be in an External Style Sheet (http://www.w3schools.com/css/css_howto.asp).
All text should come from the original site.
You can use images from anywhere, maybe try using screenshots (shift+command+ 3 or 4).
@charset "UTF-8";
/* CSS Document */
/*
this is a comment
*/
body{
background-color:#000000;
color:#CCCCCC;
font-family: Taco Box, Helvetica, Arial, sans-serif;
font-size:12px;
line-height: 1.5em;
}
img{
padding:1px;
border:2px solid #CCC;
}
h1{color:red;background-color:#FFF;text-align:center;font-family:"Arial Black", Gadget, sans-serif;font-size:24px;}
h2{color:#F00; font-family:"Arial Black", Gadget, sans-serif; font-size:18px;}
h3{color:#F00; font-family:"Arial Black", Gadget, sans-serif;}
p{
background-color:#FFF;
padding: 2em;
color:#999;
width:500px;
}
a:link{color:#FFF; font-weight:bold; text-decoration: underline;}
a:visited{color:#FFF; font-weight:bold; text-decoration: underline;}
a:active {text-decoration: underline; font-weight:bold; color: #000;}
a:hover{color:#F00; background-color: #000; text-decoration: none;}
ul{
text-align:center;
list-style:circle;
width:10em;
}
li{
background-color:#FF0000;
padding: 1em;
/* display: inline; */
}