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.


Website Basics

A quick overview of why we make websites and how to organize them.

Mark Maya

on 2 April 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Website Basics

Advantage 1
The World Wide Web Consortium. The organization that develops the standards for web development.
Website Basics
Boring...can't we just start making one and see what happens?
Web Development Standards
No frickin' way! Wake me up when you're done.
Purposes of
Wait...you mean other than to look at how many likes my selfie got?

Nah..you have to understand the different ways websites are organized, structured and why the heck we are even making them!
These are just a basic set of guidelines for authoring languages used to make web pages
• Helps ensure web pages
display consistently in all browsers.

•Faster website development
Advantage 2
Advantage 3
• Faster downloading of websites
Advantage 4
Equal access of information
• Website is accessible regardless of browser, operating system or hardware
Advantage 5
Section 508 Amendment to Rehabilitation Act
Requires US Federal Agencies to make information and data equally accessible to individuals and employees with disabilities.

Did you know?
Wait there's more!
There are 3 languages of web Design
• The first and still primary language for creating web pages/sites

• Uses codes, or tags, to instruct the browser how to display text and images

Describes data types to facilitate data processing.

Designed to carry data, not display it.

Allows the author to define tags to identify each data entry so that the data can be easily imported into other applications

Contains metadata—data about data

Combination of HTML and XML

Originally intended to replace HTML

Places restrictions on HTML tags so code is cleaner and the page will display as the author intended.

Developed because many devices cannot interpret bad HTML code. (cell phones, pdas, etc.)

Describe how browsers should present or display information on a web page.

Give web developers more control over layout and page formatting.

One style sheet can control the formatting for multiple web pages.

An entire website can be reformatted by editing one file.

Some devices may not be able to read and display information correctly.

Text Editors
Allow developers to write code in plain text

Examples: Text Edit, Notepad, Notepad2, WordPad

Cascading Style Sheets/CSS
Information Architecture

Mission or Purpose of the Site:
Determine purpose
Sell inform entertain social
Define Goals of Site
Short term Long term
Define the web Structure
Identify the Content of the site
text video audio animation
graphics forms
competitive sites
Target Audience

Users view pages one at a time.

Arrange topics in chronological, alphabetical, or series specific order.

Include links to next page and back to previous or index page only.

Use of pages that users need to read in order (step by step learning)

Allows users to jump to any page on the website

Use for sites with a few inter-related pages when the order of the viewing doesn't matter.

Must be consistent or user will get confused.

Use navigation bar or menu on all pages.

Looks like a family tree with parents and children or like a chain of command

Use to organize large amounts of information with categories and subcategories

Best way to organize complex bodies of information

so what?!?
Full transcript