Molecularcode Web Design and Development

Alex Ruaux

http://alexruaux.com

webdesign@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