Developing a Web Site
The World Wide Web
has become a phenomenon -- creating an explosion of information on the
Internet. The student will design and develop a web site.
TEKS 1D, 2A, 2G,
14A, 14C TAKS ELA 1,
3, 4, 6
The following questions need to be answered when developing
a Web site.
the Webmaster - the person/team/ committee who actually do
the work on the site, before, during, and after its creation
the "target audience" of the site.
the content of the site-- the most important aspect of a
If there is little or no content, even if a visitor accesses
the site, there will be no return visits.
Whatever is presented should be very current and very
accurate--no dead links or outdated calendars!
Including something unique would be a plus.
"Where" - the location of the host for the completed Web
page--the local ISP, the school, the local college/university.
the project "timeline". Most sites usually take months--and,
occasionally, a couple of years--to get on-line. If a timeline is
proposed, keep to it as closely as possible--set a definite target
the "maintenance" part of the site setup--how often the site
should be updated, especially links and calendars, for instance.
"Why" - the reason to establish the site
the actual construction of the site--the planning,
designing, coding, testing, promoting and, subsequently, maintaining
marketing plans and evaluations.
Stages in Creating a Web Site
Research; learn from what others have done from books,
magazines, online tutorials, etc.
Decide on a purpose for the site that everyone involved can
agree on and write it up in a Mission Statement.
Determine who will be working on the project--an individual
or a group/team
Establish a hierarchy of authority--who has the final
Develop a budget--cost limits can affect what can be done on
Set up a time frame or time line with a final deadline--in
weeks and/or months
Arrange a schedule of development meetings
Visit other Web sites on-line to get ideas and find out what
you like or dislike
Brainstorm with other team members for content suggestions
Develop a content "wish list"
Start a project notebook and keep it up throughout the
Determine the underlying structure of the site
Use a storyboard or flow-chart to diagram the page links
Determine just what and how much will be included on the
Consider the physical appearances of the pages, i.e., the
use of graphics, navigational tools, colors, backgrounds, templates;
strive for consistency, a unifying "look".
Decide if a "text only" version of the site will be needed.
Determine the final selection of information to be presented
and how it will be presented.
Collect the information to be place on the site--URL's,
calendar events, etc.
Organize the data in an accessible manner.
Customize and critically select appropriate data
Create the Pages
Look at the underlying code for sites that have elements
that could be emulated by using the "View/Page source" option from the
Keep in mind any criteria you have discovered for effective
Start coding the material as a Web document utilizing HTML
from scratch or employing commercial HTML editors or Web building
Verify the HTML code.
Have someone outside the creation process proofread and
test-run the site before activating it.
Test the site with a variety of browsers and operating
systems--don't forget Macs.
Publicize the site locally through newspaper feature
articles, newsletters, handouts (brochures, bookmarks, magnets),
Periodically--on a schedule--check all external links to see
if they still work and if they are still appropriate.
Post the latest dates of verification and up dating on the
Keep the site content fresh, changing and renewing
selections, especially in seasonal or topical sections.
Evaluate the site's success in fulfilling the original
purpose through e-mail feedback, logs, counters, and other forms of
Keep up-to-date with new Web developments via workshops,
classes, articles and books.
HTML – Hypertext Mark-up Language
Uses codes called tags which are letters, words, numbers, or
phrases that tell your web browser how to display a web page
The tags are placed inside of the text of a document to mark
where pictures, graphics, and other links should be placed on a
Primarily a bookend code – a tag is needed at the beginning
and the end of every string of code
Angled brackets < > at the beginning, say “Code starts
Angles brackets with a forward slash </ > says, “Code ends
For example, the tag <U> causes the text to be presented
The web page has four sections
This is <HTML> and is placed at the beginning of the file
At the end of the file, place HTML>
The area in the document where the title is placed
This is <HEAD> followed by </HEAD>
The name of the document as it is going to show up on the
top center of the browser window
It is written <TITLE> and at the end of the text </TITLE>
The bulk of the document or file
<BODY> at the end of the information </BODY>
<TITLE> Title of the Page</TITLE>
Body of the document
HTML is not case sensitive
The brackets are the important aspect – a < or a > or a /
cannot be left off or the document will not appear as designed
URL’s, however are case sensitive – a capital letter instead
of a lowercase letter can break a link
How to Publish Web Sites
Upload the pages to a Web server computer using FTP software
A school may have web page space available
Free web space is available
Microsoft Front Page
Claris Home Page
Adobe Photo Shop
Microsoft Image Composer
Paint Shop Pro
Keep graphics small, 35Kb or less per page; pages will load
faster and look better.
Use the appropriate format--GIF for graphics and JPEG for
State height and width parameters as part of the image tag
so the browser will save the allotted space and go on loading.
Design for the lowest screen resolution--640 x 480 dpi--and
for small screens (14").
Be sure background tiles are discreet and seamless.
Be aware of the importance of colors and how they appear on
Reuse graphical images from page to page so they will load
Develop a web site for classroom or HOSA Chapter.
Do's and Don’ts
Graphics Do's and
Find a Web Tutorial
A Beginner’s Guide
HTML Reference Cheat
A list of HTML tags:
Create course web
Guide to Color Codes
Elizabeth. HTML For the World
Wide Web. Peachpit Press.
Berkeley: 1998. (ISBN: 0-201-69696-7)
Creating a Web Page
For reinforcement, the student will outline the steps to develop a
For enrichment, the student will update and maintain the website.
For a copy
of this plan in Microsoft Word, click here