Basic Anatomy of a Website

419 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Basic Anatomy of a Website

  1. 1. MolecularcodeWeb Design and DevelopmentAlex Ruauxhttp://alexruaux.comwebdesign@alexruaux.comBeginners WordPress.com Course | West Island Women’s Centre | Spring 2013The Basic Anatomy ofa Web Site
  2. 2. FUNDAMENTAL FEATURES OF A WEBSITEtitle andtaglineheadermenucontentsidebarandwidgetsfooter
  3. 3. TITLE AND TAGLINECould be just textMay include an image or logoUsually in top left corner, sometimes centreMay have a tagline (additional explanatory text)
  4. 4. TITLE AND TAGLINE
  5. 5. TITLE AND TAGLINE
  6. 6. TITLE AND TAGLINE
  7. 7. HEADERThe title and/or tagline may be integrated into theheaderUsually an image or logoMay include textUsually spans the whole width of the website
  8. 8. HEADER
  9. 9. HEADER
  10. 10. HEADER
  11. 11. MENUThis links to all pages on the siteUsually at the top of the page, may be to the sideMay have dropdown optionsMay appear more than once on the page
  12. 12. MENU
  13. 13. MENU
  14. 14. MENU
  15. 15. MENU
  16. 16. CONTENTOn the homepage, this may be blog posts or staticcontentThe homepage needs to explain what the site isabout / forWill likely include picturesMay include a call to action
  17. 17. CONTENT
  18. 18. CONTENT
  19. 19. CONTENT
  20. 20. CONTENT
  21. 21. CONTENT
  22. 22. CONTENT
  23. 23. CONTENT
  24. 24. CONTENT
  25. 25. SIDEBAR AND WIDGETSThere may be a sidebar on either the left of theright-hand sideThere may be more than one sidebarThe sidebar may or may not appear on thehomepageThe content of the sidebar is determined by whichwidgets you useWidgets include things like a calendar, image, blogtitles, categories, social media icons, search box...
  26. 26. SIDEBAR AND WIDGETS
  27. 27. SIDEBAR AND WIDGETS
  28. 28. SIDEBAR AND WIDGETS
  29. 29. SIDEBAR AND WIDGETS
  30. 30. FOOTERThe footer is the text at the bottom of every pageShould include copyright notice and menu / sitemapOften includes designer/theme and platform namesMay include social media linksMay include feeds e.g. twitter
  31. 31. FOOTER
  32. 32. FOOTER
  33. 33. FOOTER
  34. 34. FOOTER

×