Utilizing Information Networks - lecture material in English

Lecture 1 - Structure of an HTML 4.0 Document

• Structure of an HTML 4.0 Document

Lecture 2 - XHTML 1.0 elements

English speaking students should study the most common elements (see the names of the elements listed above in the finnish material) of HTML 4.0. However we use XHTML 1.0 on this course so you have to also check out how XHTML differs from HTML 4.0. Skip all the deprecated elements and attributes.

• XHTML 1.0: Differences with HTML 4
• HTML 4.0 Reference

Lecture 3 - Cascading Style Sheets

• CSS Quick Tutorial
• CSS Structure and Rules
• CSS Properties
• Alternative site to read
  • Cascading Style Sheets, level 1 (Read the whole site)

Lecture 4 - Usability and Accessibility of WWW-sites

• Read all the pages which has been linked to finnish Lecture page. Addresses which have word HUONO in front of them are bad examples of WWW-design.
• Top ten mistakes of Web design
• Why frames suck most of the time
• "Top Ten Mistakes" revisited three years later
• The top ten new mistakes of web design
• Ten good deeds in web design
• Disabled accessibility: the pragmatic approach
• The need for download speed
• Be succinct: how to write for the Web
• How people read on the Web
• List of Checkpoints for Web Content Accessibility Guidelines
• A Guide to Accessibility
• Standards for HTML Authoring for the World Wide Web

Lecture 5- Security concerns and computer viruses

• The World Wide Web Security FAQ - General Questions
• How PGP works
• Virus Information - Virus Tutorial
• F-Secure Computer Virus Info Center (Read the descriptions of Melissa, LoveLetter, CIH and FORM.A )
• Hoax warnings (Read the description of "Win a holiday", "Cancer chain letter" and "Penpal greetings" )

Lecture 6 - Imageformats in WWW - Image manipulation

• Electronic Image Formats and Compression Algorithms
  • Comparison table of JPG, GIF and PNG
  • Example of how JPEG-compression affects the image quality
• Graphics on the World Wide Web
• Learn the basics of image manipulation using some image manipulation program (Photopaint, paint shop pro or photoshop). Check out the following features:
  • Cropping
  • Rotating
  • Resizing (resampling)
  • Gamma correction
  • Changing the number of the colors in the image
  • Changing the format of the image
  • Efects

Lecture 7 - Information retrieval, E-mail and Usenet

• A BASIC TUTORIAL ON SEARCHING THE WEB
• Google Search Tips
• Search engine collection
• Metasearch
• Rules for posting to Usenet
• A Primer on How to Work With the Usenet Community
• FAQ on making and using a .signature file
• Hints on writing style for Usenet
• A Beginner's Guide to Effective Email

Extra information can be read from Lost in Usenet.

Lecture 8 - Interactive forms

• Choices in HTML forms
• Forms
• Form Elements
• The World Wide Web Security FAQ - CGI (Server) Scripts

Lecture 9 - CSS2, plugins

• Media Types
• Visual Formatting model
• All the lecture examples

Lecture 10 - Copyrights

• WIPO (World Intellectual Property Organization) - Copyright and Related Rights
• WIPO (World Intellectual Property Organization) - International Protection of Copyright and Neighboring Rights

Lecture 11 - Local Area Network

• Webopedia definitions
  • Network
  • Local-area network
  • Topology
  • Protocol
  • IP address
  • TCP/IP
  • Bridge
  • Router
  • Repeater
  • Hub
  • Network
  • Firewall