HTML pages

Mission:

To create and understand HTML - pages including css.

Background:

Exercise

A) Install Java + Netbeans (if you have not done this yet)

First install Java: Download + install Java Development Kit (to run NetBeans)

Then install Netbeans: Download + install NetBeans (PHP/all)

B) Create your own Html-page

Start Netbeans, Create a project 'HTML5' -> 'HTML5 Application'

Make a Html page - see in the HTML tutorials and run your project
(this will start a glassfish-webserver to host your page and display it in your default browser)

(For ideas to a page try to do this page)

C) Validate your HTML page

Use the W3C HTML validator to validate your html-page, some other web pages, including my pages ...

• If you find a page with a lot of problems try viewing it in different browsers. Any differences?

D) Do the HTML quiz

Go to W3Schools and take the Html Quiz

E) Create a external css - file in your project

From 'site root' create 'new' -> cascading style sheet ('MyCss.css')

Add some styling for your page e.g. body {font-size: 200%;}

In your homepage (the ndex.html-page) add a link to your css-file
(like: 'link <rel="stylesheet" href="newcss.css">' )

see what happen?

Change e.g. the color of h1,h2 to 'red'

Set the font size relative e.g. p is 0.70em;

F) Validate your CSS

Use the W3C CSS validator to validate your css-file

G) Do the HTML quiz

Go to W3Schools and take the CSS quiz