HTML/CSS

HTML

Quickly go through this HTML5 tutorial and check and play with the “Try it yourself​” examples. You will do everything under the heading (on the left) HTML Tutorial and HTML Forms.

Please read through the chapters listed below of the book “HTML & CSS Design and build Websites”. Look at examples to get a better understanding of how to use the concepts.

● Chapter 2: Text
● Chapter 3: Lists
● Chapter 4: Links
● Chapter 5: Images
● Chapter 7: Forms

CSS

Go through this CSS tutorial and check and play with the “Try it yourself​” examples. You will do everything under the heading (on the left) CSS Tutorial

Portfolio Website Walkthrough

● HTML Walkthrough: Code Along with Kev
● CSS Walkthrough: Code Along with Kev
● HTML/CSS Practice Problems: Practice Problems to review HTML/CSS

HTML/CSS Prework Homework:

Create a portfolio website.

Once you have completed the Pre-Work​ HTML and Pre-Work​ CSS​ tasks, create a website using text, lists, include at least two links, two different images and a form. Use as many different CSS styles to help design your website. We would like you to create a website that tells us about you. You can include any text, or images on your website. We would like you to talk about yourself, your background, hobbies and why you want to become a web developer. Make it as elaborate as possible.

Do NOT submit a copy of the walkthrough video. Make it your own!

Upload these files to github.com and submit the Git repository to the google classroom assignment. For a video walkthrough of uploading to GitHub with Git: Git Uploading Walkthrough

Your site should look similar to this: