inside out – STEP 004 | Creating HTML Pages – Assignment
Overview
In this assignment you will create the foundation of our site by aligning the navigation we created with the respective links. Additionally, we moved the embedded CSS from the index.html page and placed it into an external style sheet which we linked to each page in our site. As a final step we uploaded our files to the server and were able to validate a completely linked site. 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 video.
Action Items to Complete
- Complete all steps completed in the video “inside out – STEP 004 | Creating HTML Pages”.
- 00:00 – Introduction
- 00:16 – lesson overview
- 02:13 – let’s get started
- 02:19 – create step-003 folder
- 02:33 – move your index.html file to step-003
- 03:03 – copy – create step-004 folder
- 03:55 – open step-004 folder in Brackets
- 05:18 – add was then link
- 05:33 – add am now link
- 05:47 – add will be link
- 06:47 – review the menu changes
- 07:12 – move styles to external style sheet
- 07:35 – create assets folder
- 07:49 – create css folder
- 08:07 – create style.css file
- 08:29 – move embedded styles to style.css
- 08:57 – remove embedded style tags
- 09:06 – review changes in browser
- 09:20 – link our style.css file
- 11:03 – begin coping our index to create files
- 11:30 – copy the index.html page
- 11:43 – paste 22 copies of the index.html page
- 12:22 – create love.html page
- 12:40 – remane love – title and h1
- 13:02 – create things.html page
- 13:31 – create music.html page
- 13:55 – create movies.html page
- 14:17 – create books.html page
- 14:38 – create websites.html page
- 15:01 – create people.html page
- 15:20 – create family.html page
- 15:41 – create friends.html page
- 15:57 – create others.html page
- 16:14 – create who.html page
- 16:33 – create i.html page
- 17:00 – create was_then.html page
- 17:22 – create am_now.html page
- 17:42 – create will_be.html page
- 18:09 – create challenges.html page
- 18:26 – create behind_me.html page
- 18:47 – create ahead_of_me.html page
- 19:18 – create you.html page
- 19:38 – create profile.html page
- 19:54 – create settings.html page
- 20:37 – validate our navigation and pages
- 22:29 – revert background color back to #DDD
- 23:01 – upload our work to our web server
- 23:17 – create our step folders on our server
- 23:30 – create step-003 folder
- 23:44 – move step-003 index.html file to folder
- 24:23 – create step-004 folder
- 24:39 – upload our files to our step-004 folder
- 25:41 – create asset folder on web server
- 26:03 – create assets/css folder on web server
- 26:19 – upload style.css file to web server
- 27:11 – validate step-004 work on live site
- 28:06 – wrap up overview
- UPLOAD YOUR WORK TO YOUR WEBSITE
Upload your file to the server as shown in the following video.
Submit the url to this file on your server once you have checked your work and are confident you have completed everything.