DigiTiirgi lisakursus

Veebilehe loomine

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

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

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

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”

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

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

DigiTiirgi lisakursus

Esilehe ja sisulehtede (alafailide) ühendamine

Analoogselt toimige ka teiste linkide loomisel

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

DigiTiirgi lisakursus

Pildi lisamine

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

DigiTiirgi lisakursus

Kodulehekülg on valmis

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