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:
1. Teaching philosophy statement
a. 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.
b. 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
c. 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.
d. Does not need a subpage - the link may open a word file but you may incorporate a subpage if
you wish.
2. The curriculum plan developed in this course
a. 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.
b. MUST have a subpage, the curriculum you develop will be a link on the subpage.
3. Resume
a. 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.
b. Include the following headings: objective, education, professional activities, work experience,
community service, coaching/athletics, technology, and other. Please consult CCSUs career
service office online at http://www.ccsu.edu/career/review.htm or in Willard Hall, Room 100.
c. Does not need a subpage, the link may open a word file but you may incorporate a subpage if
you wish.
4. Lesson plan exemplars (12)

a. 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).
b. MUST have a subpage
5. 2 additional pages of your choosing sample webpage topics are included on page 4.
a. Both additional pages MUST be subpages linked off the homepage.
To Turn in:
1. An email containing the PUBLIC web address of your website. To determine the web address, see
the section labeled CCSU Instructions for Accessing Student Web Pages.
Additional Requirement
1. Create a link to an outside webpage
Here are some sample webpages:
1. http://www.students.ccsu.edu/~kozieradzki_jim/
2. http://www.students.ccsu.edu/~holmeskry/
3. http://www.students.ccsu.edu/~brownandrew/
4. http://student.plattsburgh.edu/fact1759/index.htm
Consider using free templates available online. Save the file(s) to your computer and edit them to your
liking:
1. http://www.oswd.org/designs/browse/
2. http://www.freewebsitetemplates.com/
3. http://www.steves-templates.com/templates.html
4. http://www.mastertemplates.com/free-templates.htm
5. 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 Rubric

Criteria
Links (2)
Visual
Appeal (2)

Organization (1)
Link and
anchor (1)

Written
communica
tion (2)
Philosophy
statement
-component
#1 (2)
Curriculum
introduction
-component
#2 (1)
Resume
-component
#3 (1)
Lesson
Plans
-component
#4 (1)
Additional
pages
-component
#5 (2)
Bonus (.52):

Name: __________________________________________________

Insufficient (0)
Two or more errors in link operation
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
Tables are not used or visible, layout
is chaotic, content shifted to left
margin
Link/anchor connection not present
or does not work properly in both
directions
Presentation has three or more
misspellings and/or grammatical
errors.
Addresses two or fewer areas cited
in 1a, lacks professionalism, verbose
or unclear, multiple errors in written
communication
Introduction does not address each
specified area or does so
inadequately (lacking depth or
accuracy)
Repeated slight deviations from
career services format or a major
deviation, four or fewer headings
included
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.
Pages are not professionally related,
need better organization, or detract
from your ability to get a job

Developing (.5)
Format
One error in link operation
One page does not incorporate a
background color or image, inserted
images could be more appealing,
clear, or relevant, some text
variations
Tables uses to organize content,
layout appears jumbled or irregular,
no shifting of content
Presence of a link/anchor
connection in one direction
Content
Presentation has one to two
misspellings and/or grammatical
errors.
Addresses three of the areas cited in
1a, some disconnect with intended
audience, ambiguity of ideas, some
errors is written communication
Address all areas but needs more
specific information

Target (1)
All links go to designated targets
Use of page backgrounds, clip art or
image on each page, variations in
text size and color, appealing/clear
images
Invisible tables are used to organize
content, no shifting of content
Presence of a link/anchor connection
on the first additional page

Presentation has no misspellings or

grammatical errors.
Addresses three of the areas cited in
1a, clearly expresses ideas, is
appropriate for intended audience,
well written and concise
Accurately and succinctly addresses
overall mission, organization,
teaching models, and assessment
techniques

Slight deviations from career

services format, five headings
included

Adheres to format from career

services, includes at least six
headings

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
Slight professional disconnect exists

Introductions include required

information, lesson plans are
correctly completed and showcase a
curriculum model, represent a best
practices example
Pages are professionally related,
well organized, and improve your
chances of getting a job

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)
FAQs
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

Whats 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.

Index
Curriculum

Grading

Staff

o 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 wont work for word, pdf (adobe), text, and other files. More advanced websites
typically use multiple folders but the idea is the same.
o 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
o 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
o 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).
o 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
o 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)
o 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.
o 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.
o 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.
o 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.
o 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.
o 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.
o Hyperlink to an outside webpage Highlight the text or picture you want to act as the link.
Click Insertin the menu bar and then hyperlink. Type or paste in the FULL internet
address (http://www.PEcentral.edu for example) or the linked location.
o 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).
o Hyperlink to an email address Highlight the text or picture you want to act as the link to the
persons 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
o 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).
o 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.
o 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.
o 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
o http://www.students.ccsu.edu/~username
o Substitute your username following the ~ sign. You MUST KEEP the ~ sign.

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

Download and install NVU from Download.com (type NVU in the search field). Start NVU.
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 new. Do
this 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.
o To Save a File - From file on the menu bar, select save. The first time you save a file, NVU
will ask for the title of the page. That title will appear at the top on an internet browser page.
Again, save all files to a flash drive in the webpage folder. If you would like to change the
title of a webpage after having created it, click Format in the menu bar, then Page title and
properties. Change the title listed on the first line.

Index
Curriculum

Grading

Staff

o IMPORTANT!!!!!!!! All of the files (word, picture, text, etc) 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 wont work for
word, pdf (adobe), text, and other files. More advanced websites typically use multiple
folders but the idea is the same.
o 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. DO NOT do this step until your website is entirely
complete!
Using NVU
Open the file called index.html in the webpage folder of your flash drive.
Text
o In the normal mode (tab at bottom), NVU 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
o 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).
o Inserting tables Go to the Table pull-down menu and select Insert and then Table.

To center the table on the page, click table in the menu bar (file, edit, etc), then
select, and table. The whole table will become highlighted, then click the center icon.
o Inserting or deleting rows and columns
Method 1 To insert a row or column, click in the desired location of the table, click
table in the menu bar, then insert, and the desired action. To delete a row, click
table in the menu bar, then delete, and the desired action.
Method 2 The following image (
) straddles the grid lines around the cell
where the cursor is located. If you click on the X portion, the column or row will be
deleted. If you click on the chevron, a column or row will be added in the direction
you click.
o Adjusting the size of the table, columns, or rows
Table Click anywhere in the table, click and hold the handle (empty square) in any
corner of the table, drag the handle to the desired location, release the click.
Columns Click, hold, and drag the thick gray line in the margin to the desired

location
Rows Click, hold, and drag the thick gray line in the margin
o Merging or splitting cells
Merging highlight the cells you want to join, click table, then join selected cells.
Split You can only split cells you have already merged. Click in a merged cell, then
click table, then split cells.
o Table Properties Box Click table in the menu bar and then table properties
Table tab
Making tables invisible Double click anywhere in the table, the table
properties box will appear. Select the tab labeled table at the top. Enter a
zero in the space next to border. I would also suggest changing the spacing
and padding to zero as well. Normally, tables are invisible in websites but not
always.
Background color this applies a background color to the entire table (BE
CAREFUL, once you apply a table background color, the only way to undo it
back to transparent is to right click and select table or cell background color.
Then, with the table button clicked at the top, select transparent.)
Cells tab
From this tab, you can adjust the cell alignment, text wrap, and background
color for the selected cell ONLY.
Page Colors and Background Click format in the menu bar, then page color and background.
o Background color This changes the background color for the entire webpage. Click the
rounded rectangle next to background and select the desired color.
o 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 choose file and select the
appropriate image file.
Hyperlinks Text or pictures which when clicked, direct the user to another webpage, a file, or an
email address.
o Hyperlink to an outside webpage Highlight the text or picture you want to act as the link.
Click link (chain icon) in the menu bar. Type or paste in the FULL internet address
(http://www.PEcentral.edu for example).
o 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. To select files besides internet files, you must change the files of type pull
down menu to all files.
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).
o Hyperlink to an email address Highlight the text or picture you want to act as the link to the
persons email address. Click link (chain icon) in the menu bar. Type the email address
into the space provided and click the check box titled the above is an email address.
o Another place in the SAME webpage Occasionally, text higher up in a webpage links to
material later further down in the same webpage. For example, consider the US Department
of Educations Guide to IEPs from the following website:
(http://www.ed.gov/parents/needs/speced/iepguide/index.html#introduction). At the
beginning, there is a table of contents which links to sections below. This linkage has two
parts: the link and the anchor. The text at the beginning, writing the IEP acts as the link and
the section below acts as the anchor. First, create the anchor by highlighting the section
below (8. Writing the IEP) and clicking the anchor icon in the toolbar. Give the anchor a
name, in this case writing, and click OK. Next, create the link by highlight Writing the
IEP at the beginning in the table of contents. Connect the link to the anchor by clicking on
the link toolbar icon. From the drop down menu, select the anchor you just named and
click OK.
The link/anchor process also works in reverse. After each section in the above
webpage, the word Top acts as the link to a separate anchor at the top of the
webpage. This way viewers do not have to scroll to the top, they can simply click the
link.
Images
o 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 image. Browse for
the image and click OK. You may insert alternate text for text only browsing (good for
individuals who are visually impaired because the computer reads the text associated with the
image). You may also need to change the files of type pull down menu to all files. then
Picture, then From File, and click OK.
o Using an image as a link To use an image as a link, open the image properties box (right
click on an image or format then image). Click the tab marked link, then create a
hyperlink to a website, file, or email address as discussed above.
o 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, the best way is via an outside program.
Help NVU has a great help section which describes in much more detail how to complete the above
actions and many others not discussed. Click on help and then help contents; make sure the
contents tab is being displayed in the pane to the left.
Check your website periodically at the following address
o http://www.students.ccsu.edu/~username
o Substitute your username following the ~ sign. You MUST KEEP the ~ sign.

Caution: any Microsoft Word file must be saved in 97-03 format.

Miscellaneous Considerations
Uploading to a server Once working in a school district, ask the webmaster or IT personnel if it is possible
to create your own website and have it uploaded to the districts website. In most instances, this would not
only be allowed but encouraged. It will not only be of benefit to parents, students, and the department but
also your tenure chances. Some questions to ask include:
Is there a file size limit?
Uploading to the Server:
o Will the webmaster upload the website or is a file transfer protocol (FTP) required? If an FTP
is required, please seek instruction from the webmaster.
o Is direct access to the server permitted? In such a case, you will open and save the website
directly to the server.
In most cases, you will create the website on your computer and have it transferred to your school
districts server. Check to make sure the website works properly on your computer before having it
uploaded to the server.
Making changes to the website already published
It is recommended that any changes beyond minor ones entail a complete deletion of the previous
website and a re-upload of the updated website.

CCSU Instructions for Accessing

Student Web Pages
All CCSU students with a valid CCSU BlueNet ID (also known as a computer username/account) can have
access to a web server that allows for creation of web pages that are accessible for viewing by anyone on the
Internet. Students can edit their pages via a PC on-campus or off-campus via the Internet.
How do I get Web Space?

All students automatically have access to the web server when their BlueNet ID is created.

On-campus access to student web pages

Students access their web pages on campus via the M: drive. Students will find a WWW folder
inside the M: drive. All web pages files must be saved into that folder.
The filename for the default home page must be one of the following: index.htm, index.html,
default.htm or default.html.
NOTE: The home page file (typically index.html) must located directly inside the WWW
folder, NOT WITHIN A SUBFOLDER.
All files associated with the web page need to be placed on the WWW folder in the M: drive to be
accessible from the Internet.
Students can use Microsoft FrontPage XP or any other HTML editor to modify their web pages.
Student web pages are visible at http://www.students.ccsu.edu/~username (replace username with
BlueNet ID name). This link points directly to the default homepage which must be named one of
the following: index.htm, index.html, default.htm or default.html.

Editing student web pages from off-campus

Students can create and/or modify their web pages from off-campus by first making a connection to
their M: drive to access to the WWW folder.
To access the M: drive from off-campus; please refer to a separate document titled Access to M:
Drives from Off-Campus.

Viewing student web pages

Student web pages that are placed in the WWW folder (inside the M: drive) can be viewed on the Internet
from any where in the world. A web user connects to the website: http://www.students.ccsu.edu/~username
(replace username with BlueNet ID name).