Interactive Sticky Ideas for School Websites
Create a Sticky Page for Your Site
|
| Home | Stories | Places | Weather | Saturday, July 19, 2008 |
|
|
Stick around to see how sticky pages can bring people back to your school Website. Use these samples to get you started.
|
A
"Sticky Pages"
How To...
If you like the ideas on Educates.us, please feel free to use them on your Website.
Basic instructions are provided below to help get you started including these in your web development project(s). There is no charge or obligation; but I certainly would appreciate a link back to www.Educates.us. Enjoy...
|
 |
|
How to create your own Sticky Pages from these samples:
Note, please, that the page formatting is plain and there is no menu or header/footer on these samples. It is up to YOU to incorporate any sample you use into your Website's look-and-feel.
|
Put the "Silly Stories" on your Website. If you can copy and paste, you can do this:
- ALWAYS make a backup copy of your pages before you try anything new.
- Open this "Stories" directory - CLICK and it should open in a new window.
- Open or download (depending on how your browser reacts) the "stories-input.txt" file.
---> Looking at the code, copy everything from the line "Code for Story Input Routine BEGINS Here" to "Code for Story Input Routine ENDS Here"
--->Paste it into your Web page where you would like it to appear.
- Make another page for your site with the file name being "stories-out.php" (note: the name ends in .php, NOT .html)
- Open or download (depending on how your browser reacts) the "stories-out.txt" file.
---> Looking at the code, copy everything from the line "Code for Story Output Routine BEGINS Here" to "Code for Story Output Routine ENDS Here"
--->Paste it into your Web page where you would like it to appear.
- Upload your page to your Web server and test. Upon clicking the "Go To Story" button, the page stories-out.php should open.
- Note: your Web server must have PHP capabilities. Nearly all paid services have this as a matter of routine, but free services may not.
|
Put the "Local Weather" on your Website. If you can copy and paste, this is easy:
- ALWAYS make a backup copy of your pages before you try anything new.
- Open the "weather.html" page - CLICK and it should open in a new window.
- View the source of the page to see the code (on the View menu of your browser).
---> Looking at the code, copy everything from the line "Code for Weather iFrame BEGINS Here" to "Code for Weather iFrame ENDS Here"
--->Paste it into your Web page where you would like it to appear.
- Make sure to leave plenty of room - this creates a large frame (an iFrame) within your page.
- Upload your page and test.
- Go into the code of your page and change the sample location (Baltimore, MD) to whatever location you like.
- You can change the height and width of the iFrame within the code to suit your needs. The numbers are in pixels.
- Note: You may need to go directly to the NOAA page for Baltimore, enter your City, ST and get your code from the resulting page URL. The is a 3-letter weather station code at the end of the URL that you may need to change.
|
|
