basic anatomy of a website
DESCRIPTION
TRANSCRIPT
Molecularcode Web Design and Development
Alex Ruaux
http://alexruaux.com
Beginners WordPress.com Course | West Island Women’s Centre | Spring 2013
The Basic Anatomy of
a Web Site
FUNDAMENTAL FEATURES OF A WEBSITE
title and
tagline
header
menu
content
sidebar
and
widgets
footer
TITLE AND TAGLINE
Could be just text
May include an image or logo
Usually in top left corner, sometimes centre
May have a tagline (additional explanatory text)
TITLE AND TAGLINE
TITLE AND TAGLINE
TITLE AND TAGLINE
HEADER
The title and/or tagline may be integrated into the
header
Usually an image or logo
May include text
Usually spans the whole width of the website
HEADER
HEADER
HEADER
MENU
This links to all pages on the site
Usually at the top of the page, may be to the side
May have dropdown options
May appear more than once on the page
MENU
MENU
MENU
MENU
CONTENT
On the homepage, this may be blog posts or static
content
The homepage needs to explain what the site is
about / for
Will likely include pictures
May include a call to action
CONTENT
CONTENT
CONTENT
CONTENT
CONTENT
CONTENT
CONTENT
CONTENT
SIDEBAR AND WIDGETS
There may be a sidebar on either the left of the
right-hand side
There may be more than one sidebar
The sidebar may or may not appear on the
homepage
The content of the sidebar is determined by which
widgets you use
Widgets include things like a calendar, image, blog
titles, categories, social media icons, search box...
SIDEBAR AND WIDGETS
SIDEBAR AND WIDGETS
SIDEBAR AND WIDGETS
SIDEBAR AND WIDGETS
FOOTER
The footer is the text at the bottom of every page
Should include copyright notice and menu / sitemap
Often includes designer/theme and platform names
May include social media links
May include feeds e.g. twitter
FOOTER
FOOTER
FOOTER
FOOTER