Claris HomePage - Advanced
Using the Source Code

As you search the internet you will find things that will cause a flash of insight. "That's what I want to do!" When you discover something that was done particularly well that you want to adapt, Netscape provides an easy way to see how it was done

	View the Page Source - A web page is written in Hyper Text Markup Language (HTML). Even if you do not know the language, Claris HomePage is quietly converting everything you do to HTML. To see what your own work in Claris HP looks like, click on the Edit HTML Source button.
	To see what HTML code was used to create a page on the web, follow these steps Go to the View menu and select Document Source. In Netscape 4.5 the choice is Page Source If you are using a Macintosh this is automatically opened as a Simple Text document. If you are using an IBM this is opened as a Netscape window, with no menu items available. A sample of this source document can be seen below

Using the Page Source - The idea here is to copy the source document and paste it into Claris HomePage when it is in Edit HTML mode. Instructions will be given for each operating system. The assumption is made that you have already chosen to view the Document Source.

Macintosh In Simple Text go to the Edit menu and choose Select All. If you prefer keyboard commands use Command + A. With all selected, go to the Edit menu and select Copy. If you prefer keyboard commands use Command + C. Go back to Claris Home Page, go to the Window menu and select Edit HTML Source You may choose to select the Edit HTML Source button instead of using the menu. Go to the File menu and select New Page. If you prefer keyboard commands use Command + N. Go to the Edit menu and choose Select All. If you prefer keyboard commands use Command + A. Go to the Edit menu and choose Paste. If you prefer keyboard commands use Command + V. Go to the Window menu and select Edit Page. You may choose to select the Edit Page button instead of using the menu.

IBM In Netscape hold down the Ctrl key and tap the A key. That will select all Hold down the Ctrl key and tap the C key. That will copy Go back to Claris Home Page, go to the Window menu and select Edit HTML Source You may choose to select the Edit HTML Source button instead of using the menu. Go to the File menu and select New Page. If you prefer keyboard commands use Ctrl + N. Go to the Edit menu and choose Select All. If you prefer keyboard commands use Ctrl + A. Go to the Edit menu and choose Paste. If you prefer keyboard commands use Ctrl + V. Go to the Window menu and select Edit Page. You may choose to select the Edit Page button instead of using the menu.

	Editing the Page - You will have missing images because all you downloaded from the source computer is the HTML code used to write the page. No images are present there. If that distracts you too much, you can save the images from the source page and insert them into the new Claris HomePage document.
	Find the part of the page that you really wanted to use in your own page and highlight it.
	Go back to Edit HTML Source and copy the instruction
	Go back to the page you are working on and put the cursor at the point of the page you want to edit.
	Choose Edit HTML Source on your page and paste the instruction.
	Go back to Edit Page mode and see what change you have made on your page. Caution - do this first with a copy of the page, not your original. This may take some practice before you get the effect you thought you would produce.

Do not copy and use any work which is protected by copyright. However, HTML code is not copyrighted and you may be able to duplicate what someone has done really well by using this technique. For example - I really do not like frames, but many people get to the Teaching and Learning Academy by coming to the Memphis City Schools home page first. That page is organized by a frame, and selecting our Button from the left side of the page will keep the viewer inside the frame. While searching the Internet one day I found a line on a page about escaping from a frame. That resulted in the following line being added to the home page of the Teaching and Learning Academy:

I followed the steps above to find the source code for this. The image below shows what it looked like:

If you were going to do something similar you would have to replace the URL of my page with that of your page.