Digital Portfolio: Opening and Customizing the Template

PC Version

Opening the Template

  1. The first step on the way to creating your Digital Portfolio is opening the template we have created for you.
    1. To open the template, you must first open Netscape Communicator. Find the Communicator 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 twice in the white ‘Location’ box near the top of the screen. At the end of the address, ADD ‘/lchs/portfolio’. The complete address should now be ‘http://www.lcusd.k12.ca.us/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 your portfolio.

    Saving the Template

  2. Saving the template to your directory.
    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 (J: 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 your 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.
      1. Note: Do not change the file name. It must be called ‘index.html’!

    Opening a Page with Composer

  3. Opening your page in Composer
    1. In order to change your page, you must use Netscape Composer. To open your page in Composer, go to the ‘File’ menu and select ‘Open Page’.
    2. Click on the circle next to ‘Composer’ where it says ‘Open Location or File In.’
    3. Next click on ‘Choose File’. If the file ‘Index.html’ is not immediately visible, go to drive J: as you did in steps 2.2-2.3, then double-click on the ‘www’ folder.
    4. Double-click on the file ‘Index.html’ then click on the ‘Open’ button.

    Editing the Template

  4. Now that you have the template opened, it is time to customize it.
    1. The first step is to place your name where it says ‘Your Name’ at the top of the page. To do this, simply highlight ‘Your Name’ and type your first and last name in.
    2. Next, scroll down to the bottom of the page using the scroll bar on the right of the screen. Just click on the small down arrow at the bottom and hold the button down until the page stops scrolling.
      1. Note: Including your address is optional. If for any reason you do not wish to include your address, simply leave the school’s address and delete the e-mail link by highlighting it and pressing Delete.
    3. Now you should enter your address, phone number, and e-mail (if you have one) using the same method you did to enter your name.
      1. If you choose to enter your email, there is one more thing you have to do. This will allow anyone to e-mail you simply by clicking on the link.
      2. First click on your e-mail address.
      3. Next click on the ‘Link’ button at the top of the page.
      4. Click at the end of the highlighted text and delete only to the colon. Leave ‘mailto:’.
      5. Type your e-mail address after the ‘mailto:’ with no space in-between, for example, ‘mailto:email@isp.com’

    Saving

  5. Now that you’ve made some changes, its time to save the modified page. Simply click on the ‘Save’ button at the top of the screen or go to the ‘File" menu and choose ‘Save’.
    1. Note: It is a good idea to save your work often.

    Making an Absolute Link

  6. As you probably 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. You will create a link the La Canada High School web site. First, scroll the screen back up to the top of the page.
    2. Highlight ‘La Cañada High School’.
    3. Click on the ‘Link’ button.
    4. In the box ‘Link to a Page Location or Local File’ type the Internet address of the school’s web site. The address is: ‘http://www.lcusd.k12.ca.us/lchs’.
    5. Click on the ‘OK’ button
    6. The words ‘La Cañada High School’ should now be blue and underlined.

    Testing a Link

  7. After you have created a link, it is a good idea to test it to make sure it works
    1. The first step is to save your work by clicking on the ‘Save’ button.
    2. Next, click on the ‘Communicator’ menu near the top of the screen. Go down to ‘Web Page’ and click.
    3. If Netscape is not at your page, go to ‘File’ and choose ‘Open Page’. If it is, click on the ‘Reload’ button, then go to step 7.6.
    4. The highlighted text should end with ‘\www\index.html’. If it does, make sure the ‘Navigator circle is checked and click ‘Open’. If not, you will have to click ‘Choose File’ and select your file the way you did in steps 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 your link by clicking on it.
    7. If you go to the desired page, your link is working properly. You can use the ‘Back’ button to return to the previous page.
    8. Note: You are now in Netscape Navigator, which lets you see how your page will appear and test links but not edit it. To return to editing, click on ‘Communicator’ at the top of the screen and go down to where it says ‘Compose Page’ and click. You are now back in the editing program called Netscape Composer.

    Creating a Sample File

  8. You will now make a sample file in Microsoft Word to use in your portfolio.
    1. To open Microsoft Word, first click on the ‘Start’ button in the lower-left hand corner of the screen.
    2. Go to ‘Programs’ and click, then go over and click on ‘Microsoft Word’.
    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’.
    5. Exit Word by clicking on the ‘X’ in the upper-right hand corner.

    Relative Links

  9. 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 analyzing abilities, you would choose the link ‘Sample 1 (Thinking, Analyzing)’.
    3. Make sure you are in Composer and click on the link.
    4. Next, click on the ‘Link’ button at the top of the screen.
    5. Click on the ‘Choose File’ button.
    6. Find the name of the file you want the link to go to and double-click on it.
      1. Note: Your file must be saved in ‘.html’ format. You did this in step 8.4.
    7. Click on the ‘OK’ button.
    8. Save your work and test your link.
      1. Note: If you want to change the name of the link, simply use the ‘Backspace’ key to erase the name and type in your own. For example, if your link leads to an essay, you might want the title of the link to be ‘An essay on To Kill a Mockingbird’.

    Creating a New Link

  10. If you want to add additional links, follow these steps.
    1. First type in the name of the link wherever you want it to be.
    2. Highlight the name and click on the ‘Link’ button.
    3. If you are making a link to another web page, type in the Internet address. Remember this is an absolute link and needs the entire address, (i.e., http://…).
    4. If you are making a link to a file in your folder, click on the ‘Choose File’ button and double-click on the name of the file you wish to link to. This is a relative link.
    5. Click on the ‘OK’ button, save, and test your link.

    Getting Files From Home

  11. You may have with you a disk with some saved work on it.
    1. To protect against viruses you cannot use the floppy drive on 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.