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

From Wikiversity
Jump to: navigation, search


Web content

Wikiversity-Mooc-Icon-Edit.svg
Wikiversity-Mooc-Icon-Ask.svg
Wikiversity-Mooc-Icon-Learning-goals.svg

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.
Wikiversity-Mooc-Icon-Associated-units.svg

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
Web Science MOOC Exercises Week 4.pdf
  • jump to video
  • download the 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)
Wikiversity-Mooc-Icon-Edit.svg
Wikiversity-Mooc-Icon-Ask.svg
Wikiversity-Mooc-Icon-Further-readings.svg

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.
Wikiversity-Mooc-Icon-Discussion.svg

Discussion