Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Ohjeet nettisivujen valmistukseen

1. Valitse ohjelma, jolla valmistat sivun. Voit tehdä koodia muiden muassa Adoben Dreamweaverillä, Textwranglerillä tai käyttöjärjestelmäsi notepadia. Tämä sivusto on tehty käyttäen Dreamweaveria.

2. Avaa valitsemasi ohjelma ja luo uusi dokumentti. Valitse DocType-ponnahdusvalikosta haluamasi tyyli ja luo tiedosto.

3. Valmiin pohjan ensimmäiseltä riviltä näet dokumentin tyypin. Esimerkiksi käyttäessäsi HTML5:tä, koodissa lukee <!DOCTYPE HTML>

Image Removed

4. <title> </title> merkkien väliin laitetaan sivun otsikko, jonka halutaan näkyvän selaimessa välilehtien kohdalla.

5. <body> </body> merkkien väliin kirjoitetaan sivun varsinainen sisältö.

  • <h1> </h1> merkkien väliin laitetaan sivun pääotsikko, <h2> jne. väliotsikot
  • linkkejä voit lisätä esimerkiksi tällä komennolla <a href=¨nettisivu.fi¨>paina tästä</a>
  • voit katkasta rivin <br> -komennolla
  • <p> on välilyönti
  • <b> </b> -komennolla voit tummentaa, <i> </i> -komennolla voit kursvioida ja <u> </u> -komennolla voit alleviivata

Image Removed

6. CSS-tyylimääreitä voit muokata lisäämällä <head> -tagin alle style sheetin

  • sen alle voit määritellä esimerkiksi taustan värin ja fonttiperheen

7. Kuvan voit lisätä Dreamwaverin avulla painamalla ylälaidasta insert, valitsemalla image ja seuraamalla ohjeita.