on olemassa monia tapoja luoda WWW-sivuja käyttäen jo koodattuja ohjelmia. Näillä tunneilla opit käyttämään taustalla olevaa HyperText Markup Language – HTML-kieltä.
HTML ei ole tietokonekoodia, vaan kieli, joka käyttää US englishiä mahdollistaakseen tekstien (sanat, kuvat, äänet) lisäämisen ja muotoilujen, kuten colo(u)r ja centre/ering, kirjoittamisen. Prosessi on melko yksinkertainen; suurimmat vaikeudet ovat usein pienissä virheissä-jos lipsahdat tekstinkäsittelyn aikana, lukija saattaa poimia kirjoitusvirheesi, mutta sivu on silti luettavissa. Kuitenkin, jos HTML on epätarkka sivu ei välttämättä näy – kirjoittaminen web-sivuja on, ainakin, erittäin hyvä käytäntö oikoluku!
HTML: n oppiminen mahdollistaa:
- luo omat yksinkertaiset sivusi
- lue ja arvosta muiden luomia sivuja
- kehitä ymmärrystä verkkotekstien luovista ja kirjallisista vaikutuksista
- uskallat haarautua monimutkaisemmaksi websuunnitteluksi
HTML-sivu koostuu tägeistä. Tunnisteet on sijoitettu suluissa näin . Tunniste kertoo selaimelle, miten tiedot näytetään. Useimmat tunnisteet on avattava ja suljettava .
yksinkertaisen web-sivun tekemiseen tarvitaan vain neljä tagia:
- kertoo selaimelle, että sivusi on kirjoitettu HTML-muodossa
- tämä on eräänlainen elintärkeiden tietojen esipuhe, joka ei näy näytöllä.
- kirjoita sivun otsikko tähän-Tämä on tieto, jonka katsojat näkevät ruutunsa yläpalkissa. (Olen antanut tälle sivulle otsikko’webpage1′).
- tähän laitetaan oman sivun sisältö, ihmisten ruudulle lukemat sanat ja kuvat.
kaikki nämä tunnisteet on suljettava.
liikunta
Kirjoita yksinkertainen www-sivu.
Kopioi täsmälleen alla oleva HTML käyttäen WP-ohjelmaa, kuten Notepadia.
kursivoidut tiedot osoittavat, mihin voit lisätä oman tekstisi, muut tiedot ovat HTML: ää ja niiden on oltava täsmällisiä. Varmista kuitenkin, että tunnisteen sulkujen ja tekstin välissä ei ole välilyöntejä.
(Etsi muistilehtiö menemällä Käynnistä-valikkoon\ ohjelmat\ Tarvikkeet \ muistilehtiö).
sivun otsikko
kirjoita tähän mitä haluat: ”ensimmäinen verkkosivuni”, tai pala siitä, mitä luet, tai muutamia ajatuksia kurssista, tai kopioi muutama sana kirjasta tai maissihiutalepaketista. Kirjoita vain sanasi ilman ekstroja, kuten lihavointi tai kursivointi, koska näissä on erityisiä HTML-tunnisteita, vaikka voit käyttää isoja ja pieniä kirjaimia ja yksittäisiä välilyöntejä.
Tallenna tiedosto nimellä ” ensimmäinen.html” (ts. soita tiedosto mitä tahansa) on hyödyllistä, jos aloitat kansion – aivan kuten tekstinkäsittely-ja kutsua sitä jotain verkkosivuja, ja laita ensimmäinen.html-tiedosto kansiossa.
nyt-Avaa selaimesi.
Netscapessa prosessi on:
ylävalikko; FILE\ OPEN PAGE\ CHOOSE FILE
Click on your WEBPAGES folder\ FIRST file
Click ’open’and your page should appear.
Internet Explorerissa:
ylävalikko; tiedosto\ OPEN \ BROWSE
klikkaa verkkosivujen kansiota\ FIRST file
napsauta ’open’ ja sivun pitäisi näkyä.
jos sivu ei avaudu, käy muistilehtiötekstisi läpi ja varmista, että kaikki HTML-tagit ovat oikein. Tarkista, että tagien ja sisäisen tekstin välillä ei ole välilyöntejä; tarkista, että kaikki tagit ovat suljettuja; tarkista, ettet ole kirjoittanut tai . Sivusi toimii lopulta.
tee toinen sivu. Kutsu sitä joksikin erilaiseksi.html ja aseta se samaan verkkosivujen kansioon kuin edellä.
aloita alustus toisella oppitunnilla
takaisin wws-indeksiin