COAP:COAP-3120/week2: Difference between revisions
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 | |||
''''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 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 11: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)