- Download the ZIP file of this repository to your computer.
- Open the whole folder you cloned,
essential_html, in Sublime. - Read through
details.html,index.html, andnew.htmland try to make sense of them. Open them in Chrome and play with them. Write down any questions you have about anything at all in them.
This is all you need to know for now.
For a variety of reasons, it's useful and fun to also be able to make our applications look decent. To do so, we'll use Bootstrap.
- In
index.html, uncomment the link in the<head>tag which is currently commented out. This will link the file to Boostrap. - Transform
index.htmlwith Bootstrap classes to look like this: http://htmlpreview.github.io/?https://github.com/s14/bootstrapped_essential_html/blob/master/index.html - Refer often to the Bootstrap examples to see what pre-written CSS classes it offers you and what HTML and classes you need to take advantage of it: http://getbootstrap.com/css/
- Transform
new.htmlto look like this: http://htmlpreview.github.io/?https://github.com/s14/bootstrapped_essential_html/blob/master/new.html - Refer often to the Bootstrap examples to see what pre-written CSS classes it offers you and what HTML and classes you need to take advantage of it: http://getbootstrap.com/css/
- Transform
details.htmlto look like this: http://htmlpreview.github.io/?https://github.com/s14/bootstrapped_essential_html/blob/master/details.html - Refer often to the Bootstrap examples to see what pre-written CSS classes it offers you and what HTML and classes you need to take advantage of it: http://getbootstrap.com/css/