Difference between revisions of "Course Time Machine"

From Publication Station
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 Screenshot of the recreated page of the first website. Photograph: Rao, Achintya © 2019-2022 CERN

Program

Class 1

Demos

  1. Websites in the 90's
    1. Take a look at websites made in the 90's
    2. Quiz question: What is the first item ever sold on the web?
    3. What do you notice changing over time? Does the content and audience change? And how about the design?
  2. Follow along HTML / CSS

Tasks

  1. Try out
    1. [text-align https://www.w3schools.com/cssref/pr_text_text-align.asp]
    2. 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