HTML5 and CSS 101 - Hypertext Markup Language
Join Elisabeth Robson and Eric Freeman as they embark on a fun project: creating a fully functional and attractive website using HTML5 and CSS...
Join Elisabeth Robson and Eric Freeman as they embark on a fun project: creating a fully functional and attractive website using HTML5 and CSS...
We all spend a lot of time visiting websites.
Think of a website's wireframe as an architect’s blueprint: this is where you decide where everything will go and what space it will occupy. Like building a house, it's important to get your website mapped out and diagrammed before you start putting in the all-important contents! Elisabeth and Eric show you the ins and outs of this process and explain all the important things you need to keep in mind during a site’s design phase.
Next it's time to start adding the details that give your site its unique look: CSS to the rescue! Our web design experts walk you through the writing of your first line of CSS, to give you a taste of what's to come...on your way to creating an awesome-looking and fully functional website!
Table of contents:
1. Introduction
2. Designing a Web Page
3. Looking at the Mockups
4. Creating a Wireframe
5. Mapping the Wireframe to HTML
6. Creating a Standard HTML Page
7. Understanding the Doctype
8. Organizing Your Files
9. Strategy for Entering HTML
10. Adding the Header
11. Adding the Main Content and Sidebar
12. The BR Element
13. Understanding URLs
14. Adding the Anchors
15. A Deeper Look at Attributes
16. A look at the Other Pages
17. A Little Interruption
18. The DIV Element
19. Adding DIVs to the Pages
20. Seeing the DIV’s effect on the Pages
21. Adding Some Identity
22. A Sneak Preview
23. Adding a Footer
24. Handling Special Characters
25. Validating Your Pages
26. Another Look at META
27. What’s next?