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

May 16th

All students should now be working on your multi css project.
One css file, 4 html pages all with a common theme. You need to include a horizontal menu at the bottom linking all the pages together.

Freshman - Juniors will need to add a picture to each page. Go to
Use this site to help you http://css.maxdesign.com.au/floatutorial/tutorial0101.htm

May 14

Everyone should have their movie embedded in a file and uploaded to your folder.
Seniors should be working fast and furious to complete a 4 page css site.
One css file for the formatting of 4 html pages.
These pages should have a common theme. There should be a horizontal menu (you have an older handout) linking all pages together.

May 10

We will be finishing viewing the last of the movies today.

You must "embed" your movie in a web page.
Here's mine London, New York and Tokyo
Send me an email to let me know when this is done.

I will also introduce you to Picasa. A Google product used to organise and fix image files. Files to practice can be found at http://home.comcast.net/~christine.randall/camera/pix.htm

May 7

We need to see the rest of those movies!

I have created a CSS make-up sheet for those of you who need extra help.
Download a basic template http://www.mhsstudents.org/randall/csslessons/internalstylesheettemplate.html
See my example
http://www.mhsstudents.org/randall/csslessons/aboutme.htm
These will also help
http://www.mhsstudents.org/randall/csslessons/aboutme2.htm
http://www.mhsstudents.org/randall/csslessons/aboutme3.htm

Next is the columns CSS
http://www.mhsstudents.org/randall/csslessons/fruitcolumn.html View the source and read the handout I have created to give this a try.

Those of you who have moved on to external CSS and finished the first assignment. You should create a 4 page project with pictures that float to the right or left.

Try to create one on your own.
You must include one scanned image!
You must use the menu css did from the handout I gave you.

http://css.maxdesign.com.au/floatutorial/tutorial0101.htm


Save this in a folder called cssmax

May 4

Using a scanner.
Click here for scanning tips

Looking for a scanner? Read this article

Then we will check out your movies!

May 2

Attention seniors: Panther Vision is looking for pictures from your 8th grade year through senior year. These pictures will be used for a video collage that will air prior to graduation. Please submit your pictures to Mr. Ciavola or Mr. Heckman no later than May 4th.

The Freshman/Sophomore semi-formal is scheduled for Friday, May 18th. You must pay your class dues before you are able to purchase tickets. See a class officer for more details.

Auditions for the MHS Jazz Ensemble will take place on Monday, May 7. Students interested in auditioning must sign up in Room 170 or see Mr. Piazza for more details. Bass and guitar players are in high demand.

Best Buddies meeting, Thursday, May 3rd at 2:00 p.m. in room 230. All members should attend to plan May’s activity.

Attention seniors: Turn in your All-Nighter registration forms to Mrs. Buckley in Room 322 by Friday, May 4th to be eligible to enter the raffle for great prizes. Get your slide show photos in by May 11! See Mrs. Buckley for more information.

All BPA members who plan to attend nationals must pick up 2 permission slips in the Business Office by Monday and have them for the mandatory parent and student meeting Monday night at MHS at 7:00 p.m.

May 2

I would just like to remind everyone that at three minutes and four seconds after 2 AM on the 6th of May this year, the time and date will be: 02:03:04 05/06/07.

We are going to finish our movies and this is a time to share with the rest of the class.

Next we have to return to CSS
Use my handout to make a css file and 2 webpages that usee the css for their decoration.

I have made 2 examples using files I had already created.
http://www.mhsstudents.org/randall/multicss/mrsr.htm http://www.mhsstudents.org/randall/multicss/mrsm.htm

http://www.mhsstudents.org/randall/multicss/firstfruit.htm
http://www.mhsstudents.org/randall/multicss/secondfruit.htm

http://www.w3schools.com/css/default.asp Is a great place for css tutorials