Lisätehtävät 2008-01-01 02:34

Kuvaus:

1. Kirjoita HTML-koodia

Jos FrontPagessa tehtävät harjoitukset sujuvat sinulta ongelmitta, ja ylimääräistä aikaa jää, voisit tehdä harjoitusten kaltaisia tehtäviä Muistiossa, tai FrontPagen HTML-työtilassa, välillä esikatsellen. HTML- ja CSS-koodin kirjoittaminen on lopulta varsin yksinkertaista ilman graafista editoriakin. Lisäksi käytettyjen ohjelmointikielten tuntemus on aina hyödyksi, kaikkiin yksityiskohtiin et pääse käsiksi graafisella editorilla! Opettele ymmärtämään ja kirjoittamaan ainakin sivun perusrakenne, älä murehdi aluksi fontti- ja muita muotoiluja. 

Sivun perusrakenne

Yksinkertainen web-sivu syntyy jo näin vähillä tiedoilla.  

  • Sivu aloitetaan ja lopetetaan html-elementillä.
  • Sivu jakautuu kahtia head- ja body- elementteihin.
  • Head-elementtiin tulee erilaisia tunnistetietoja selainta ja hakukoneita varten. Esimerkiksi selaimen otsikkorivillä näkyvä otsikko title-elementin sisään.
  • Kaikki sivun sisältö lisätään body-elementin sisään, jonka sisällä esimerkiksi otsikot h1-h6-elementtien sisään, leipätekstit p-elementtiin, jne.
  • Huomioi ns. laatikkorakenne, eli kaikki kirjoitettava tieto ympäröidään sitä määrittävällä (X)HTML-elementillä!

Esimerkki:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

<head>
<title>Sivun otsikko</title>
</head>

<body>
<h1>Pääotsikko</h1>
<p>Leipätekstikappale...</p>
<p>Toinen leipätekstikappale...</p>
</body>

</html>

Katso lisätietoja XHTML/CSS-oppaasta.

2. Weblogit

Weblogi on kätevä tapa toteuttaa esimerkiksi nettipäiväkirjatyyppinen sivusto, mutta myös normaalit kotisivut. Verkosta löytyy useita palveluja joille weblogin voi perustaa:

Luokka:
http://raulihaverinen.fi/verkko-opas/?id=73