COAP:COAP-3120/week2: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
Line 25: Line 25:


'''CSS properties for formatting text'''
'''CSS properties for formatting text'''
* Web typography (fonts)
* Units
* Line spacing and margins


'''Classroom activities'''
'''Classroom activities'''
Line 37: Line 40:
=== Wednesday ===
=== Wednesday ===


TBA (dealing with text, part II)


=== Homework 1 ===


* Styling of a text document, details TBA


=== Homework 1 ===
''''Requirements''''
 
* margins
* Line spacings
* Appropriate font size for various text elements (in particular titles and paragraphs)


* Styling of a text document, details TBA
=== Reading ===


'''Reading'''
'''Textbook'''
* Chapter 2, The Bits that make up a Style Sheet
* Chapter 2, The Bits that make up a Style Sheet
* Chapter 3, Selectors (only pp 39-49)
* Chapter 3, Selectors (only pp 39-49)
Line 51: Line 61:
* Chapter 8, The Box Model (only: Margins section)
* Chapter 8, The Box Model (only: Margins section)


'''About web fonts and web typography''' (optional reading)
* http://www.alistapart.com/articles/on-web-typography/
* http://www.w3schools.com/cssref/css_websafe_fonts.asp
*  http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
[[Category:COAP 3120]]
[[Category:COAP 3120]]

Revision as of 12:20, 30 October 2011

... under construction .....

COAP 3120 Week 1 program

Main learning goals

  • Be able to include CSS in an HTML document: external files, internal style sheets, @import, inline
  • Understand CSS rules: Selectors and properties
  • Be able to format longer text
  • Be able to use HTML elements made for CSS (div and span)
  • Use of text/HTML/CSS editors
  • Use browser extensions for checking HTML and CSS validity, and analyzing pages
  • Think about good style and good visual style

Monday

HTML principles

  • The three dominant HTML families (HTML 4x, XHTML 1x, HTML5), a short introduction
  • The (X)HTML div and span tags

Selectors

  • tags, position of tages, pseudo-tags

CSS properties for formatting text

  • Web typography (fonts)
  • Units
  • Line spacing and margins

Classroom activities

(1) Find a long text you want to work on. HTML must be clean and simple. Suggestions:

(2) Start working on homework 1, i.e. create a layout that is both visually pleasing and "readable"


Wednesday

TBA (dealing with text, part II)

Homework 1

  • Styling of a text document, details TBA

'Requirements'

  • margins
  • Line spacings
  • Appropriate font size for various text elements (in particular titles and paragraphs)

Reading

Textbook

  • Chapter 2, The Bits that make up a Style Sheet
  • Chapter 3, Selectors (only pp 39-49)
  • Chapter 5, Applying Font Faces (only 73-82)
  • Chapter 6, Manipulating the Display of Text (only: “Line height” section)
  • Chapter 8, The Box Model (only: Margins section)

About web fonts and web typography (optional reading)