John Sklar's Office

Wednesday, June 18, 2008

Please Try My Embeded Form:

Here is the spreadsheet that is fed from this form. Fill it out then go look at the spreadsheet.

Tuesday, June 17, 2008

Alternate Directions To Oconomowoc

From Juli Garton:

Just a friendly reminder that our class tonight begins at 5:00 PM which is 15 minute earlier and will end at 9:00 PM.

Meet in room 213 of the Oconomowoc High School, 641 Forest Hill Rd.

Below is an alternative for folks traveling West from Milwaukee if I-94 is closed at Delafield.

Take I-94 and at Pewaukee
Exit Hwy 16
Take Hwy 16 towards Oconomowoc
Before the construction Exit Hwy 67 South (not North)
You will go over Hwy 16 and immediately turn RIGHT after the bridge on Armour Rd *
Turn left onto Summit
Turn right onto Forest Hill Rd – see sign for high school
Left onto Stadium Drive

Drive past the entrance which is near the Gymnasium and PARK please.

Room 213 is on the second floor and on the East side of the school. We took the elevator, but you can take the stairs that require you to walk up and then down ½ a flight to get to room 213. I will be on hand to help you find the room.

High School staff warned me that the lab gets warm with all the computers turned on, but today I would expect it to be comfortable based on the nice weather.

The trip from Madison may take a little more time – I understand that I-94 is closed. Last Saturday, Hwy 18 was also closed in one place, Hwy B and Hwy 16 had closures. Good luck on your drive.

* If you go to far and miss Armour – you will turn right at Summit and then left at Forest Hill and left at Stadium Dr.

Wednesday, June 11, 2008

Class 5 - Resources

JavaScript Handout and Examples:

Java Demos and Sites:

Tuesday, June 3, 2008

Class 4 - Resources

Here is a Presentation on CSS

Basic Style Demonstration files:

CSS in Blogs?

Here is a normal large Heading:

Here it is with style!

The normal Code:
<div align="center"><em><strong><span >Here is a normal large Heading:</span></strong></em></div>

The Styled Code:
<div style = "border:thick black solid; background-color:silver;text-align:center;padding: 10px; font-size:280%;"><em><strong>Here it is with style!</strong></em></div>

The Main problem is that each time you view the preview or post, blogger changes the code to "their"standard. It looks the same but may be more complicated.

Thanks to Ben Suter for the character converter. Check out his other tools.

Tuesday, May 27, 2008

Class 3 - Materials

A few quick shots:

To change the background image for a whole document:

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

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

EXAMPLE:

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.

<Head>

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;}

</style>

<head>

Thursday, May 22, 2008

So Why The Same Graphic Twice?

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

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.

Using FileZilla Portable - Upload a doc

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

FireFTP 0 - Upload a doc

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)

makeapage06 - Upload a doc

Monday, April 28, 2008

CEdu 533 - How the Web Works

This course examines the origins, history and evolution of the Internet and World Wide Web. Students develop skills in page design concepts, simple html, including the basic use of Javascript and Java applets. Students also investigate page production tools, development of web-based content, content management systems, on-line web applications and curricular examples. 3 graduate credits.

Greendale Middle School – AMEC-AA-0024
Greendale: May 14, 21, 28; June 4, 11, 18 - 5:00 - 9:00 PM

Summit Elementary (Oconomowoc) – AAMEC-AA0023
Oconomowoc: May 13, 20, 27; June 17, 24; July 1 - 5:15 - 9:15 PM

Documents you might want to use:

Course Syllabus: Greendale and Oconomowoc

Assignment 3:

Using FireFtp with FireFox

Glossary of Terms (PowerPoint, not used in class)

Lots of web resources specifically for this course: http://faculty.stritch.edu/jmsklar/533

We will be doing ftp, file transfer protoco, during this course. You will need an ftp client for your computer. If you don't already use one, i.e you are not a complete geek, I have created a portable ftp client setup for you. You can download it now and install it to your USB or Pen drive or wait and do it in class. A pen drive will be useful.

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.

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