inside out – STEP 012 | Practicing: Coding Our Books Page – Assignment
Overview
In this lesson, we take some of the things we have learned up to this point and use them to complete our books.html page.
Each action item has been linked to the time stamp in the lesson video to help you focus on learning rather than searching for information. Please be sure to complete each step as demonstrated in the “inside out – STEP 012 | Practicing: Coding Our Books Page” videos.
Action Items to Complete
- Complete all steps completed in the video “inside out – STEP 012 | Practicing: Coding Our Books Page”.
- 00:00 – Introduction
- 00:09 – lesson overview
- 03:46 – create images/books folder
- 05:19 – create books.css file
- 06:48 – link books.css in books.html head
- 07:03 – add a comment for style.css link
- 07:22 – add a comment for books.css link
- 08:51 – add a comment for quote div
- 09:11 – create quote container div
- 09:53 – add quote p element
- 10:38 – add quote author p element
- 11:08 – add quote
- 12:58 – create a container to place books in
- 13:19 – comment beginning and ending of div
- 13:58 – create div for first book
- 16:12 – create the front of book card div
- 16:51 – create the front of book card title div
- 17:39 – create the front of book card image div
- 18:56 – create the front of book card author div
- 19:56 – create back of book card div
- 20:11 – create back of book card title div
- 21:06 – create back of book card info div
- 21:49 – create back of book card link div
- 22:18 – create back of book card a tag
- 24:14 – copy the completed card and paste
- 25:11 – add images to books image folder
- 26:22 – discuss placing books images with css
- 27:46 – merge in content
- Push all the files you have created to your server and review that your work is error free and aligns to the completed work in these videos.
- Submit the url to your website once you have validated your work and are confident you have completed everything. Your page should look like the one you see when you go here: https://inside-out-project.com/step/step-012/books.html
please note: your assignment is to be submitted in the step folder as shown in the example above.