Tuesday, May 27, 2008

Class 3 - Materials

A few quick shots:

To change the background image for a whole document:

<body style="background-image:url('blueswatch.gif');">

To change the font for a whole document put this line after the body tag:

<div style="FONT-family:times; font-size:18pt;color:white;">

A font-family is a prioritized list of font family names and/or generic family names . The browser will use the first value it recognizes so be sure to include enough description.

There are two types of font-family values:

  • family-name: The name of a font-family, like "times", "courier", "arial"

  • generic-family: The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".

Always offer a generic-family name as the last alternative.

Note: If a family-name contains white-space, it should be single-quoted.

<div style="FONT-family: ‘Comic Sans MS’,cursive; font-size:18pt;color:white;">

The line above will display Comic Sans or another cursive font if it is not available

To set the color and behavior of links in HTML


In the head of your page put code like this to get white links, no underline and a change when the mouse is over them. When visited the link will turn red and when hovering the link will turn green. It will turn white after you click before the new page loads.


<style type="text/css">

a:link {color:White;text-decoration:none;}

a:visited {color:red;text-decoration:none;}

a:hover {color: green;text-decoration:none;}

a:active {color:white;text-decoration:none;}



Thursday, May 22, 2008

So Why The Same Graphic Twice?

This is a link to [533] Resources!
Yesterday I posted an image that was made with ButtonShop3. When I got to class last night it didn't show up. Why? I'm not sure. The computers in the classroom were Macs. The format of the graphic in yesterday's post was png, i.e. portable network graphic. This one is a simple jpg.
Can you see the difference? The jpg is 4 kb and the png is 24 kb, is the png file six times better. I won't use png's any more.

Wednesday, May 21, 2008

CEd 533 - Resources

There should [533] button here! So where do you get a cool button? Cooltext.com will help you with the button or... you can buy a program that will do it.
The button above was made with ButtonShop3 from Kristanix software. Today, May 21, 2008 it is the GiveAway of the day. Check it out

Wednesday, May 14, 2008

CEd 533 - Class 2

FTP - Oconomowoc
is very important. You can do it from any computer that is on the internet, if the isp allows. You need software. I created an installer for a free, portable ftp client that you can use.

Go to this link: http://faculty.stritch.edu/ced/533/FZ/

IMPORTANT: Right click on the installfilezilla.txt file and select save Target As...
Change the filename to installfilezilla.exe (be sure you know where it is saved!)
All you need to do is double-click on this file and follow the directions. Don't
forget to provide a folder name, say "filezilla" on the drive you want to
install to. This can be a flash/pen/usb drive of your choice.

So why do we need to do this filename dance? Because the server won't let us download an executable file.

Read this doc on Scribd: Using FileZilla Portable

In Greendale we will be using FireFTP. An ftp program that runs within Firefox.

Read this doc on Scribd: FireFTP 0

Why HTML by hand?

Now that you know a little HTML you may want to try an editor. It will write the code for you and make life a little easier. It is not cheating, using tools is what makes human intelligence different from animal intelligence.

There are lots of tools out there and many of them are free. If you Google the topic you will find a lot of great editors. Try this
list for starters.

I like Nvu It is free and still being developed. There is even a successor on the horizon an
d it may be released soon. There is talk that it may work inside FireFox. This would make it really neat. As of now it just works for us as an editor. We will still have to upload the results. Click on the logo on the right to go to their website.

Here are the presentations for this week about web languages:

Here is a presentation on graphics:

And finally on Linking pages: (This is very important)

Thursday, May 8, 2008

CEd 533 - Class 1 - Resources

Please fill out this form for me so that I have up to date information about each of you.

Study team logs will be done with a Google Form that Louis assembled and I modified slightly. [Click to fill out this Study Team Form]

Here is the presentation on the History of the Internet. (via Slideboom)

Here is the 1st night Handout: (Via Scribd)

Read this doc on Scribd: makeapage06