Personal Website Assignment

Developing the PE Curriculum

Dr. Cummiskey

The purpose of this assignment is two-fold, first to continue and refine your ability to create online materials. When employed, your school and/or district should have webpages devoted to physical education. Examples of content that can be incorporated into a website are included on page 4. Second, this website can help you obtain a job and therefore should be professional in nature. This means presenting yourself in the best light possible and only including materials you would like a prospective employer to view. You may use materials developed elsewhere but review and update them if necessary.

The website will include the following:

Teaching philosophy statement
What is a teaching philosophy? It is a personal statement about your evolving educational beliefs. There are many ways to approach the development of this statement. Typical areas that are addressed include: (a) Your motivations for teaching (b) The methods you believe are best (c) Your teaching goals, methods and strategies (d) Explanation of how your teaching is consistent with these goals (e) Professional goals that you have set yourself as a teacher.
Since this is a very personal statement, there is no one "right" format. However, below are some useful guidelines that walk you through some key explanations and steps.

Writing a Philosophy of Teaching Statement - Ohio State University.
Developing a Teaching Portfolio: Writing Tips to Help You Get Started on a Teaching Philosophy - University of Washington. Center for Instructional Development
Writing a philosophy statement – You are encouraged to:

Write from your heart.
Be creative in how you present your beliefs. You do not have to follow an essay format. You may use a philosophy statement developed in another course. Keep in mind this activity is to promote you and the field of physical education. Do your best work as this may help you land a job.
Does not need a subpage - the link may open a word file but you may incorporate a subpage if you wish.

The curriculum plan developed in this course
In a separate webpage, briefly introduce the curriculum by typing text directly into the webpage. You must explain the focus of the curriculum (overall mission), organization, the teaching model(s) employed, and assessment techniques. The curriculum developed in class must be ONE linked file in Microsoft Word format. Do not paste the curriculum into the webpage.
MUST have a subpage, the curriculum you develop will be a link on the subpage.
Resume
Again, you may use a resume developed in another course. Remember to sell yourself and your accomplishments. Do not create a separate subpage, instead create a link on the homepage to a Microsoft word document.
Include the following headings: objective, education, professional activities, work experience, community service, coaching/athletics, technology, and other. Please consult CCSU’s career service office online at or in Willard Hall, Room 100.
Does not need a subpage, the link may open a word file but you may incorporate a subpage if you wish.
Lesson plan exemplars (12)
Include two lessons, one primary (K-5) and one secondary (6-12). Use the standard BSED lesson form. On the subpage, briefly introduce each lesson, relate it to a curriculum model, and state why each effectively promotes student learning (50-150 words for each lesson).
MUST have a subpage
2 additional pages of your choosing – sample webpage topics are included on page 4.
Both additional pages MUST be subpages linked off the homepage.

To Turn in:

An email containing the PUBLIC web address of your website. To determine the web address, see the section labeled “CCSU Instructions for AccessingStudent Web Pages.”

Additional Requirement

Create a link to an outside webpage

Here are some sample webpages:

Consider using free templates available online. Save the file(s) to your computer and edit them to your liking:

or search google for “free web templates”

Page 3 – Grading Rubric

Page 4 – Ideas for webpages

Pages 5-8 – Creating a Website with NVU

Page 9 – Instructions for Accessing Student Webpages

Personal Website RubricName: ______

Criteria / Insufficient (0) / Developing (.5) / Target (1)
Format
Links (2) / Two or more errors in link operation / One error in link operation / All links go to designated targets
Visual Appeal (2) / More than one page does not incorporate a background image or color, inserted images are absent on two or more pages, images are fuzzy, unrelated, or absent, few text variations / One page does not incorporate a background color or image, inserted images could be more appealing, clear, or relevant, some text variations / Use of page backgrounds, clip art or image on each page, variations in text size and color, appealing/clear images
Organ-ization (1) / Tables are not used or visible, layout is chaotic, content shifted to left margin / Tables uses to organize content, layout appears jumbled or irregular, no shifting of content / Invisible tables are used to organize content, no shifting of content
Link and anchor (1) / Link/anchor connection not present or does not work properly in both directions / Presence of a link/anchor connection in one direction / Presence of a link/anchor connection on the first additional page
Content
Written communication (2) / Presentation has three or more misspellings and/or grammatical errors. / Presentation has one to two misspellings and/or grammatical errors. / Presentation has no misspellings or grammatical errors.
Philosophy statement -component #1 (2) / Addresses two or fewer areas cited in 1a, lacks professionalism, verbose or unclear, multiple errors in written communication / Addresses three of the areas cited in 1a, some disconnect with intended audience, ambiguity of ideas, some errors is written communication / Addresses three of the areas cited in 1a, clearly expresses ideas, is appropriate for intended audience, well written and concise
Curriculum introduc-tion -component #2 (1) / Introduction does not address each specified area or does so inadequately (lacking depth or accuracy) / Address all areas but needs more specific information / Accurately and succinctly addresses overall mission, organization, teaching models, and assessment techniques
Resume -component #3 (1) / Repeated slight deviations from career services format or a major deviation, four or fewer headings included / Slight deviations from career services format, five headings included / Adheres to format from career services, includes at least six headings
Lesson Plans -component #4 (1) / Introductions do not address required information or are poorly written, not linked to a curriculum model or the connection is unclear, lessons are below average or not properly completed. / Introductions include required information but are not well written, lessons mostly relate to a curriculum model but there are deviations from the model as discussed in class, lessons are average, not excellent / Introductions include required information, lesson plans are correctly completed and showcase a curriculum model, represent a best practices example
Additional pages -component#5 (2) / Pages are not professionally related, need better organization, or detract from your ability to get a job / Slight professional disconnect exists / Pages are professionally related, well organized, and improve your chances of getting a job
Bonus (.5-2): / Going above and beyond expectations in terms of layout, visual appeal, and/or more advanced web features. Using a link-anchor connection.

Possible deductions: If information cannot be viewed due to a webpage error, it will be considered absent. Therefore, verify that the entire webpage works properly.

Ideas for Website Topics

After school activities (PE Potpourri, Circus Arts,
Awards
Benefits of physical activity
Breakdown of PE focus in each grade
Calendar of PE events throughout year
Classroom learning expectations (rules)
Community events (kids marathon, sand castle building contest, roller blading club)
Contact info for teachers
Current Issues in Health and PE (PE vs physical activity, excemptions, etc)
Donations
Dress for PE
Equipment Loan Program
Equipment safety (helmets, bikes, etc)
FAQ’s
Field Trips
Fitness: Getting Your Child Off the Coach
Fitness Testing Info
Grading scale
Health and Wellness News (water bottles, Atkins, trans-fats, home exercises, etc)
Homework assignments
Ideas for Getting Active
Importance of PE (advocacy)
Links in community to physical activity: recreation departments, marathons, state parks, swim lessons, etc.
Medical excuse policy
Meet the Teachers
Misc: Handwashing, Beating the Common Cold, Family Safety Plan

Newsletters
Nutrition corner
Parents Corner
PE class schedule
PE Quotes
Pencil and Paper Games (crossword puzzle, word search)
Philosophy/Overview of program
Pictures
Programs: Mileage club, Jump Rope for Heart
Quotes from kids (“From the Mouth of Babes”)
Recipes (healthy)
Recommendations from different agencies (CDC, NASPE, Agriculture Dept, Heart Assoc)
Recreation Opportunities commercial – roller skating rink, kids playland)
Safety tips: helmet safety, seat belts, allergies, choking
Summarize a PE journal article or NASPE/AAHPERD publication
Standards (State and NASPE)
Success Stories Web site
Technology and PE or physical activity
Volunteers needed (invite parents)
Web links for parents or students
Webquests (learning activities from external websites)
Wellness Fair or Health Fair
What’s going on in the gym (content)
Why Children Need PE (link between academics and activity, socialization, lifetime activity, brain research, obesity trends…whatever your reason, there are tons)

Advocacy Ideas (Besides website and newletters)

Presentation to faculty about PE program (5-10 minute get to know)
Free fitness advice from the gym
Make equipment or weight machines available to faculty/staff/community
Sponsor a health fair
Walking club, walking school bus
Homework
PE report cards
Healthy People 2010 Report
Contact TV news or newspaper
Posters, bulletin boards at school

Creating a website using Microsoft SharePoint Designer

Organization – Before beginning, plan out the entire website beginning with the homepage (index.html). For example, the following organizational chart identifies one homepage and three subpages. Most webpages are organized in this “reverse tree” fashion and can have many levels.
After you have planned out the number of webpages (four in the example), create and save blank (empty) HTML files, one for each page. To do this, click “File” in the menu bar and select “Save”. If you would like to change the title of the webpage that appears at the top of your broswer, click “change title” just above the save button. Repeat these steps for each webpage you plan to create. Again, using the example, you will have four blank files saved with following names: index (homepage), curriculum, grading, and staff. Save all files into a folder labeled “webpage” on a flash drive. Your homepage file must be saved as “index” or it will not work on the CCSU servers.

IMPORTANT!!!!!!!! – All of the files (word, picture, text, etc) that support a webapge MUST be in the same folder as the internet file (html). Therefore, if you want to use a picture in your website and the picture is on your home computer, it must be copied into the folder where the internet file (html) is located. Otherwise, a red X will appear on the screen for pictures or the link won’t work for word, pdf (adobe), text, and other files. More advanced websites typically use multiple folders but the idea is the same.
Any time you would like to see what your webpage looks like, you may preview it. Click “File” and then “Preview in Browser.”

Editing Individual Webpages

Text
In the normal mode (design tab at bottom), SharePoint operates much like a word processor program. You can create add text, change font colors, size, and qualities, align text, spell check, and other normal functions.
Tables
Why use tables? – Organize content and permit a standard viewing experience for different web browsers (explorer, firefox, safari, etc). Tables are the skeleton that hold everything in place (show example from wikiPE).
Inserting tables – Click “Table” in the men bar and select “Insert Table.” Specify the number of rows and columns. You may also edit the alignment of the table on entire page, edit the width of the table in percent or pixels, add a background color or picture to the table, and change the borders.
I recommend changing the cell padding and cell spacing to zero.
You may later edit the table by clicking “Table” in the menu bar and then “Table Properties”
Inserting or deleting rows and columns
Click “Table” in the menu bar and select “insert” or “delete” and then the appropriate function
Shortcut: High the column or rows you want removed and click “backspace.” (not delete)
Adjusting the size of the table, columns, or rows
Hover the cursor over the edge of a cell or table until the double-arrow appears, click and drag to the desire size.
Merging or splitting cells
Click “Table on the menu bar and under “modify,” select “merge” or “split” cells. To merge cells, they must first be highlighted.
Cell Properties – This function allows you to edit individual cells . Click “Table” then “Table Properties” and then “cell”. The editable regions are similar to what you would find in the table properties box.
Page Colors and Background – Click “Format” in the menu bar, then “Background.”
Background image – If you prefer an image in the background, first copy the file into the folder where the internet (html) file is located. Next, click “Browse” and select the appropriate image file. An image is naturally “tiled” or repeated throughout all viewable space.
Background color – This changes the background color for the entire webpage. Click the pull-down menu to the right of “Background” and select the desired color.
Links Colors – You may change the color of a non-visited hyperlink or a visited hyperlink to a color besides the automatic one displayed.
Hyperlinks – Text or pictures that when clicked, direct the user to another webpage, a file, or an email address.
Hyperlink to an outside webpage – Highlight the text or picture you want to act as the link. Click “Insert”in the menu bar and then “hyperlink”. Type or paste in the FULL internet address ( for example) or the linked location.
Hyperlink to an existing file – Highlight the text or picture you want to act as the link. Click “link” (chain icon) in the menu bar. Click “choose file” and browse for the file located in the same folder as the internet file. You can select almost any kind of file: word document (*.doc), adobe (*.pdf), movie (*.avi, *.mpeg, etc), text (*.txt), excel (*.xls), audio (*.mp3, *.wma), etc.
When viewing the webpage on the internet, certain files such as word and pdf files will open up inside the browser window. Other files such as movie or music files will start the related program and be viewed in a separate window. The program which opens a file is determined by the three letters following the period in the file name (*.ppt=powerpoint, *.mov=apple movie file).
Hyperlink to an email address – Highlight the text or picture you want to act as the link to the person’s email address. Click “Insert” in the menu bar, select “hyperlink” and then in the “Insert Hyperlink” window that appears, click “E-mail Address” in the bottom-left corner. Type the email address into the space provided and click “OK.”
Images
Inserting an Image – First, copy the image file to the folder where the internet (html) file is located. To insert an image, click “Insert” in the menu bar and then select “Picture”. Browse for the image and click OK. You may insert alternate text for text only browsing or for individuals who are visually impaired and thus use a screen reader).
Editing an image – The easiest way to change the size of an image is to click on one of the handles and drag it to the desired location. If you would like to change the appearance of an image, right click on the image and select “Show Pictures Toolbar” where a host of options will appear.

Posting Your Website Online

Once your website is complete and you have verified that it works properly on your flash drive, open your M drive. Open the folder labeled “www” and delete all the files inside. Then open the “webpage” folder in your flash drive, copy all the files, then paste them into the “www” folder in your M drive.
Caution: The index.html file must be inside the “www” folder and not a subfolder. Also be certain not to change the relationship of the files to one another after editing is complete.
Caution: any Microsoft Word file must be saved in 97-03 format. To change the default for saving word files, click the office emblem (button in the top left corner, click “word options” and then under save, change the “save file sin this format” to word 97-03.
To view your website Check your website periodically at the following address
Substitute your username following the ~ sign. You MUST KEEP the ~ sign.

Creating a website using NVU – Freeware Program (no restrictions or bugs)