Kui soovite veebilehele pilti lisada, on teil vaja ainult HTML-i. Kui soovite määrata pildi veebilehe taustaks, vajate nii HTML-i kui ka CSS-i. HTML tähistab hüperteksti märgistuskeelt ja on kood, mis ütleb brauserile, mida veebilehel näidata. CSS tähistab Cascading Style Sheets’i ja seda kasutatakse veebilehe välimuse ja paigutuse muutmiseks. Teil on vaja taustapilti, mida soovite oma veebilehe jaoks kasutada.
1
Looge HTML-faili ja taustpildi hoidmiseks kaust. Looge oma arvutis kaust, mille leiate hiljem hõlpsalt, ja andke sellele nimi. Saate anda kaustale ükskõik millise nime, kuid HTML-iga töötades on kõige parem harjumus anda failidele ja kaustadele nimesid lühikeste ühesõnaliste nimedega, mis on äratuntavad.
2
Asetage taustpilt HTML-kausta. Sisestage pilt, mida soovite taustana kasutada, HTML-kausta. Kui te ei ole liiga mures selle pärast, et teie veebisait töötaks hästi vanemates aeglasema Interneti-ühendusega seadmetes, peaksite kasutama taustana kõrgema eraldusvõimega pilti. Lihtsad heledate korduvate mustritega pildid on samuti hea valik taustapildi kasuks otsustamisel, et saaksite lugeda mis tahes selle peal olevat teksti.
3
Avage tekstiredaktor või HTML-redaktor. HTML-faili saate luua lihtsa tekstiredaktori rakendusega (nt NotePad Windowsis või TextEdit Macis). Võite kasutada ka seda, mida-näete-on-mida-saad (WYSIWYG) HTML-redaktorit, näiteks Adobe Dreamweaverit. Kui kasutate WYSIWYG-redaktorit, klõpsake lehe alguses uue HTML-faili avamiseks.
4
Klõpsake nuppu Fail. See asub lehe ülaosas menüüribal.
5
Klõpsake nuppu Salvesta nimega (Märkmik) või Salvesta (Tekstiredigeeri). See asub allolevas failimenüüs. Kui kasutate arvutit, klõpsake rippmenüüs “Fail” nuppu Salvesta nimega. Kui kasutate Maci, klõpsake rippmenüüs nuppu Salvesta.
6
Sisestage HTML-dokumendi nimi. Üldjuhul nimetatakse veebisaidi esimest lehte “indeksiks”, kuid võite lehte avada kõike, mida soovite. Tippige faili nimi tekstiväljale “Faili nimi” kõrval.
7
Muutke failitüüp HTML-dokumendiks. Kui kasutate WYSIWYG-redaktorit, peate faili ainult salvestama. Kui kasutate HTML-i loomiseks NotePadi või TextEditi, järgige dokumendi HTML-vormingus salvestamiseks järgmisi samme. Märkmik: asendage failinime lõpus olev laiend “.txt” laiendiga “.html”.TextEdit: kasutage valiku “Failivorming” kõrval olevat rippmenüüd, et valida Wep-leht (.html).
8
Klõpsake nuppu Salvesta. See asub akna alumises paremas nurgas. See salvestab tekstidokumendi HTML-dokumendina.
9
Tippige HTML-dokumendi ülaossa . HTML-kood koosneb avatud ja suletud siltidest. Iga hästi kirjutatud HTML-leht peaks algama -ga. See annab veebibrauserile teada, et HTML-fail on HTML-fail.
10
Kirjutage järgmisele reale. See on teie HTML-koodi avamärgend. See annab brauserile teada, et teie HTML-kood algab siit.
11
Sisestage järgmisele reale
12
Tippige
13
Sisestage järgmisele reale. See on silt, mis sulgeb teie HTML-dokumendi pea. Kui soovite oma HTML-dokumendile lisada muud teavet või laadilehti, kirjutage need kindlasti avamärgendi “
14
Sisestage järgmisele reale
15
Tippige järgmisele reale
16
Lõpetage ülejäänud HTML-dokument. Kui soovite oma veebilehele lisada muid HTML-i elemente, näiteks teksti, pilte, videoid, linke, nuppe jne, lisage need kindlasti oma HTML-dokumendi jaotisesse „Keha”.
17
Sisestage viimasele reale. See on silt, mis sulgeb teie HTML-dokumendi põhiosa. Kui olete lõpetanud kõigi HTML-elementide lisamise, mida soovite oma dokumenti lisada, tippige see silt viimasele reale.
18
Tippige päris lõppu. See on silt kogu teie HTML-dokumendi sulgemiseks. Sisestage see silt viimasele reale.
19
Salvestage HTML-fail. Kui olete kõigega lõpetanud, klõpsake oma töö salvestamiseks nuppu Fail ja seejärel Salvesta. Kogu teie HTML-dokument peaks välja nägema umbes selline:
20
Looge HTML-dokument. Kasutage HTML-dokumendi kirjutamiseks 2. osas kirjeldatud samme. Teie HTML-dokument peaks sisaldama avatud ja sulgevat HTML-märgendit, avatud ja sulgevat peamärgendit ning avatud ja sulgevat kehamärgendit. Taustapildi lisamiseks ei pea te lisama HTML-märgendit. See osa õpetab teile, kuidas määrata taustapilti HTML-i asemel CSS-i abil.
21
Tippige HTML-dokumendi päisesse
. Kui olete kogu CSS-i lisamise lõpetanud, tippige lõppu “
“. See silt sulgeb teie CSS-i.
28
Salvestage HTML-fail. Kui olete kõigega lõpetanud, klõpsake oma töö salvestamiseks nuppu Fail ja seejärel Salvesta. Kogu teie HTML-dokument peaks välja nägema umbes selline:
29
Paremklõpsake HTML-dokumenti. See kuvab sellest paremal hüpikmenüü.
30
Valige Ava koos. See kuvab loendi rakendustest, milles saate HTML-i avada.
31
Valige oma valitud veebibrauser. HTML-i saate avada mis tahes veebibrauseris.
32
Vaadake HTML-fail üle. Vaadake kõik failis üle ja veenduge, et kõik oleks õige. Kui näete brauseri avanemisel taustapildi asemel HTML-koodi, võib HTML-fail olla salvestatud HTML-dokumendi asemel .txt- või rtf-failina. Võite proovida HTML-faili redigeerida mõnes muus tekstiredaktoris.
33
Muutke HTML-faili. Liigutage tekstiredaktori aknas kursorit siltide