Educational Technology & Design Page 1 of 4 Google Sites: WebQuest 1 Spring 2010 Google Sites: WebQuest I) Project Overview Instructors: Use WebQuest Intro PowerPoint 1) A collaborative, inquiry-oriented activity designed to support one of your previously stated unit objectives (from the unit paper) 2) 7 parts (Introduction, Task, Process, Resources, Evaluation, Conclusion, Teacher) 3) 5-page web site (introduction, resources, evaluation, conclusion, teachers) 4) WebQuest Info & Examples (links near the top of the assignment page) a) WebQuest Demo for Ed Tech & Design: http://sites.google.com/site/etdwebquestdemo b) Taskonomy (which type of task are you creating for your webquest?) c) webquest.org (webquest examples by grade level and subject area) II) Getting Started - Use Firefox, not Internet Explorer or Safari 1) Open Firefox and go to: http://sites.google.com/a/uni.edu 2) Sign-in to your account at uni.edu 3) While in Google apps you may encounter two different screens: a) Welcome to Google Apps dashboard or b) Create new site in uni.edu III) Copyright & Fair Use Guidelines 1) Fair Use DOES NOT apply to this project a) The WWW is an open network and distribution cannot be controlled–everyone has access 2) Links on the webquest assignment page to web-friendly image sources a) Consult the “terms of use” statement on each web site b) Site must give you explicit permission to use their image(s). Otherwise, it is a violation of copyright law. c) Identify sources of imagery in order of appearance somewhere on the page they appear d) Link to the image sourceʼs web site if required in their “terms of use” Included in this outline… • Project overview • Getting started • Copyright & Fair Use • Creating a new site • Editing first page • Creating other pages • Site settings • Internal navigation links • Editing pages • External hyperlinks • Preparing & uploading images • Inserting images • Accessing your accountEducational Technology & Design Page 2 of 4 Google Sites: WebQuest 1 Spring 2010 IV) Creating a New Site 1) Google Apps may open to different pages. If you are starting from… a) …the Welcome to Google Apps page > choose “Sites” from the menu of the services. b) …the create new site in uni.edu page > click “Create new site” c) …your last edited page > click “My sites” in the top right corner 2) Choose site name: Name it with your “WebQuest title –WebQuest” – this is a title that will appear on top of every page in this web site (you can always edit this title) 3) Modify the URL to include your CatID + the word webquest (i.e., maggdawebquest) 4) Expend the More Options category 5) Site categories: WebQuest 6) Site Description ex. WebQuest learning tool created by UNI student for EdTech & Design class 7) Collaborate with: Select “Only people I specify” & “Also, let anyone in the world view this site”. 8) Choose site theme 9) Click “Create site” V) Editing the First Page 1) Click “Edit page” 2) Insert text in appropriate sections of the page layout a) Page title: Introduction b) In the main content enter headings for the remaining two parts of the Introduction page: ⇒ Task, Process (see next point to create sub-headings for each part) 3) To format the text a) Use the toolbar along the top left of your page in the browser window ⇒ Use heading styles under the “Format” pull down (preferable way to format text) b) Save changes VI) Creating Other Pages (all at the top level) 1) Click “Create page” to create an additional page 2) Type your page name a) ResourcesEducational Technology & Design Page 3 of 4 Google Sites: WebQuest 1 Spring 2010 b) Click “Create page” c) Add some text in the body area and save 3) Repeat steps 1 and 2 to create additional pages (and add filler descriptions) a) Conclusion b) Evaluation c) Notes for Teachers VII) Site Settings 1) Go to “More actions” > “Manage site” 2) Examine options in the 3 sections along the left (Site content, Site settings, Site appearance) VIII) Internal Navigation (hyperlinks) 1) Click “Edit sidebar” hyperlink located in the left sidebar, under the navigation links 2) Sidebar > Edit navigation a) Configure navigation (change title to WebQuest Navigation) ⇒ Discuss the sidebar options (uncheck Automatically organize my navigation) 3) Save changes 4) Click “Return to site” (observe changes in the navigation bar) IX) Editing Pages 1) Click Edit Page 2) To add Horizontal line a) Place cursor behind the last word and before the desired line b) Click on “Insert” button with pull down menu and select Horizontal line 3) Table (Switch to the evaluation page) a) Use “Table” button with pull down to create a new table on to modify existing one. X) External Hyperlinks 1) Open the Resources page and click “Edit page” 2) Create and highlight text to become a link to another web site 3) Click the Link button in the toolbar a) If the text to be linked starts with www, then link will be created automatically, otherwise:Educational Technology & Design Page 4 of 4 Google Sites: WebQuest 1 Spring 2010 4) Check the “Web address” option 5) Enter or paste complete URL under “Link to this URL” a) Observe “open link in the new window” option XI) Preparing & Uploading Images 1) Confirm that images comply with web-safe naming conventions. a) Lowercase letters, numbers, hyphens or underscores are OK. b) No spaces or other characters! c) Keep the name short (preferably less than 16 characters) 2) Images must be in JPG, GIF, or PNG format (extension .jpg, .gif, or .png). Others will not work. XII) Inserting Images on Pages 1) Click to position the cursor in the desired place for an image 2) From the “Insert” pull-down menu select the “Image” option 3) Select an image from the “uploaded images” gallery or 4) Click “Choose File” next to “Upload an image” Note–To ensure your images always display properly, we advise you NOT to use the “Web address (URL)” option. 5) To wrap text around an image… a) Drag an image to position it in front of the paragraph you want to wrap around the image b) Click the image to display its options c) Turn the “Wrap” option on 6) To scale an image, click the image to display its options and choose small, medium, or large