Transcript Creating web pages for the WWW

CreatingDesign
“good”
Web
a Web
PagePages for
the WWW
Five steps for creating a content-rich, visually
appealing webpage
1.
2.
3.
4.
5.
Gather information
Determine the Intended Audience
Create a Theme/Story
Plan you Navigational Tools
Create an Aesthetically Appealing Webpage
1
Basic Design Tips
•
•
•
•
•
Create an effective title and main heading
Use horizontal rules to separate sections
Use text highlighting e.g. italic, bold sparingly
Give the date when Web page was last updated
Keep pages short - create a series of short related
that each fit on a single
2
More Design Tips
• Using the same images in several places helps the
browser work faster
• Use a small thumbnail linked to a larger images
• Check spelling and proof read your document
• Use a footer at bottom of page for general
information such as e-mail address
• If your page is moved to a new site, leave a notice
at the old location directing readers to new site
3
Challenges
•
•
•
•
Graphics - does it take long to download page?
Use of Hypertext links - quality of links?
Use of Frames – Pros and Cons!
Software requirements may limit access e.g.
Browsers can alter the APPeArence of
information
• http://www.w3.org - checks your HTML conforms
with current standards
4
Web based resources
• Criteria is needed to evaluate Web resources
– traditional evaluation criteria is useful
– new criteria is also needed
• Five Traditional Evaluation Criteria
–
–
–
–
–
Authority
Accuracy
Objectivity
Currency
Coverage
(Alexander & Tate)
5
Criterion 1: Authority
• Who is responsible for the contents
of the page?
• What are the author’s qualification
for writing on the subject?
• Is there a way of checking the
legitimacy of the author?
6
Criterion 2: Accuracy
• Almost anyone can publish on
the Web.
• Are the sources for factual information
listed?
• Is the information free of grammatical,
spelling and other typographical errors?
7
Criterion 3: Objectivity
• Is the information trying to
sway the opinions of the audience?
• Are the person’s biases clearly stated?
• Often the aims of person not clearly stated.
8
Criterion 4: Currency
• Is the material kept up to date?
• Are there dates on the page to
indicate:
– When the page was written?
– When the page was first placed
on the Web?
– When the page was last revised?
Date
???
9
Criterion 5: Coverage
• What topics are included in the work?
• To what depth are topics explained?
• Is there an indication that the page has been
completed or is it still under construction?
10
Creating some pages
• Now on to creating your Web pages and
implementing your Web Site.
• Each of you has a “personal space” on the School
web server, www.eng.nene.ac.uk denoted as:
www.eng,nene.ac.uk/~username/<filename>
<filename> must be created and then uploaded to
the server to make it available on the web!
11
The End !