Structures and links (web based)

  • Website, page, URL
  • Hyperlink (internal, external) relative and absolute addressing
  • Navigation
  • Web browsers and search engines
  • Good design to aid navigation, usability and accessibility

  • Website 

  • a website is a series of web pages linked together, bbc.co.uk has thousands of linked pages
  • Page – A single page written in html on the internet, normally forms a website when linked with other pages
  • URL – Uniform Resource Locator
    • http://www1.skysports.com/football/
  • Hyperlinks

    • Internal – links to pages on the same site
    • External – links to a completely different website.
  • relative addressing – code to link to weather would be
    • <a href=”/weather” >weather</a>
    • Benefit – less coding, link will still work if the domain name changes
  • absolute addressing – code to link to weather would be
    • <a href=”http://www.bbc.co.uk/weather” >Weather</a>
    • Benefit – easier to follow the code as it shows the whole address.
  • Navigation

    • back – Return to previous page
    • forward – Go to page last visited before you pressed back
    • home – return to user defined start page
  • Web browsers – software allowing web pages to be viewed.
    • Firefox
    • Chrome
    • IE
  • search engines – provide a list of links when a user types a search.
    • Google
    • Yahoo
    • Bing
  • Good design to aid navigation – links clearly marked, consistent style
  • Usability – Video clips, forums
  • Accessibility – large text available, alt tags on pictures

Testing Websites

  • Check navigation
  • Checks all hyperlinks/hotspots
  • Ensure graphics are not pixelated
  • Ensure audio clips run
  • Check JavaScript issues
  • Check compatibility with browsers

Leave a Reply

Your email address will not be published. Required fields are marked *