MITEN MINÄ VOIN TEHDÄ HTML NETTISIVUN?
Tätä on moni kysynyt itseltään, mutta harva tietää vastauksen.
ONNEKSI,
Tämän ohjeen avulla voit tehdä itsellesi hienon, joskin varsin simppelin, aloittelijalle sopivan HTML-sivun!
MUTTA MITÄ TARVITSEN?
TARVITSET!:
TEKSTIEDITORIN, ESIMERKIKSI TEXTWRANGLER TAI NOTEPAD++! WORD EI KÄY!
FTP (FILE TRANFER PROTOCOL) OHJELMAN, ESIMERKIKSI CYBERDUCK TAI FILEZILLA!
PALVELIMEN!
DOMAININ, ELI SIIS URL-OSOITTEEN!
MITEN ALOITAN?
Käynnistät tekstieditorisi. Sitten etsit netistä toimivan ja hyvän TEMPLATEN eli siis mallin jonka päälle voit nettisivusi rakentaa, koska olet LAISKA.
TÄSSÄ ESIMERKKI TEMPLATESTA:
<!DOCTYPE html> <h1>TEKSTIÄ</h1> <p>PIENEMPÄÄ TEKSTIÄ.</p> </body> |
|---|
SILLÄ SAAT TODELLA, TODELLA YKSINKERTAISEN NETTISIVUN PYSTYYN!
MITÄ TÄMÄ KOODI SITTEN TARKOITTAA?
HTML-koodi toimii tageilla. Näiden tagien väliin kirjoitetaan itse koodi. Tässä TEMPLATESSA tägejä ovat esim:
<!DOCTYPE html> JOKA KERTOO MITÄ HTML STANDARDIA SIVU KÄYTTÄÄ
<html> NÄIDEN TAGIEN SISÄLLÄ ON KAIKKI MUU KOODI
<body> TAGIN SISÄSSÄ ON TEKSTI JA MUU SISÄLTÖ
<h1> JA <p> LIITTYVÄT TEKSTIN FORMATOINTIIN, NIILLÄ EI OLE NIIN VÄLIÄ
Koodissa voisi olla myös tägi kuten;
<head> JONKA AVULLA SÄÄDÄT METATIETOJA, KUTEN SIVUN OTSIKKOA
<style> JOLLA SÄÄDÄT SIVUN TYYLIÄ, KUTEN TAUSTAVÄRIÄ
Tyyliä voi säätää myös CSS-tiedostoilla. Tällöin linkkaat sivullesi CSS-tiedoston, joka sisältää sisällään tiedot sivusi ulkoasusta. CSS:n voi myös kirjoittaa koodiin sisään.
KUVAN SAAT SIVULLESI LISÄÄMÄLLÄ BODY TAGIEN SISÄÄN TÄMÄN KOODINPÄTKÄN:
| <img src="TÄSSÄ ON KUVASI OSOITE"> |
|---|
LINKIN SAAT SIVULLESI LISÄÄMÄLLÄ BODY TAGIEN SISÄÄN TÄMÄN KOODINPALAN:
| <a href="LINKKISI OSOITE">LINKIN TEKSTI</a> |
|---|
MITEN SAAN NETTISIVUNI NÄKYMÄÄN INTERNETIN IHMEELLISESSÄ MAAILMASSA?
Tallennat koodisi nimellä index.html, ja laitat kaikki sivuun kuuluvat tiedostot samaan kansioon.
Siirrät kansion tiedostoineen FTP-ohjelmallasi PALVELIMELLE.
METROPOLIAN PALVELIN ON SHELL.METROPOLIA.FI SEN KÄYTTÖÖN TARVITSET OMAT TUNNUKSESI
Nyt nettisivusi pitäisi näkyä.
OLET VOITTAJA
MYÖHEMMIN VOIT SIIRTYÄ VAIKEAMPIIN JA TYYLIKKÄÄMPIIN NETTISIVUIHIN
TÄLLÄISESTÄ ESIMERKKINÄ
users.metropolia.fi/~wommas/VALKOHAI/