Editing Courses/Design & Technique-Essential Web Design/Q1 (section)

=Classes=
==week 1 - The Internet and the Web ==
[[Courses/Design & Technique-Essential Web Design/01]]

* Are the Internet and the Web the same? What is the difference between them?
* Distinction between the Internet (the infrastructure, like a highway) and the Web (one of the vehicles of the highway). 
** Many services that existed independent of the Web, on the Internet are migrating to the Web: email, chat, word processors.
* (Brief) History of the Web - a wold-wide documentation system build for scientists
* Personal websites before Web 2.0
* Tools:
** [[Main_Page|Publication Station wiki]] 
** HRO File storage system
** [http://www.sublimetext.com/ text editor]
** [http://www.getfirefox.com/ Firefox] 


==week 2 - HTML: a language for browsers humans ==
[[Courses/Design & Technique-Essential Web Design/02]]

* What is a Web page?
* What happens when I save a web-page? What files do I save?
* HTML: the language 
** tags 
** Essential HTML page structure
** Basic content tags: p, b, i, img ...
** hyper-links
* The Browser: the interpreter

* Exercise: create the structure of your weblog and initial content about yourself - who you are, who you want, etc... 
* Homework: Continue adding contet to your weblog

==week 3 - CSS style of HTML ==
[[Courses/Design & Technique-Essential Web Design/03]]

* (HTML creates content and structure) CSS gives it visual style
* CSS style-sheet
* CSS rules and properties 
* CSS colors: RGB and hex triplets 
* IDs and Classes
* Inspector for CSS and in-browse CSS editor

* Exercise: save any website, keep its HTML content and structure as it is, but by simply styling its CSS, make it into something different.
* Homework: start styling your weblog using CSS

http://publicationstation.wdka.hro.nl/go/kickoff/imgs/css.gif

==week 4 - understanding CSS  ==
[[Courses/Design & Technique-Essential Web Design/04]]
* box-model: display property
* position: absolute, relative, fixed
* super-impositions : z-index

* Homework: Give a different "space" to each post in your weblog. For each entry create a different design

==week 5 - CSS for typography  ==
[[Courses/Design & Technique-Essential Web Design/05]]
* CSS for web typography
* Web Fonts
** Default fonts
** Embedded Fonts
** Open Fonts Licenses

* Homework: apply custom fonts to different parts of the your weblog. 

==week 6 - screen-page dialogues ==
[[Courses/Design & Technique-Essential Web Design/06]]
* Post-digital moment - analog and digital reading coexisting
* Examples of projects that embrace the 2 forms and establish a dialog between them
* How can the work developed for the web exist also in physical?
* How can the physical and analog publication make its way to the screen?
* Discussion of work in development


==week 7 - tutorials==
[[Courses/Design & Technique-Essential Web Design/07]]


==CSS for print==
publicationstation.wdka.hro.nl/wiki/index.php/Courses/Design_%26_Technique-Essential_Web_Design/CSS4print

----

http://www.w3.org/Talks/2012/0416-CSS-WWW2012/ CSS galore 


[[Courses/Design & Technique-Essential_Web_Design/brainstorm]]

</noinclude>