Testing out Clipmarks

clipped from www.cnn.com Story Highlights At least 20 people killed, several trapped after building collapses in Mumbai Police say 25-40 people could still be trapped in building About 15 people have been removed alive, several with serious injuries Authorities blame faulty repair work on building for the accident Next Article in World »

Finish those javascript pages!

You should be finishing 2 javascript pages.
The first with any javascript from my webpage
http://www.mhsstudents.org/randall/javascript/examples.htm
The second page should have images that change in some way. Check out the links at the bottom of my webpage for some ideas.

June 1

The end is near!!!
Please bring in your books on Monday. We do not have class on Tuesday as it is a day 1.
Next Wednesday and Thursday is all the time we have left.

Please complete 2 javascript "pages" by then. Upload them in a javascript folder.

Use the following tutorial to help you. http://www.webmonkey.com/webmonkey/98/03/index0a.html
You will need to create one with ro
tating images.
Remember there are javascripts that are in the main page and those with the suffix .js that reside in the same directory as you html page.

What is AJAX? Please research and let me know what you find!

Finish CSS .....Start JavaScript

If you have not finished last Friday's assignment please do so.
Then do assigned readings.
You should be able to tell me the difference between java and javascript and what the file extension is for a separate javascript file.

Then your can go to http://www.mhsstudents.org/randall/javascripts/examples.html and start working on this assignment

CSS Navigation Buttons

If you have finished the CSS project with a row of images on the right please upload it to your multi css folder.It is time to move on.

Lets create some css navigation.
http://mhsstudents.org/randall/cssnav/buttonnav.html
Here is a document with the css and html I used. This also includes links to the 2 image files needed for this project.

Next let's work with this menu
http://www.cssdrive.com/index.php/examples/exampleitem/dashed_vertical_menu/

Then read the following pages in the Javascript Book
8-11 and 16-21

Smart FTP

Download SmartFTPthe 32bit version

May 18

Working with FTP software

Together we will download SmartFTP software and install in on our D drive.
FTP software allows you to seamlessly transfer files between your computer and a host or server computer.

Here is a link to a document with Smart FTP Instructions

We will work on Floating images using CSS. Use the tutorial at http://css.maxdesign.com.au/floatutorial/tutorial0407.htm

Create one css file and then one html file. Use your thumbnail images from your html tables assignment. Be sure to copy your thumbnail images to an image folder in your css folder. Upload your css file and your new html file to the css folder.
I started with one of my aboutme pages and here are the results.

I started with http://mhsstudents.org/randall/csslessons/aboutme.htm
Then http://mhsstudents.org/randall/csslessons/aboutme3.htm
Then http://mhsstudents.org/randall/multicss/aboutme8.htm
And Finally
http://mhsstudents.org/randall/multicss/fruitmulti.htm

Here is the css for the final work.
body{margin-right: 100px;
margin-left: 100px;
}

h2{ font-style: italic;
}
h1 {text-align: center; text-transform : uppercase; color:yellow; background-color:#9f0;
}
p{ color :#00cc00; font-size:22px;

margin-top: 0; }

.highlight {
background-color : #fcd9c5;
}
.underline {text-decoration : underline;
}
.floatright { float: right; margin: 0 0 10px 10px; clear: right;
}