Veebilehe loomine
description
Transcript of Veebilehe loomine
![Page 1: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/1.jpg)
DigiTiirgi lisakursus
Veebilehe loomine
![Page 2: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/2.jpg)
DigiTiirgi lisakursus
Veebilehe esilehe loomine
Klõpsake ekraani all vasakul paiknevale Start menüü nupule
Start -> Programs -> SeaMonkey -> SeaMonkey
Avanevas aknas klõpsa menüüribal
Window -> Composer
![Page 3: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/3.jpg)
DigiTiirgi lisakursus
Veebilehe esilehe (index.html) salvestamine
Määrake oma kodulehekülje nimi– valige Format-> Page Title and Properties
avaneb dialoogiaken Page Properties– Sisestage
• lehekülje pealkiri (Title) • autor (Author)
Klõpsake nupul OK ja
salvestage tühi leht. Salvestage valminud fail kausta “Kodulehekülg” ja
andke failile nimi index.htmlindex.html
![Page 4: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/4.jpg)
DigiTiirgi lisakursus
Veebilehe loomine õppematerjalina Sisestage oma veebilehe esilehele
(index.html)Composeri installeerimine arvutisseTöö alustamine ja lõpetamine programmiga SeaMonkey
ComposerUue lehe loomine ja salvestamine
Tekst Tabel Pildid Lingid
Kodulehekülje seaded
![Page 5: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/5.jpg)
DigiTiirgi lisakursus
Veebilehe loomine õppematerjalinaLooge uued veebilehed (alamfailid), milledele pange nimeks Installeerimine.html (sisuks juhend composeri installeerimise
kohta) Alustamine_lopetamine.html (sisuks juhend programmiga töö
alustamiseks ja lõpetamiseks) Tekst.html (Sisuks juhend teksti sisestamise kohta) Tabel.html (Sisuks juhend tabeli loomise kohta) Pildid.html (Sisuks juhend piltide sisestamise kohta) Lingid.html (Sisuks juhend linkide sisestamise kohta) Seaded.html (Sisuks juhend kodulehekülje seadete kohta)
Alamfailid salvestage kausta “Kodulehekülg”
![Page 6: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/6.jpg)
DigiTiirgi lisakursus
Esilehe ja sisulehtede (alamfailide) ühendamine
TEEMA -> ÜHENDATAV FAIL Composeri installeerimine arvutisse –>
Installeerimine.html Töö alustamine ja lõpetamine programmiga
SeaMonkey Composer –> Alustamine_lopetamine.html
Tekst –> Tekst.html Tabel -> Tabel.html Pildid -> Pildid.html Lingid -> Lingid.html Kodulehekülje seaded -> Seaded.html
![Page 7: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/7.jpg)
DigiTiirgi lisakursus
Esilehe ja sisulehtede (alamfailide) ühendamine
Lingi loomine Märgistage “Composeri installeerimine
arvutisse” Klõpsake nupul Avanenud dialoogaknas klõpsake nupul
Choose file Avage kaust “Kodulehekülg” ja klõpsake
failil Installeerimine.html Klõpsake nupul OK
![Page 8: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/8.jpg)
DigiTiirgi lisakursus
Esilehe ja sisulehtede (alafailide) ühendamine
Analoogselt toimige ka teiste linkide loomisel
![Page 9: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/9.jpg)
DigiTiirgi lisakursus
Pildi lisamine
Piltide lisamiseks klõpsake nupul või Insert ->Image
Avaneb Image Properties dialoogaken Avanenud dialoogaknas klõpsake
nupul Choose file Avage kaust “Kodulehekülg” ja
klõpsake pildifaili Klõpsake pupul OK
![Page 10: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/10.jpg)
DigiTiirgi lisakursus
Pildi lisamine
![Page 11: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/11.jpg)
DigiTiirgi lisakursus
Kodulehekülje kujundamine
Kodulehekülje teksti värvide ja tausta seadmiseks andke käsk
Format ->
Page Colors and
Background Valige meelepärased
värvid Klõpsake nupul OK
![Page 12: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/12.jpg)
DigiTiirgi lisakursus
Kodulehekülg on valmis
![Page 13: Veebilehe loomine](https://reader035.fdocument.pub/reader035/viewer/2022081418/56813c30550346895da5afd5/html5/thumbnails/13.jpg)
DigiTiirgi lisakursus
Kodutöö
Loo kodulehekülg oma ainest ühe teema kohta
loo esilehekülg (index.html) loo alamteemade leheküljed loo lingid esilehele
alamlehekülgedest