ࡱ > # % " 7 % bjbjUU " 7| 7| % l / $ #
C z X t ` V
@ Uw r
* 0 / 6 x | p Web Page Code
Rationale: The purpose of this activity is to view and manipulate the code behind your favorite web page.
Procedure:
Open a teacher-approved web site.
View the source code of the web site by clicking View on the menu bar and selecting Source.
Select and copy all of the source code. Paste it onto Microsoft Word.
Return to the web page. Find text that is not hyperlinked (no white glove appears). Select and copy the text on the web page that you would like to change.
Return to your Microsoft Word code document. Run a find command from the edit menu. Paste (control V on your keyboard) the copied text from the web page in the Find what: box. Click Find Next.
The text from the web page that you want to change will be highlighted in the code. Type any changes and be careful not to change any of the tags such as
.
Save the file as a text file (File/SaveAs and change the file type to Text Only) with an .htm file extension (filename.htm). Pay attention to where the file has been saved (usually My Documents).
Return to the original web page. Open the saved .htm file by clicking File, Open. Browse to the files location and select it
The file should display as a web page with a new name in the title bar (the bar at the top of the page). Notice it is not appearing as a www site.
Experiment with other changes to the code to see what happens. Examples include finding and replacing occurrences of certain words or names, replacing graphics, deleting code segments, moving code segments etc.
So What? What will you learn as a result of participation in this activity?
You will understand the importance of accurate code.
You will be able to identify the HTML/Java programming code required to display a web page.
You will be able to manipulate the code from web pages.
~ " & 8 < z ~ j n p w y
! " % CJ OJ QJ aJ 5OJ QJ \ OJ QJ \^J 5OJ QJ ^J 5OJ QJ \^J OJ QJ ^J ! } ~ O \ # 8
Y
" # $ %
&