Difference between revisions of "Course Time Machine"
From Publication Station
VKranendonk (talk | contribs) |
VKranendonk (talk | contribs) |
||
| Line 17: | Line 17: | ||
'''Tasks''' | '''Tasks''' | ||
# Try out | # Try out | ||
## [ | ## [https://www.w3schools.com/cssref/pr_text_text-align.asp text-align] | ||
## [https://www.w3schools.com/cssref/pr_font_font.asp font] | ## [https://www.w3schools.com/cssref/pr_font_font.asp font] | ||
font-family | ## [https://www.w3schools.com/cssref/pr_font_font-family.asp font-family] | ||
font-size | font-size | ||
font-stretch | font-stretch | ||
Revision as of 08:37, 30 September 2022
Welcome to the Time Machine course.
The Time Machine consists of two classes in which we introduce basic HTML and CSS skills. We start of in The Sh***y 90's, building websites from back in the day. We then fast-forward, via the fourth dimension, to the BRUTALIST design period.
Screenshot of the recreated page of the first website. Photograph: Rao, Achintya © 2019-2022 CERN
Program
Class 1
Demos
- Websites in the 90's
- Take a look at websites made in the 90's
- Quiz question: What is the first item ever sold on the web?
- What do you notice changing over time? Does the content and audience change? And how about the design?
- Follow along HTML / CSS
Tasks
- Try out
font-size font-stretch font-style font-weight height margin opacity padding color line-height visibility border box-shadow text-shadow background filter cursor text-shadow transform transition position perspective grid columns animation
