See Selgitatud õpetab, kuidas luua lihtsat tekstipõhist veebilehte, kasutades Windowsi arvuti Notepadi rakendust. Kasutate oma veebilehe keelena HTML-i.

1
Avage Start. Klõpsake ekraani vasakus alanurgas Windowsi logol. Ilmub menüü Start.

2
Otsige Notepad. Selleks sisestage märkmik. Peaksite nägema sobivate tulemuste loendit menüü Start ülaosas.

3
Klõpsake Notepad. See on sinine märkmiku ikoon tulemuste loendi ülaosas. Seda tehes palub Notepad avada.

4
Klõpsake nuppu Fail. See asub Notepadi akna vasakus ülanurgas. Sellel klõpsamisel kuvatakse rippmenüü.

5
Klõpsake nuppu Salvesta nimega. See on rippmenüüs. Avaneb aken Salvesta nimega.

6
Klõpsake rippmenüüd “Salvesta tüüp”. See suvand asub akna allservas ja sellele peaks olema kirjutatud “Tekstidokumendid (*.txt)”. Sellel klõpsamisel kuvatakse rippmenüü.

7
Klõpsake nuppu Kõik failid. See on rippmenüüs. See võimaldab teil faili salvestada HTML-dokumendina.

8
Valige salvestuskoht. Klõpsake akna vasakus servas selle kausta nimel, kuhu soovite oma dokumendi salvestada. Näiteks dokumendi töölauale salvestamiseks kerige üles ja klõpsake vasakpoolsel külgribal nuppu Töölaud.

9
Sisestage nimi ja faililaiend “html”. Klõpsake tekstikasti “Faili nimi”, seejärel tippige failile mis tahes nime, millele järgneb html. Näiteks kui soovite oma veebilehe failile nimeks anda “tere”, tippige fail hello.html.

10
Klõpsake nuppu Salvesta. See muudab teie praeguse Notepadi dokumendi HTML-dokumendiks. Siinkohal saate jätkata oma veebilehe algstruktuuri seadistamisega. Kui Notepad kogemata sulgub või peate hiljem oma dokumendi juurde tagasi pöörduma, saate HTML-failil paremklõpsata ja seejärel avanevas rippmenüüs klõpsata käsku Redigeeri.

11
Lisage oma veebilehe keelemärgend. Esimene märgend, mille peate Notepadile lisama, käsib ülejäänud dokumendil kasutada HTML-i. Tippige Notepadisse järgmine tekst:

12
Lisage sildid “pea”. Need sildid tähistavad lehe pealkirja algust ja lõppu, mille loote järgmises etapis. Praegu tippige lihtsalt märgendi “” järele, vajutage kaks korda sisestusklahvi ↵ tühiku jätmiseks ja tippige.

13
Lisage oma veebisaidile lehe pealkiri. Pealkiri, mis asetatakse siltide “” vahele, läheb siltide “head” vahele. See pealkiri dikteerib veebisaidi nime, nagu see kuvatakse brauseri vahekaardil. Näiteks päise sisestamiseks veebisaidi nimeks “Minu veebisait” sisestage järgmine:

14
Lisage sildid “keha”. Kogu teie veebilehe kood läheb nende märgendite vahele, mis peaksid jääma märgendi „” alla:

15
Sulgege HTML-i keelemärgend. Viimane teie dokumendile lisatav märgend on sulgev HTML-märgend, mis tähistab lehe lõppu. HTML-märgendi sulgemiseks tippige märgendi “” alla.

16
Vaadake oma senine HTML-dokument üle. Praegu peaks teie dokument välja nägema järgmine:

17
Salvestage oma dokument. Selleks vajutage klahvikombinatsiooni Ctrl+S. Nüüd saate jätkata oma dokumendile leheelementide (nt lõigud ja pealkirjad) lisamisega.

18
Tea, et kõik teie veebilehe elemendid lähevad kehamärgendite vahele. Iga element, olgu see siis pealkiri või lõik, tuleb kirjutada märgendi „” järele ja enne märgendit „”.

19
Lisage oma veebisaidi põhipealkiri. Tippige “body”-märgendite vahele

, seejärel tippige kõik, mida soovite, et teie veebilehe põhipealkiri oleks märgendite “

” vahele. Näiteks pealkirjaga „Tere tulemast” lehe loomiseks vajate järgmist.

Tere tulemast

Saate kasutada silte „

” kuni „

“, et luua väiksemat pealkirja teksti.

20
Lisage lehele lõigu tekst. Sisestage lõigusildid, mis on “

“, ja seejärel sisestage siltide vahele kõik, mida soovite lõiguna kasutada. Teie lõpptulemus peaks välja nägema umbes selline:

See on minu veebisait. Hääletage mind klassijuhatajaks!

21
Sundige lõigu pausi. Kui soovite lisada lõikude või pealkirja vahele täiendavaid tühikuid, tippige rea sulgemismärgendi järele
. Näiteks lõigu järel reavahetuse loomiseks peaksite saama midagi sellist:

See on minu veebisait. Hääletage minu poolt klassijuhatajaks!

Mulle maitseb ka kartul.

Saate lisada esimese märgendi järel märgendi “
“, et lisada veel üks reavahetus, luues nii tühik esimese ja teise lõigu vahel.

22
Lisage tekstile vorming. Saate rakendada paksus kirjas, kaldkirjas ja allajoonimises (samuti üla- ja alaindeksis) vormindamist mis tahes sõnale, lausele või tekstiplokile, kui see on lõigumärgendite vahel:paks tekstkaldkiri TekstAllakriipsutatud tekst^{Üleindeksi tekst}_{Alaindeksi tekst}

23
Vaadake üle oma veebilehe välimus. Kuigi veebilehe elemendid võivad erineda, peaks teie dokument välja nägema umbes selline:

Tere tulemast!

See on minu veebisait. Loodan, et teile meeldib siin!

Siin on esiletõstmiseks paks tekst.

Kaldkiri võib olla jube.

24
Salvestage oma dokument. Selleks vajutage klahvikombinatsiooni Ctrl+S. See tagab, et HTML-dokument näitab selle avamisel teie veebilehe uusimat versiooni.

25
Paremklõpsake oma HTML-dokumenti. Ilmub rippmenüü.

26
Valige Ava koos. See on rippmenüüs. Seda tehes avaneb hüpikmenüü.

27
Valige eelistatud veebibrauser. Kõik veebibrauserid saavad avada HTML-dokumente, seega klõpsake hüpikmenüüs mis tahes veebibrauserit, mida soovite kasutada. Teie HTML-dokument avaneb teie valitud veebibrauseris.

28
Vaadake oma veebileht üle. Kui vorming tundub teile hea, võite jätkata ja sulgeda Notepad. Kui soovite oma HTML-dokumendi redigeerimist jätkata, naaske Notepadi ja tehke vajalikud muudatused, salvestades muudatused sageli.