John Sklar's Office

Sunday, July 6, 2008

Sally Ride - July 14, 2008

Thinkfree is an online office app and here is a pep talk about online apps you can look at: Use Online Apps (From Thinkfree) Getting started with Web 2.0:

Here are some interesting Web 2.0 links:

A Web 2.0 Directory - http://www.go2web20.net/

Other Web 2.0 links.Blogs - http://www.blogger.com/

PBWIKI - http://www.pbwiki.com/

GMAIL - http://gmail.google.com/

WriteBoard - http://www.writeboard.com/

Student 2.0 - http://students2oh.org/

ImageChef - http://www.imagechef.com/

ZoHo - http://www.zoho.com/

Thinkfree - http://www.thinkfree.com/

NNDB - http://www.nndb.com/

Thinkfinity - http://www.thinkfinity.com/

What's an application? Where does collaboration and composition collide? Why use online apps?

Using Google Docs - An Adobe Publication Google Docs Help Google docs on iPaper ( I didn't write this or endorse it but it seems complete)

HOWTO use google docs - Upload a Document to Scribd

Use Online Apps (From Thinkfree)

Here is a google doc with our Class activity

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