INTERNET USER/DEVELOPER - CIS44 - Sample Code

The information at this site is in draft form and is the property of Priscilla Grocer. The information may not be duplicated or distributed without her permission. ©Copyright 2002

Sample HTML code Link to retrieve
HTML
To see the HTML code, use View/PageSource.
Code demonstrated in first PowerPoint presentation
First web page example - web1.html
Intro formatting - web2.html
Color etc. - web3.html
Branching in page - web4.html
Block quotes and lists etc. - web5.html
More color and formatting - web6.html
Links to another page at the site - web7.html
Page link to - web7a.html
Linking - web9.html
Link to - web9a.html
More features
Tables - web8.html
Use of tables in my fall schedule
Experiment with tables #1 (expertable1.html)
Experiment with tables #2 (expertable2.html)
Experiment with tables #3 (expertable3.html)
Experiment with tables #4 (expertable4.html)
Graphics with the web site - web11.html
More on alignment - align.html
Making your own graphics - web12.html
More on images with link - moreim.html
Image being linked to - bigim.html
Snow in 1996 - snow.html
Top and bottom frames
Left and right frames
Using multiple frames
Another multiple frames
Left/right frame set with right to be replaced
Left/right frame set with right to be shown in full screen
Left/right frame set with right to go into new window
Design to put into specified frame
Example without resizing and scrolling
Mapping an image
Example of a mapped flowchart
Forms in HTML - web10.html
More on forms in HTML - web13.html
Layout of a page using tables and width percents
Layout of a page using tables and width pixels

Back to the Top

Sample image code Link to retrieve
Images bccpage1.html
bccpage2.html
bccpage3.html
bccpage4..html
bccpage5.html
bccpage6.html
patternpages.html
patternpg1.html
patternpg1a.html
patternpg2.html
patternpg2a.html
patternpg3.html
patternpg3a.html
patternpg3b.html
patternpg4.html
patternend.html

Back to the Top

Sample CSS code Link to retrieve
Cascading Style Sheets Test of cascading style sheets
Style sheet itself for HTML above
Another CSS test
Style sheet for the another test above
HTML with style embedded in code
HTML with css
Style sheet for css2
HTML with css - background change from css2
Style sheet for css3
HTML with style embedded
HTML with style embedded - minor change
CSS with overlapping images
Another overlapping example
Positioning with repeat-x, spanning etc.
Positioning with repeat-y
Another example of positioning
Still another example of positioning
And another example of positioning
And another - this one uses float

Back to the Top

Note that some of these are versions where I have made the code a little more professional with semi-colons etc. Some of the old versions will show up in the PowerPoint so I am refering to them here as well.
Sample JavaScript code Link to retrieve
JavaScript Events Mouse event with explanation
Another version
Mouse event
Mouse event with changed code and explanation
Event example #1
Event example #1 - another version
Event example #2
onClick event
JavaScript Introduction to JavaScript with fonts
Introduction to javascript with fonts (prior to revision)
Navigating in javascript
An example of onClick and script
If and time - example #1
If and time - example #2
If and time - example #3
If and time - example #4
If and time - example #5
Another example using time
Note: With fast load times the next 2 make no impact - they used to! I kept them because they show a few other things that I want to cover.
Flickering load #1
Flickering load #2
Variety of IF tests
Getting information from another page - example #1
Getting information from another page - example #2
Table test
Calculate grade with data entry, calculate, if
Another version of calculate grade above
Introduction to functions - averages - example A
Introduction to functions - averages - example AA
Introduction to functions - averages - example B
Introduction to functions - averages - example C
Introduction to functions - averages - example D
Introduction to functions - averages - example E
Introduction to functions - averages - example F
Introduction to functions - averages - example G
Introduction to functions - averages - example H
Introduction to functions - averages - example I
Function example
Another type of function
While loop
Calculate grade with while loop
Do...While loop
Calculate grade with do...while loop
For loop (mathfor.html)
Another for loop (mathfor1.html) - try in both browsers
For loop using cancel (mathfor2.html)
Another for loop using cancel (mathfor2a.html) - more approved code
Calculate a grade average
Another calculate a grade average
Another calculate a grade average
Another calculate a grade average
Another calculate a grade average - pass separately
Check test - shows receiving info from a checkbox
Check test - receiving info individually - more technical version
Radio button check
Another version of the radio button check
Accumulate two random numbers
Array of month names
Array of month names an day names
Array and an endless loop
Array looped through under user control
Loading a new site
Popup window
Variation on popup window
Message for popup window
Another window example
Menu to go with example above
Logon script
Calculation and array
Searching from your page

Back to the Top

Send e-mail to Mrs. Grocer:

pgrocer@bristol.mass.edu

Back to the Top
Return to home page
Return to previous page