1. To open the template, you must first open Internet Explorer. Find the Explorer icon on your screen and double-click on it.
2. You should see the La Cañada Unified School District web site. To get to the portfolio template, click in the white "Location" box near the top of the screen. Highlight everything and type "www.lcusd.net/lchs/portfolio". Press Enter.
3. You are now at the Digital Portfolio homepage. Here you can find help and resources to use in making your portfolio. Click on the link called "Template of Digital Portfolio".
4. Now you can see a basic template that will help you make you portfolio.

1. From the "File" menu at the top of the screen, select "Save As".
2. In the window that appears, there is a "Save In" box. Click on the black triangle to the right of this box.
3. You should see a list of the computer's hard drives. One of the drives will be labeled with your student ID number (s: drive). Click on this drive.
4. Now you have to create a folder called "www" to store your portfolio in. Find the icon of the file folder with a star on the upper-left corner. Place you cursor over it and it should say "Create New Folder". Click on this button.
5. A folder will appear in the main box with the name highlighted. Change the name to "www" and press "Enter". Then double-click on the folder.
6. Click on the "Save" button.

* NOTE : Do NOT change the file name. It must be called "index.html"!

1. Open the template in word by going to the "File" menu and selecting "Open"
2. If the file "index.html" is not visible, go to your digital portfolio directory (s: drive) as in steps 2.2 - 2.3 then double-click on the "www" folder.
3. Double-click on the file "index.html".

1. Replace the test "Your Name (link to your picture)" with your name. To do this highlight the text and then type in your first and last name.
2. Scroll down to the bottom of your page. Enter your address, phone number, e-mail. ** Note : This is optional. If you prefer not to include this personal information simply leave the school's address and delete the e-mail link by highlighting in and pressing delete.
3. In order to allow anyone to e-mail you simply by clicking on your e-mail address, you need a special link.
1. Highlight your e-mail address.
2. Either click on the "Make a hyperlink" button or go to the "Insert" menu and select "Hyperlink".



3. In the lower left-hand corner of the window there is a check box next to the words "Use relative path for hyperlink". Deselect that option by clicking in the box until it is empty.
4. Go up to the empty field labeled "Link to file or URL:"
5. Click in the field to place your cursor there and type "mailto:" directly followed by your e-mail address.
4. Making Absolute Links -- As you know, links are used to move between different pages on a web site. There are two kinds of links, relative and absolute. An absolute link is used to go to a different web site, while a relative link is used to move between the pages of one site.
1. To create a link to the LCHS web site, first scroll back up to the top of the page.
2. Highlight "La Cañada High School"
3. Click on the hyperlink button.
4. Deselect the "Use relative path for hyperlink" option in the bottom left-hand corner.
5. In the "Link to file or URL:" box, type the high school's internet address, http://www.lcusd.net/lchs
6. Click "OK" and the words "La Cañada High School" should be in blue and underlined.
5. Testing a Link -- After creating a link, it is a good idea to make sure that your link works.
1. The first step is to save your work by clicking the "Save" button or you can go to the "File" menu and select "Save".
2. Next, open Netscape Communicator the same way you did in 1.1.
3. Now you need to open your page in the browser. Do this by going to the "File" menu and selecting "Open Page".
4. The highlighted text should end with "\www\index.html". If it does, make sure that the "Navigator" circles is checked, and click "Open". If not you will have to click "Choose File" and select your file the way you did in 2.3-2.5.
5. You should now see your modified page. If it still reads "Your Name" at the top, click on the "Reload" button.
6. Test you link by clicking on it.
7. If you go to the desired page, you link is working properly. You can use the "Back" button to return to the previous page.
8. Note: You are in Netscape Navigator, which will let you see how your page will appear and test links, but not edit it.
6. Creating a Sample File -- You will now make a sample file in Microsoft Word to use in your portfolio.
1. Go back to your open "index.html" page.
2. Create a new blank page by either clicking the "New Page" button or by going to the "File" menu and selecting "New".
3. Type something in. This file is just to help you learn how to make links, so it doesn't have to mean anything.
4. Now you will save your work as an ".html" file.
1. Go to the "File" menu and select "Save as HTML".
2. Go to your folder as you did in steps 2.2-2.3.
3. Type a descriptive file name in the "File Name" box, ending with ".html".
4. Click on the "Save" button.
5. You will get a pop-up message. Click "Yes".
7. Relative Links -- Now you will use relative links to get to the file you made.
1. Save your html files to your directory on the server.
2. Decide which link should lead to your file. For example, if you have an essay that shows your thinking and/or analyzing abilities, you would choose the link "Sample 1 (Thinking, Analyzing)".
3. Next, make sure that you are in Word and highlight the text you want to link.
4. Click on the "Hyperlink" button.
5. Click on the "Browse" button.
6. Find the ".html" file that you just made and want the link to go to. Double-click on it to select it. NOTE : The file that you want to link to MUST be saved in ".html" format.
7. This time, make sure that the "Use Relative path for hyperlink" box is checked and then click "Ok".
8. Save and check your new link.
8. Creating a New Link -- If you want to add additional links, follow these steps.
1. First, type in the name of the link where ever you want it to be.
2. Highlight the name and click on the "Hyperlink" button.
3. If you are linking to another web page, be sure that the "Use relative path for hyperlink" box is empty and then type the entire address (including the "http://") in the "Link to file or URL box.
4. If you are making a link to a file in you folder, be sure that the "Use relative path for hyperlink" box is checked and then click on the "Browse" button to choose your file as in 4.7.6-4.7.7.
5. Click the "Ok" button, save, and test your link.
9. Getting Files from Home -- You may have with you a disk with some saved work on it.
1. To protect against viruses you cannot use the floppy drive in your computer. Take your disk to your teacher. He or she will put the disk in their computer and copy the files to your folder so you can use them.