.

PCC Website
Mr. Moegelin

Lesson 4
Inserting a Scrolling Marquee and Making Slideshows
Last Updated on:  
 


Comments/Reminders/Review:

 

•   Take your time.  Don't rush to be done.  It's important to have everything just right on the home page or index.  The index
      will be used to make other web pages.  You will learn new skills and techniques that you may want to add to the index.

•   Check to be sure that your main table is aligned to the center.
 •   Be sure that your images are not pushing out the sides of a cell or table.  Leave a little space all around the image between
      the cell or table borders.  It's better to resize your images in PSE 5 than to drag in the edges.  Image clarity is one reason.
 •   Have the tools that you need in the Front Page tools menu.  It will save you a lot of time and trouble.
 

 


Inserting a Scrolling Marquee

1.  Go to "Insert" on the tool menu.  Select "Component."

2.  Choose "Marquee" in the right window by double clicking on it.

 
3.  Type in the Marquee phrase that you want in the "Text" window.

4.  Set the "Delay" and "Amount" speed to 2 and 3 respectively.  Select "Alternate."

5. Then click "OK"

This is what you should get.

This is how you make a moving marquee

6.  Move the end points in to shorten the Marquee.

7.  Single click on the Marquee that you have made and change the font color to red in your tools menu above.

 

 

 


Copy the code below and paste it onto a WordPad document, then copy and paste it into the
HTML of your page.  Put the HTML code into a table within a table on your web page.

 

This is a vertical scrolling marquee. Paste the code below into a WordPad document, then copy it into a table within a table on your page.

.

<marquee bgcolor="#CC0000" scrollamount="1"
direction="up" width="493" height="78" style="padding:2; border:0px solid #808080; font-size:10pt; font-family:Verdana"><font color="#ffffff" size="2"><strong>This is a vertical scrolling marquee.
Paste the code below into a WordPad document, then copy it into a table within a table on your page.</strong></font></marquee>

.


Copying a Picture By "Print Screen"

1.  First open up Microsoft PowerPoint and create a blank Page.  Minimize PowerPoint on your computer screen.

2.  With your computer screen on one of your personal pages hit "Control" and "Print Screen" together on your keyboard.

3.  Return to the blank page that you created on PowerPoint.  Hit "Control"  and "v"  together on your keyboard.

4.  A copy of this screen image will appear on the PowerPoint page in the PNG or png format.

5.  Right click on the picture and save it in your image folder.

6.  You would now be able to crop and resize the picture in an image editing program.

..


Using Dynamic HTML Script to Create a Slideshow

 

Free DHTML scripts provided by
Dynamic Drive

Presentation Slide-In Slideshow
DHTML Slideshow Script

Go get the Script

All pictures must be the same size, e.g., 200 pixels by 100 pixels and in same folder as the web page.

.

Flexi Slideshow
The Pictures do not have to be the same size.
 

 

Free DHTML scripts provided by
Dynamic Drive

Go To Flexi-Slideshow Script

 

Use PicNik To Edit Your Pics

 http://www.picnik.com/app#/edit
 

Photobucket Slideshow

.

.

  PCC Web Site Course 2011