5. ja 6. praktikumi materjalid

Veebilehekülgede loomine toimetite abil (Kompozer). Fototöötlus II. Kordamine.

5. ja 6. praktikumi ülesanded


On mitut laadi abiprogramme, millega veebilehti luua. Algajatele, kes soovivad ka HTML-i tundma õppida, sobivad hästi sellised WYSIWYG (What You See Is What You Get) programmid, kus on võimalus minna muudatusi tegema ka koodvaates (materjali saab lisada nuppude abil, aga muudatusi saab teha ka koodvaates). Sellise funktsionaalsusega on näiteks Kompozer, SeaMonkey (sisaldab brauseri ja muu funktsionaalsuse kõrval Composerit) ja PageBreeze.

Kompozeris saab nuppude abil lisada pilte, linke ja muud materjali (tab Normal). Samuti saab muudatusi teha koodvaates (tab Source).

Kompozer

Programmi on võimalik seadistada kasutama kas CSS-stiile või HTML-elemente. Selleks et kasutusel oleks HTML, tuleb valida menüüst Tools > Options ja võtta linnuke ära CSS-stiilide valiku eest.

Kompozer

Teksti fondi valimine
Format > Font

Teksti värvi valimine
Format > Text Color

Pealkirjade valimine
Format > Paragraph

Materjali paigutamine vasakule, keskele või paremale
Format > Align

Linkide ja tausta värvi valimine
Format > Page Colors and Background

Lehekülje üldpealkirja (Title) muutmine
Format > Page Title and Properties

Pildi lisamine
Insert > Image
Kui html-dokument ei ole veel salvestatud, siis enne piltide lisamist on see vajalik, et vältida koodi käsitsi parandamist. Samuti märkida "URL is relative to page location". NB! Serverisse tuleb laadida nii HTML-failid kui ka pildifailid.

Kompozer

Tabeli lisamine
Insert > Table

Tabeli lisamine

Tabeli lahtrite ühendamine

Table > Join Selected Cells

Tabeli lahtrite ühendamine

Lingi lisamine
Insert > Link

Joone lisamine
Insert > Horizontal Line

Fototöötlus II

Piltide muutmine mustvalgeks

Ava pilt, mida on vaja mustvalgeks muuta. Seejärel vali IrfanView menüüst Image > Convert to Grayscale ja seejärel salvesta.

Ekraanipiltide loomine

Selleks et saada pilti arvuti ekraanil kujutatust, on mitu võimalust. Kasutada võib klahvi Print Screen (prt sc). Pärast klahvi vajutamist ava fotoprogramm, nt IrfanView ja vali menüüst Edit > Paste. Seejärel saab pildist juba sobiva osa välja lõigata (märgi pildil sobiv osa ja vali Edit > Crop selection).

Teine võimalus on kasutada Windowsi tööriista Snipping Tool. Vajuta nuppu New ja vali ekraanilt sobiv ala.

Snipping Tool

Enne veendu, et valitud on Mode > Rectangular Snip.

Snipping Tool




5. ja 6. praktikumi ülesanded

Programm veebilehtede loomiseks - Kompozer (lae alla siit.)