LSCI 110: DIGITAL ORAL RESEARCH PROJECT

DEVELOPING YOUR ORAL RESEARCH WEBPAGE

Select a background
Insert pictures
Create bookmarks and hyperlinks
YouTube videos

Before starting, be sure that you have all of the picture files (.jpg file) and audio files (.mp3 files) for your project in one folder. (If you did a video interview, no audio files are needed.)

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 all of your pictures (.jpg) and audio 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.
Delete anything that you do not want in your final web page.

  • Start Microsoft Word and open the index.html file using Microsoft Word.
    (Important: Do not 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:

IMPORTANT NOTE:
Before inserting pictures, make sure that you have saved all of your picture files (which should .jpg files) in the same folder where you saved your index.html file
.

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. (Do not pull from a side or top or bottom because that will distort the picture’s proportions.)

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)

c-1. 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.

c-2. To create a hyperlink to an audio file:

IMPORTANT NOTE:
Before linking to audio files, make sure that you have saved all of your audio files (which should .mp3 files) in the same folder where you saved your index.html file
.

  • click on "Existing file or web page" on the left side of the "Insert Hyperlink" dialog box;

  • in the box that says "Address", enter the exact file name (ending with .mp3) or just browse the list of files and simply click on the name of the file

·         When linking to an audio file, you should make the link open in a new window by doing the following:

o    click on the “Target Frame” button (at the right side of the Edit Hyperlink dialog box)

o    click on the pull-down menu in the Set Target Frame dialog box and select “New Window

o    click OK in the Set Target Frame dialog box

·       click OK

 

c-3. To create a hyperlink 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://

  • click on "Existing file or web page" on the left side of the "Insert Hyperlink" dialog box;

  • in the box that says "Address", enter the exact file name (ending with .mp3);

  • click OK in the Edit Hyperlink dialog box. 

 

 

 

 

YouTube videos:

Just paste in the YouTube URL for the appropriate segment (e.g. http://www.youtube.com/watch?v=1iM82Ymz_oM) in the location where you want the video window for that segment to appear.  I will embed your video segment windows for you.



 

 

 

 

 

 

 

 

 


last revised: 5-12-12 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