Comment on page
3 - Bootstrap
A design framework is a collection of re-usable code snippets which you can use to build a website. It is sometimes called a "design system", "style guide", or "pattern library", and will usually consist of three things:
- 1.Brand guidelines define the appropriate typography, colors and logos to use.
- 2.Components define re-usable code snippets for common requirements, like navigation menus.
- 3.Helpers define additional code tools to construct the site, like layout grids.
The main goals of a design framework are to ensure design consistency and avoid writing the same code twice.
- 2.Set up a GitHub repository for this project.
- 3.Create a new HTML document.
- 4.Think about all the elements on the page and how they are grouped together.
- 6.Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and which are positioned by using the appropriate Bootstrap classes.
- 7.Set up the top title and navigation bar.
- 8.Work your way down the page by filling in and positioning the additional sections.
- 9.Try resizing the browser to see if it mimics the behavior of the real Newsweek homepage.
- 10.Push your solution to GitHub.
Over the last two weeks, you've been building personal websites as part of your homework. Now we want you to take those websites and apply the knowledge you've learned to make them as good as you can. Some ideas:
By the end, you should have created a repository for your site on GitHub with all the commits you've made.