Designing Your Webpage Team EDIT: Summer 2010 EDUC

Creating Your Website I. Participants will setup, allow student access, and privacy controls to class website A. Set up website (click the link, and once at the desired slide, click again and it will return you to this slide.) 1. Access the internet and the Google home page.1. Access the internet and the Google home page. 2. In the Google search bar, type in Google sites.2. In the Google search bar, type in Google sites. 3. Sign in to Google account or create a new Google account3. Sign in to Google account or create a new Google account

Open your Google account Create a new site Name your site Choose from template Create a page Edit information Insert a picture Insert linkCreate a new site

4. View templates 5. Select blank template 6. Choose a name for the website and create website Questions and answers and evaluations

B. Sharing site 1. Click “more actions” at the top of the page. Click “more actions” a. choose “share this site” b. add addresses of students as collaborators c. add addresses of parents as viewers C. Privacy controls 1. uncheck the box under “sharing” to keep website private

Personalize Your Website II. Participants will organize and personalize their class website A. Organization 1. Show components of Website features a. Navigate and project to students by showing “edit page” and type in a welcome message for students and parentsNavigate and project to students by showing “edit page” andtype in a welcome message for students and parents b. save changes

Personalize Your Website 2. Together participants and instructor create additional tabs. Together participants and instructor create additional tabs a. click “edit sidebar” and add a navigation tool button; name this About Mea. click “edit sidebar” and add a navigation tool button; name this About Me b. click “create page” and type in personal information for parents and students to viewb. click “create page” and type in personal information for parents and students to view c. click “create page” and teachers can use this time to customize their site with relevant links to pages; ideas include Homework, Assignments, Course Calendarc. click “create page” and teachers can use this time to customize their site with relevant links to pages; ideas include Homework, Assignments, Course Calendar

Personalize Your Website 3. Explain how to save all changes B. Personalization 1. Allows participants to create various enhancement based upon their individual preferences. a. allow teachers time to experiment and explore with design features, section headings, etc b. practice with headings and fonts while in “edit” mode

Student Collaboration III. Participants collaborate to demonstrate understanding of website development and the transfer of learning. A. Adding student collaboration feature 1. click “create page” a. title the page “Student Collaboration”

b. type a welcome message encouraging students to use this page for relevant questions, comments, or to ask for help with a particular concept. c. be sure to save changes B. Participants demonstrate competency by recreating the above sequence by instructing their partner in the class.

Example In the following slides are the example pages that were used for the steps listed previous.

Return

Google Sites

Sign in or create a new Account. Click

Select the template that works best for you! Name your site

Click more options Select how you want to share the site

Click SAVE

Click, then box will pop up Fill in information Click add, to make a new page

Resources