Web Elements and Basic Web Layout

1. Web Elements
What makes up a website?

2. Web Elements
text (real text and image text)
media (images, audio, and video)
navigation (text links, image links, buttons,
and sitemap)
forms

3. Basic Website Layout

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. Are there any questions?