Basics Getting Ready First Page Tutorial Finished First Page Second Page Tutorial

Finished Second Page

Creating the second page (begin.html)

ADDING BASIC WEBQUEST TEXT TO A NEW PAGE

    1. Go to File>New
    2. Save the page by going to File > Save as > begin.html
    3. Title: The BurpQuest Begins.
    4. Type in the upper left corner of the main window: BurpQuest. Press Return/Enter. Highlight the title and choose the Verdana font family, size 7 and bold.
    5. Open the index.html page. Highlight the navigation bar beginning with [Getting Started] and ending with [Teacher Tips]. Press Command (PC: Control) + C to Copy this row. Close the index page. Click below the title and press Command (PC: Control) + V to paste the navigation bar. Place the cursor at the end of the the navigation bar and press Return/Enter twice.
    6. Type Getting Started. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of the word "Started." While holding down the shift key, hit Return/Enter. Just hitting Return/Enter adds a space between the lines of text. By holding down the shift key, we are creating what is known as a line break (no space). This allows you to type on the next line without a space.
    7. Type In this quest, you will... Highlight this text and choose the Times font family and size 3. Place your cursor at the end of the text and then press Return/Enter twice.
    8. Type Roles. Highlight this title and choose the Verdana font family, size 5 and bold. Hold down the shift key and press Return/Enter.
    9. Type To successfully complete this Quest you will need to work cooperatively in groups of four. Each student in the group will need to assume one of the four roles. Press Return/Enter.
    10. Type Role 1 Medical Doctor. Press Return/Enter.
    11. Type Role 2. Press Return/Enter.
    12. Type Role 3. Press Return/Enter.
    13. Type Role 4. Highlight all the text after the word Roles and then choose the Times font family and size 3. Place your cursor at the end of this text and press Return/Enter twice.
    14. Type Task. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of this title. Hold down the shift key and press Return/Enter.
    15. Type 1. Specifically identify the definition and six major causes of burping. Write a paragraph about each of the causes. Press Return/Enter.
    16. Type 2. Press Return/Enter. Type 3. Highlight the text after the word Task and choose the Times font family and size 5. Place your cursor at the end of this text and press Return/Enter twice.
    17. Type Process. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of this title. Hold down the shift key and press Return/Enter.
    18. Type 1. Copy and paste the first task here (i.e., Specifically identify...). Make sure this text is still the Times font family size 5. Then press Return/Enter.
    19. Type a. Go to the online medical encyclopedia and type "Burp" in the 'Search by Keyword' window. Click on Go. The search found one match. Click on the hyperlink 'Belching'. Write the definition on the handout provided. Press Return/Enter.
    20. Type b. Press Return/Enter. Type c. Press Return/Enter. Type d. Press Return/Enter. Type e. Highlight the text (letters a through e). Choose the Times font family and size 3. Place your cursor at the end of this text (letter e.) and press Return/Enter twice.
    21. Type 2. Highlight this title and choose the Times font family and size 5. Place your cursor at the end of this number and press Return/Enter. Type a. Press Return/Enter. Type b. Press Return/Enter. Type c. Press Return/Enter. Type d. Press Return/Enter. Type e. Highlight the text (letters a through e). Choose the Times font family and size 3. Place your cursor at the end of this text (letter e.) and press Return/Enter twice.
    22. Type 3. Highlight this title and choose the Times font family and size 5. Place your cursor at the end of this number and press Return/Enter. Type a. Press Return/Enter. Type b. Press Return/Enter. Type c. Press Return/Enter. Type d. Press Return/Enter. Type e. Highlight the text (letters a through e). Choose the Times font family and size 3. Place your cursor at the end of this text (letter e.) and press Return/Enter twice.
    23. Type Evaluation. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of this title. Press Return/Enter four times.
    24. Type Resources. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of this title. Press Return/Enter four times.
    25. Type Teacher Tips. Highlight this title and choose the Verdana font family, size 5 and bold. Place your cursor at the end of this title. Press Return/Enter four times.
    26. Type [Top of Page]. Highlight this title and choose the Verdana font family and size 1.
    27. Press Command/Control) + S to save.



CREATING ANCHORS

    1. Click to the left of "BurpQuest" at the top of the page. Go to Insert > Invisible Tags > Named Anchor.
    2. Type in top for the name for the anchor. All our anchors will be short three or four letter names in lower case. Press OK.
    3. Scroll down the page and click to the left of Roles - not the one in the navigation bar at the top of the page. Go to Insert > Invisible Tags > Named Anchor.
    4. Type in role for the name for the anchor. Press OK.
    5. Scroll down further and click to the left of Task and go to Insert > Invisible Tags > Named Anchor. Name the anchor task and press OK.
    6. Add anchors to the left of Process and Evaluation named proc and eval.
    7. Note that the anchors move the text over in design view. However, when the page is displayed on the internet, the anchors are not visible and the text is not effected.
    8. Go to the navigation bar in the second line at the top of this page. Double click on the word Roles to highlight it. Click in the Link window of the Properties Tool Palette. Type in #role.
    9. Next, double click on the word Task in the navigation bar to highlight it. Click in the Link window of the Properties Tool Palette. Type in #task. Do the same for Process and Evaluation, except type the links #proc and #eval.
    10. Go to the bottom of the page and highlight Top of Page but not the brackets. In the Link window type #top.
    11. Highlight [Top of Page] with the brackets. Copy it. Now paste this after each of the category titles except the first two because they are already at the top (i.e., Getting Started and Roles). Click next to Task. Add three spaces by holding down the option key (PC: Control + Shift keys) while pressing the space bar. Press Command (PC: Control) + V to paste it. Now paste this after Process and so on until all the titles have this anchor.
    12. Press Command/Control) + S to save.
    13. Press F12 or the globe icon and a preview option to test your anchors in a browser. Close the browser when finished.



CREATING PAGE LINKS

    1. Place your cursor before the word [Roles] at the top of the page. Type [Introduction] and add three spaces before [Roles].
    2. Double click on [Introduction]. In the link window type in index.html. This creates a hyperlink to another page.
    3. At the very top of the page, place your cursor in front of the anchor in the top left corner and press the spacebar. Use the arrow key to move the cursor back one space. Go to Insert > Image and navigate to the burpquest image folder. Double click on barney.gif.
    4. While it is still selected, go to the link window and type in index.html. This links the picture to the index page.
    5. Go to Process 1.a. Highlight the words online medical encyclopedia. In the link area type http://www.fitnessheaven.com/res/adam/.
    6. Open the index.html page.
    7. Double click on the word [Evaluation] in the navigation bar at the top.
    8. In the link window type begin.html#eval.
    9. Press Command/Control) + S to save.
    10. Press F12 or the globe icon and a preview option to test your anchors in a browser. Close the browser when finished.

ADDING SOUND

    1. Make sure you have a wav file of a burp already in your images folder.
    2. At the top of the begin.html page, place your cursor after the word BurpQuest. Add five spaces.
    3. Insert > Media > Plugin and double click on the barneyburp.wav in the images folder to insert it.
    4. When previewing the page in Internet Explorer, the puzzle piece icon should become a media control panel showing a play button. Press it once and the sound will play. Press it again and it will pause.
    5. To see what the full media control panel looks like, make this control panel wider and narrower by changing the width to 190 and the height to 25 in the Properties palette. This will not be useful for our short burp, but it may be useful for longer sound or music selections. If the Play button in the properties palette doesn't correctly preview a media control panel and the burp, preview the page (press F12 or the globe icon and a preview option).
    6. For this page, we only need a short media control panel which just has a Play button. To do this, go back to Dreamweaver and select the puzzle piece icon. In the Properties palette, change the width to 42 and the Height to 25.
    7. Press Command/Control) + S to save.
    8. Close the browser when finished.