Web Elements

What makes up a website?

Web Elements

text (real text and image text)

media (images, audio, and video)

navigation (text links, image links, buttons,

and sitemap)

forms

Basic Website Layout

Splash Page

optional first page

often used as a preloader

used to promote a product or service

only accessed when you load the index page

leads directly to the homepage

Webpages

homepage

landing page, the most important

page

should quickly and briefly say what

the site is all about

contains links to all major sections

of the site

inner page

the rest of the site

contains the content of the website

Header

sets the tone of the website

always found at the top of the page

should contain the logo, name of the site, and the slogan

Content

found between header and footer

contains all text, images, media,

forms, and links

copy - selectable text

content of the site; sans

serif

image content - jpg, png, gif

form - provides as easy way

to get user feedback

links - image, text, buttons

Footer

found at the bottom of the page

a visual cue that the page has come to an end

should contain the copyright and site owner

may include redundant links, web designer/developer, contact information, and

version number

Links

image links

global navigation - main navigation

page labels - indicates what page you are on

text hyperlinks

links embedded within the copy

is noticeably different, usually a brighter

color than the regular text

sub navigation - links found only within a

certain section

breadcrumbs - indicates where the visitor has

been in the sequence he visited

Are there any questions?