Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Designing Websites

No description

Leslie Chavez

on 20 September 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Designing Websites

photo credit Nasa / Goddard Space Flight Center / Reto Stöckli Brenda Hernandez
Hazael Delgado
Leslie Chavez
Kaudia Ortega Chapter 14
Designing Websites Basic Features of a Website A website is a group of related webpages that are linked together into a whole document.

- Homepage:
usually the first page of a site.
It explains what the whole website is about. - Node Pages :
tend to be linked to the homepage
Divide the website into smaller topics The Different Kind of Pages - Pages:
The site that actually contains the content
Consists of facts, images, details, etc... - Navigation Pages:
Helps the reader find information they are seeking
Include search engines
Shows the content of the site (like an index) - Splash Page:
Optional page that goes before the homepage
Mostly decorative (animation and music) Planning & Researching a Website Who would be interested in using the website
Why are they using the website
What info are they looking for
When will they use this info
How might the reader us this website When Planning a Website Clearly define what the website will be about
Define what is "imside" the subject area and what is "outside" Subject You should define the purpose of the website
You should be able to state the purpose in one sentence
To inform, persuade, report, illustrate, etc... Purpose Primary readers: will use your website to make a decision or take action
Secondary Readers: will be likely to be advisers or supervisors to primary readers
Tertiary Readers: will more than likely be evaluators (ex: teachers, reporters, officials, and government Readers Context Of Use Will readers be accesing your website from office, home, conference room, atc...
(How fast is there internet connection) Physical Context Financial issues that shape how readers will interpret your website.

ex: your website is advertising to invest on the stock market. Economic Context Ethical Context Includes personal, social, and environmental issues that your website touches

ex: WellsFargo go green online reports Before you put your website on the internet, you should revise the site just as you would revise a paper-based document. Revising, Editing
and Proofreading Revising and Editing are simple ways to polish the website
Look closely at the content
Organize it
Style it When your revising the website ask yourself these questions:
Does the website highlight information my reader wants?
Are the subject and purpose of the website obvious on the home page?
Is the site organized in a way that will be logical to my site's reader?
Is the style of the website appropriate?
Does it set the right tone?
Is the interface easy to navigate?
Is the interface attractive and interesting? Proofreading is difficult, because seeing errors on the screen is harder then seeing them on paper.
When you have finished revising and editing the website do some testing to ensure quality.
Ask co-workers and friends to try using the site.
Set formal usability tests with sample readers such as:
Read and locate test
Understandability test
Performance test
Safety test- Test the usability of a print document. Uploading, Testing and Maintaining Your Website. To make the website available to the public you need to upload it to the server.
Complete the website on your own computer's hard drive
Use File Transfer Protocol (FTP) software program to copy whole website at once. Uploading the Website Using Style in a Website Links Should Reflect Titles Keep Sentences Short Keep Paragraphs Short Use Mapping to Develop Themes Interesting Informative Original Bold Fact-filled Expert Knowledgeable Creative Unique Fresh Daring Special Big Translate the website
Use common international words
Avoid cultural icons
Minimize humor Websites for International And Cross- Cultural Readers Organize the website
Create Levels
Draft the Home Page Organizing and Drafting a Website A maximum of three links for the most important information
A maximum of five links for 80 percent of all infomation
A maximum of seven links for all information Creating Levels in the Website Subject: Should be clear as soon as readers access the home page

Purpose: The purpose of the site should be clear

Main point: Make overall point you want to stress

Statement of Importance: Stress the importance of subject to readers

Background Information: Although limited, should be available

Forecasting: Navigation Bar Drafting the Home Page Home Page Node pages A basic page contains specific information that readers are looking for

Covers a particular issue Basic Page Examples Website Fails Search Engines Navigational Pages Site Maps Help Using Web-Authoring Software Don't forget to also copy your web page files. If you do not include them with the web page files the pictures, illustrations, graphs and other images you want to place on your website will NOT appear. Testing the Website Use at least a couple of different browsers(Firefox,Explorer,Safari)
Try out the links and re-size the browser window a few different ways.
Usually you will find that the website has some formatting problem that did not show up in your web-authoring program's version of the site. For Example:
If an image failed to appear or the spaces between lines are uneven.
Also a common problem is that links to other pages don't work, which means that the reader will see error message when they choose links to these pages. Fixing the Problem Fixing the Problem 1.Reopen the files with your web-authoring program.
2. Make the correction and arranges needed.
3. Then re-upload your revised pages to the website. For example... Designing the Website Why Design is Important Readers prefer attractive webpages More navigable and effective Give readers confidence Designing the Interface Balance Alignment Grouping Consistency Contrast (Chap. 10) Adding Images Examples: Banners Logos Icons Drawings Graphs Pictures HDC
High Definition Colleagues The testing phase WON'T be easy
You WILL get frustrated but they are very important
You want to make certain that your website looks the way you intended.
You DO NOT want your reader to be annoyed by those little problems. Maintaining the Website Information on your site will be out of date so you will need to update it weekly or monthly. How to update a page 1. Go back on the file saved on your hard drive.
2. Open it in your web-authority program.
3. Make changes you wat then use FTP to copy the update file onto the server. Most companies hire a webmaster to maintain their site, If you are your own site's master revisit your site regularly, looking for items to update.
Full transcript