All categories

HTML5 and CSS 101 1.0

Free Join Elisabeth Robson and Eric Freeman as they embark on a fun project: creating a fully functional and attractive website using HTML5 and CSS...
0 
Latest version:
1.0 See all
Collect

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. It's where we get information, learn new skills (like at MPV!) and do our shopping. A well-designed web site is much like a beautiful house, with its well-planned layout and attractive look & feel that makes it appealing and comfortable. Great web design is what Eric Freeman and Elisabeth Robson are all about! And in this course—the second course of their multi-part series covering HTML and CSS—you'll start creating your "home on the web", step by step, using nothing but a text editor!

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?

Comments

Suggestions

Mou
Mou
Free

Markdown editor - with a difference: where most, if not all...

Adobe Flash Builder
Adobe Flash Builder
Free

Create web, desktop and mobile applications.

Attachment Tamer Installer
Attachment Tamer Installer
Free

Attachment Tamer gives you control over attachment handling in Apple Mail.

MAMP PRO
MAMP PRO
Free

Run and monitor various types of web and database servers.

RapidWeaver
RapidWeaver
Free

Create responsive websites based on multiple templates and themes.

WebSite Auditor
WebSite Auditor
Free

Drive your site up with on-page optimization.

Download
Free