Loading in 2 Seconds...
Loading in 2 Seconds...
Designing a Web Page for Your Physical Education, Recreation, or Sport Program Jon A. Oliver Department of Physical Education Eastern Illinois University Realities of Web Page Design? It takes TIME : It creates more work for you It builds your level of computer literacy
Jon A. Oliver
Department of Physical Education
Eastern Illinois University
HTML = HyperText Markup Language.
Using a Browser – Go To View > Source:
<TITLE>Creating a home page on the World Wide Web</TITLE>
<A HREF="/"><IMG SRC="ibrkhome.gif" border=0 alt="to ironbark home page" align=right></A>
<h1>Creating a home page<br>on<br>the World Wide Web</h1>
(5) Go Public! & Evaluate
(4) Upload - Test - Feedback
(3) Design - Structure - Create
(2) Secure Server Space & Software
(1) Determine Your Web Site Needs?
For a Physical Education program:
- goals/objectives/aims of the curriculum
- lesson plans, calendar, assessment tools
- technology integration strategies
For a sports or recreation program:
- programs, services, facilities, hours of operation, policies and procedures handbook
- games schedules, team rosters, records
- staff, amenities, forms, and related links
*(Barnd & Yu, JOPERD, May/June 2002, p. 11)
What is a Web server?
A Web server stores all files related to a Web site and performs all work necessary for hosting the Web site * (www.congressonlineproject.org/glossary.html) *
How to Secure Server Space?
- Internally: available on your organization’s server (talk to your SD’s computer technician)
- Externally: through a web hosting company: search the internet for web hosts
What is a web host? (external)- A web host is a business that provides the services needed for web sites to be designed and viewed on the web. (100s of companies!)
Why are there so many web host companies in the marketplace?- Because there are so many different types of features that can be offered through a Web site. Web hosts tailor their services to serve the needs of a particular type of client.
Go www.google.com - search “free web hosts”
-basic, easy-to-use, non-dynamic, free
(2)Microsoft Word (www.microsoft.com)
- creates .html files as easily as .doc files
- use word processing functions to create .html
-expensive, dynamic, professional, free trial offer
- show examples of basic dynamic features
Steps to Developing Your Web Site?
(a) Sketch a “blueprint” of your web site
(b) Use a table as the “building block” for each web page – put text and graphics in cells
(c) Use your organization’s colors, marks, logos
(d) Use common font types (True Type) that will be displayed correctly by web browsers
(e) Use a consistent naming system for all files
(f) Store all of your files in 1 folder (layer issue?)
*NOTE*: homepage name = index.html (.htm)
YOUR PROGRAM’S HOME PAGE
Types of “Links”
MS Word doc
Web browsers (Internet Explorer and Netscape Navigator) recognize and display some font types more accurately than others: Suggested
(2) Times New Roman
Use a consistent naming system as you name your web page files (.html files)
Home Page --------- index.html (.htm)
Schedules - - - - - baseball_schedule.html
Rosters - - - - - - - - baseball_roster.html
History - - - - - - - - baseball_history.html
Records - - - - - - - baseball_records.html
Organize all of your web page files into the fewest amount of folders as possible
The more folders you use, the longer the web address will be for users to access specific web pages at your site (layers)
What does “upload” mean?
Web page authors need to “upload” a copy of all files (and folders) to a server so the public can access, view, and consume the content
FTP (File Transfer Protocol) software is needed to a) make a “connection” between your computer & the server, and to b) transfer a copy of your web files to the server.
(copy of your .html files)
Example of a FTP Program?
WS_FTP is a FTP software program
The basic (“light”) edition is free (limited)
You can download a safe, free copy of WS_FTP from FTPplanet.com:
How do I “test” my web page?
Web design software allows you to “preview” your work before you send a copy of the files to the server – look under the “File” menu bar (usually top left corner) for this option
Once you have “uploaded” all of your web page files to your server using your FTP program, you need to test all of the hyperlinks to ensure that they are functioning correctly.
Who should I ask to provide feedback?
What does it mean to go “public”?
Going “public” means to publicize your finalized web page to anyone who might benefit from using it
Community, parents, athletes, staff, fans/spectators, coaches, instructors, administrators
How do you “evaluate” your web page?
After your web page has been “public” information for a few months, the web author should evaluate whether or not it has been useful to the groups you thought would use it. Survey these groups to determine a) what functions have been useful?, b) what has not?, and c) what should be adjusted?
- - - An ongoing process of refining - - -
(1) Web Page Host = Variety of Web Hosts Offer Free Server Space
(2) Web Page Design Software = Composer is free, Dreamweaver 30-day free trial offer
(3) WS_FTP = LE (“light” edition”) is free
(4) Download.com offers other web design software available for free download
Get To Work!!!!