HTML-kit-aloitusohje

  1. Käynnistä HTML-kit (Start|Programs|HTML-kit|HTML-kit)
  2. Peruuta ensimmäinen ikkuna valinnalla Cancel. Ikkunasta voitaisiin myös valita tehdäänkö uusi XHTML-dokumentti vai avataanko jokin vanha.
  3. Siirrytään muuttamaan HTML-kitin asetukset järkeviksi. Valitse Edit|Preferences.
  4. Valitse välilehti Proofing. Poista ruksit kolmesta ylimmäisestä valinnasta niin HTML-kit ei turhaan kiusaa automaattisella oikuluvulla, joka ymmärtää vain englantia.

    HTML-kitin asetusten proofing-välilehti

  5. Valitse välilehti TIDY. Valitse Output: kohtaan vaihtoehto XML. Tämän valinnan jälkeen HTML-Kitiin sijoitettu HTML-tidy ohjelma osaa tarvittaessa korjata tekemiäsi virheitä ja huomauttaa niistä.

    HTML-kitin asetusten tidy-välilehti

  6. Valitse välilehti Editor. Laita päälle valinta Wrap at column. Valinta rivittää tekstin useammalle riville mikäli rivin pituus ylittää määrätyn merkkimäärän. Laita merkkimääräksi esimerkiksi 80 (noin puoli ruutua) tai 150 (täysi ruutu).

    HTML-kitin asetusten Editor-välilehti

  7. Kopioi leikepöydälle seuraava dokumentin pohjakoodi.
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" >
      <head>
    
        <title>Tähän sivun otsikko</title>
      </head>
    
      <body>
        <h1>Tähän pääotsikko</h1>
    
        <p>Tähän tekstiä...</p>
      </body>
    
    </html>
    Tätä pohjakoodia sinun kannattaa jatkossa käyttää kaikissa HTML-dokumenteissasi. Liitä pohjakoodi HTML-kitin asetuksissa Startup-välilehden kohtaan Insert following text into new documents:. Liittäminen tapahtuu maalaamalla edellinen pohjakoodi ja painamalla näppäinyhdistelmää CTRL + V. Tämän jälkeen HTML-kit antaa aina valmiina oikean pohjakoodin.
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/sovellukset/demot/demo1/htmlkit.html
© Jukka Mäntylä (jmantyla@mit.jyu.fi)< http://www.iki.fi/jmantyla/>
2006-02-14 15:00:54