LSCI 110: DIGITAL ORAL RESEARCH PROJECT

DEVELOPING YOUR ORAL RESEARCH WEBPAGE

Select a background
Insert pictures
Create bookmarks and hyperlinks
Embed YouTube videos

To develop your final project into a web page, you should:

  • Go to the Oral research project webpage template
  • Save the project webpage template file on your computer.
    IMPORTANT: When saving:
    • change the file name to: index.html,
    • change "Save as Type" to: Web page, html only (*.htm, *.html) (in some web browsers, this may be called: html source),
    • save this file in the same folder that contains any pictures (.jpg) or sound files (.mp3) you want to include in your page

This gives you a basic structure of a web page which you can edit and to which you can add your own information.

  • Start Microsoft Word and open the index.html file using Microsoft Word.
    (Important: Do not just open this file directly from the folder by clicking on it.  This will open the file in your browser and you will not be able to edit it.)

To select a background:

The default background is yellow.

a. To change the background, click on the “Page Layout” tab, then click on “Page Color” in the “Page Background” section of the task bar.

b. For a solid color, choose any color on the palette.
From the palette, you can also create a custom color by clicking on More Colors, or for a texture, you can click on Fill Effects, then click on the Texture tab.

To insert a picture:

a. Place the cursor in the location where you want to insert the picture

b. Click on the Insert tab and then click on Picture.

c. Browse to find and select the file you want to insert; click on the file name and then click Insert.

d. After the picture is inserted, you can click on the picture to be able to adjust the size by pulling in or out from a corner or side.

e. To center the picture, or align it to the left or right, click on the picture to select it and then use the text alignment tool on the Word toolbar (under the “Home” tab): click on the icon for center, align left or align right.

To create hyperlinks and bookmarks:

" Hyperlinks" allow you to let the reader jump from one place to another in your web page (called a "bookmark") and from your web page to another anywhere else on the Internet.

You can insert a bookmark within your page in order to identify where to hyperlink (from another part of your page) should jump to. For example, you can create a table of contents of all of your audio segments or any other sections in your web page and allow the reader to jump down to each of the different sections on your page. "Bookmarks" mark each spot where you want a reader to be able to jump to.

To insert a bookmark:

a. Place the cursor in the location where you want to insert the bookmark.

b. Click on the Insert tab and then click on Bookmark

c. Under Bookmark name, type or select a name.

d. Click Add.

Note Bookmark names must begin with a letter. You cannot include spaces in a bookmark name.


To insert a hyperlink:

a. Highlight the word(s) that you want to make into a hyperlink.

b. Click on the Insert tab and then click on Hyperlink (Ctrl-K is a short cut)

c1. To create a hyperlink to a bookmark within the same webpage:

  • click on "Place in this document" on the left side of the "Insert Hyperlink" dialog box;
  • click on the name of the bookmark that you want to link to (you may also select to link to the top of the document) ;
  • click OK.

c2. To create a hyperlink to an audio file or to another webpage:

  • click on "Existing file or web page" on the left side of the "Insert Hyperlink" dialog box;
  • in the box that says "Address",
    • to link to an audio file, enter the exact file name (ending with .mp3). (you will receive a list of the audio files I have for your page); OR
    • to link to another webpage, enter the exact URL (web address) for the webpage you want to link to. Be sure to always start a URL with: http://
  • If you are linking to an audio file, you should make the link open in a new window by doing the following:
    • click on the “Target Frame” button (at the right side of the Edit Hyperlink dialog box)
    • click on the pull-down menu in the Set Target Frame dialog box and select “New Window”
    • click OK in the Set Target Frame dialog box
  • click OK in the Edit Hyperlink dialog box. 

 

  To embed YouTube videos:

Steps for embedding YouTube videos using the LSCI 110 webpage template file if you have Word 2003 for Windows:

1.      Find the video you want, e.g.: http://www.youtube.com/watch?v=f49zjZrFU7M

2.    Delete “watch?” and change the “=” to a “/”, e.g.: http://www.youtube.com/v/f49zjZrFU7M

    1. In Microsoft Word 2003 on Windows computers*, right-click on the white rectangle on the template
    2. Select Properties. 
    3. Look for “Movie” and paste the corrected link (see step 2 above) into the box.
    4. If in design mode, press exit design mode
    5. For additional segments, copy and paste the rectangle in locations lower on the page for each segment, then repeat the previous 4 steps (a, b, c and d) for each additional YouTube video segment.

* If you do not have Word 2003 for Windows, just make a clear note (e.g. “VIDEO WINDOW HERE”) of the location for each video window (for each video segment) you want to create, and next to each note, paste in the Youtube URL for the appropriate segment.

 

 

 

 

 

 

 

last revised: 4-28-11 by Eric Brenner, Skyline College, San Bruno, CA

These materials may be used for educational purposes if you inform and credit the author and cite the source as: LSCI 110 Digital Oral Research Project.
All commercial rights are reserved. To contact the author, send comments or suggestions to: Eric Brenner at brenner@smccd.edu