Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

README.md

##Learning goals for this week:

  • The division of labour between HTML and CSS
  • Introduction to HTML:
    • Parents, children, attributes
    • Indentation
    • Semantic elements
    • Paragraphs, links, images, lists
  • Introduction to CSS:
    • Where can we write it and what difference does that make?
    • Selectors (id, class, element type), properties
    • How to structure a CSS file
    • Naming things
  • External files: relative and absolute paths
  • Getting to know your text editor

Homework

Exercises:

Assignment:

  • Make your own web resume:
    • One page
    • Two files: HTML and CSS
    • Include the following:
      • Your personal info (name, place of birth, etc.)
      • A picture
      • A few lines about who you are
      • Education
      • Work experience
    • Include the following:
      • Different types of headings (h1, h2)
      • A list (ul)
      • img
      • p
      • Some CSS properties: margin, padding
      • Make sure that you page looks nice, and that your text is readable
    • upload in a zip
    • BEFORE you hand it in, read the Style guide and check your files (you can also use the <a href="proxy.php?url=https%3A%2F%2Fgithub.com.%2F%3Ca+href%3D"https://validator.w3.org" rel="nofollow">https://validator.w3.org target="_blank">HTML validator ).

Assignment:

  • Next week we will talk about responsive web design and using media queries. Start reading about this subject here Introduction to Media Queries. And take a look at this website here you can find examples of responsive design.

Helpful links: