- Understand the DOM structure
- Get a feeling for HTML syntax
- Get familiair with your text editor
- Basic understanding of CSS syntax
- Linking to external files
- Structuring your files
Read these Chapters from the Front-end Handbook
- Khan Academy: Into to HTML/CSS: Making webpages
- 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 ).
- 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.