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 | ||
## [text-align https://www.w3schools.com/cssref/pr_text_text-align.asp] | |||
## [https://www.w3schools.com/cssref/pr_font_font.asp font] | |||
font-family | |||
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 |
Revision as of 08:35, 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-family 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