edit MOOC index

Web content

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.

Problem setting for web content formats

In this lesson you will learn some basics on the Question: Why Web Content needs structure and proper markup.

Working with XML

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

HTML for web document structures

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.

Layout elements in HTML

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

Motivating separation of content and layout

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

Cascading Style Sheets

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

Media content

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.

Metadata

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

Summary, further reading, homework

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)

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.

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

Web content

Learning goals

Associated units

Further reading

Discussion