inside out – STEP 100 | Setting Up HTML5 Application – Assignment
Overview
In this lesson you will complete the following steps to begin creating the index.html page that will serve your inside out HTML5 App from. 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 100 | Setting Up HTML5 Application”.
- 00:00 – Introduction
- 00:21 – create ftp account for your inside-out-html5-app.yourdomain.com
- 01:13 – define your inside-out-html5-app site in Dreamweaver
- 01:40 – Add local folder for app
- 01:56 – define site – add server
- 02:40 – define site – save settings
- 02:46 – connect to remote server inDreamweaver
- 02:49 – view remote site folder
- 02:54 – switch to local view and pull site
- 03:12 – setup index.html file
- 03:19 – add doctype tag
- 03:21 – add html tag
- 03:43 – add head tag
- 03:51 – add meta tags
- 05:11 – add title tag
- 05:33 – add body tag
- 05:52 – add Bootstrap
- 06:13 – setup bootstrap css
- 06:31 – setup bootstrap js files
- 08:33 – go to bootsnipp
- 09:21 – select header for our app
- 09:27 – grab header head script
- 10:38 – setup assets folder
- 12:17 – grab header html
- 13:09 – grab header css
- 14:54 – grab header javascript
- 16:45 – grab bootsnipp footer
- 17:56 – grab footer css
- 19:57 – remove copy div
- 20:52 – review clean up
- 21:32 – reducing code
- 24:32 – correct title
- 25:24 – cleaning code
- 27:18 – cleaning code
- 29:12 – cleaning code
- 30:45 – closing
- 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 the video.
- Submit the url to your application (the index.html file) once you have validated your work and are confident you have completed everything. The link should look similar to the following link: http://inside-out-html5-app.yourdomain.com/index.html. Additionally your page should look like the one you see when you go here: http://inside-out-html5-app.inside-out-project.com/
Assignment Resources
Source Code View
Please use the view source on the project site