Web Science/Part1: Foundations of the web/Web content

From Wikiversity
Jump to navigation Jump to search


Web content

Learning goals

no learning goals defined
You can define learning goals here.
In general you can use the edit button in the upper right corner of a section to edit its content.

Associated units

  • jump to video
  • download the video
  • jump to script
  • jump to quiz
  1. In this lesson you will learn some basics on the Question: Why Web Content needs structure and proper markup.
  • jump to video
  • download the video
  • jump to script
  • jump to quiz
  • Understand the Domain Object Model and the DOM tree
  • Understand that HTML is just a special dialect of XML
  • Understand the relationship between HTML and XML
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • Be able to write simple HTML code having learned a few example elements of HTML (headings, paragraphs, lists, tables, links, anchors, emphasize, input fields; but also few dirty ones like italics, color,...)
  • See that HTML really is just another simple mark up and has nothing to do with programming
  • Be able to structure web Content using HTML and create pages following a specified structure.
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • Know about the style attribute and how to use it within HTML elements
  • Know already realize that there are some limits using the style attribute
  • be able to create websites that follow a certain style guide
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • See the problems with inline styles
  • Understand that a style sheet gives you freedom
  • being able to explain people why they should use style sheets
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • be able to name at least 2 important point why to use style sheets
  • know how the cascading process works
  • know the basic syntax of cascading stylesheets
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • know how to include a media file like a graphic to your webpage.
  • understand that images like jpg, gif and bitmaps are hard for machines to understand.
  • Know how to use a XML based format to create images that are easy to understand for machines and humans an can even make use of stylesheets.
    • jump to video
    • download the video
    • jump to script
    • jump to quiz
  • Understand that metadata is necessary to communicate the semantics of content
  • See that using metadata for ranking in search results is a bad idea
  • get introduced to modern ways of publishing media data as RDFa
    • jump to video
    • can not download video
    • jump to script
    • jump to quiz
  • Understand the separation between content, structure, layout and meta data
  • Review HTML, CSS, XML, SVG and RDFa
  • Understand what makes a clean HTML markup ("separation of concerns") vs. unclean one ("mixing responsibilities"); and implications (better or worse maintenance, better or worse personalization, better or worse accessibility)
  • Further reading

    no further reading defined
    You can define further reading here.
    In general you can use the edit button in the upper right corner of a section to edit its content.

    Discussion