Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

HTML -sivun teko ja julkaisu

1. Avaa joko Adoben Dreamweaver, Notepad++ (win) tai TextWrangler (mac)

2. Aloita koodaaminen:

- Valitse New Document ja Doc Type (HTML5, XHTML 1.0)

- Koodin peruspohja:

<!DOCTYPE>

<html>

  <head>

    <title>Page title</title>

  </head>

  <body>

  </body>

</html>

3. Täytä title (sivun yläpalkin otsikko) ja body (sivun sisältö). Head --osioon esim. sivuston css-tyylit.

4. Tallenna .html --tiedostona

5. Käy tarkistamassa koodi validaattorilla (http://validator.w3.org/)

6. Vie html --tiedosto sekä sivulla käytetyt sisällöt (kuvat) public serverille tai web-hotelliin.

7. Tarkista sivun toimivuus eri selaimissa (Chrome/Firefox/Safari)

8. Esimerkki valmiista ja julkaistusta sivusta:

http://users.metropolia.fi/~susannll/ryhmatyo/viikkotyo.html