week#3
*Check Homework
review div tags:
<div id="name">
CSS
<link href="365.css" rel="stylesheet" type="text/css" />
using an external style sheet
How the Web Works
Uploading to a Server
FUGU (FTP) Free Download
Step by step FUGU instructions (Towson)
1) Save your homework as
index.html, then save it in a 365 folder in a Towson directory
2) Upload the 365 folder (with your images, CSS, and index.html page) to Towson's server
3) Check to make sure it worked:
http://tiger.towson.edu/~username/365/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
Project A Examples:
- Alex Grey
- Beatriz Martin Vidal
- Jenny Saville
- William Belt
.gif vs. .jpg
Photoshop:
Actions window
File > Automate > Batch...
* Let's build a website
More with CSS:
CSS
Syntax
<link href="mycss.css" rel="stylesheet" type="text/css" />
using an
external style sheet
Google fonts
<!-- comments --> and /* comments */
* CSS styles can be applied to general page elements, CSS Classes, and specific items:
img { border: 0px; }
this applies to every image tag in the HTML document
.classy { color: red; }
this applies to a CSS class called classy.
<span class="classy" > Example of classy red text </span>
#about { background-color: #ccc; }
This rule applies to just the specific element that has an ID value of about:
<div id="about"> About stuff goes here </div>
changing the
background with CSS
HOME WORK
START WORKING ON "PROJECT A"
this week: ( due at the beginning of class, next week )
-familiarize yourself with HTML & start planning the website
-pick an artist
-do some research
-get (or make) digital images of artwork
*complete 2 webpages with at least 1 image and a working link
next week: ( due Fri, FEB. 27 )
- make your webpages look better
- finish the site