Osnove izdelave spletnih strani s programom NVU

Namen te strani je, da uporabnik osvoji osnove za izdelavo preproste spletne strani.

Pri sami izdelavi moramo biti pozorni na obliko, barvo, pisavo in druge oblikovne prvine. Uradni pravil o izgledu ni, a vendar moramo paziti na estetiko. Preden začnemo z izdelavo moramo vedeti, kakšna bo vsebina strani, da lahko izberemo ustrezne barve. Barvna kombinacija lahko spletnega iskalca pritegne ali odbije. Strmeti moramo k temu, da najbolje predstavimo, kar želimo predstaviti, in da bralcu ne vzbudi pozornost kakšna nepomembna stvar. Če nimamo ideje, jo lahko najdemo na svetovnem spletu. Ko dovolj dolgo brskamo, se naučimo razlikovati med dobro in slabo narejeno stranjo.


KAZALO

NAMESTITEV PROGRAMA NVU(Kazalo)

1. Prenesemo namestitveno datoteko in jo shranimo na disk.

2. Prenesemo dodatek za SLOVENSKI JEZIK in ga shranimo na disk.

3. Dodatek je potrebno razširiti saj shranjen v formatu ZIP. (Uporabimo Raziskovalec)

4. Poženemo namestitveno datoteko in sledimo navodilom za namestitev.

5. Zaženemo program NVU.

NAMESTITEV SLOVENSKEGA VMESNIKA (Kazalo)

1. V meniju TOOLS izberemo EXTENSIONS.

2. V oknu, ki se pojavi pritisnemo gumb INSTALL in na disku poiščemo in označimo dodatek, ki smo ga prenesli. Pritisnemo gumb ODPRI.

3. V novem oknu pritisnemo gumb INSTALL NOW.

4. Zapremo dodatno okno in NVU.

5. Ponovno zaženemo NVU in prebudi se v SLOVENSKEM JEZIKU.

IZGLED IN ELEMNTI UREJEVALNIKA NVU (Kazalo)

zacetna

1. Menijska vrstica
2. Orodne vrstice
3. Ravnila
4. Stranska vrstica (Za začetno delo predlagam, da jo izklopite.)
5. Možnost izbire pogleda
6. Statusna vrstica
7. Delovna površina

SHRANJEVANJE STRANI (Kazalo)

Ko prvič shranjujemo stran moramo najprej vpisati Naslov strani. Nato izberemo lokacijo, kam bomo stran shranili. Če je to naša vstopna ali začetna stran mora imeti ime "index" in končnico htm ali html (končnico doda program). Vse druge podstrani imajo lahko poljubna imena.

BESEDILO (Kazalo)

Besedilo, ki ga natipkamo bo prikazano na svetovnem spletu. Zato ga je potrebno primerno urediti. Besedilo, ki ga želimo urejati ali oblikovati moramo pred tem označiti. Za oblikovanje in spreminjanje besedila lahko uporabljamo gumbe v drugi in tretji orodni vrstici. Tisti zahtevnejši pa najdejo vse kar potrebujejo v meniju Oblika. Pri oblikovanju lahko spreminjamo: pisavo, barvo besedila, velikost pisave, slog pisave (krepko, poševno, podčrtano, ...), poravnavo (levo, desno, sredinsko, obojestransko), zamik besedila, ... . Pri oblikovanju naslovov lahko uporabimo uporabimo že pripravljene naslove označene od 1 do 6. Priporočljiva je uporaba odstavkov. Za lepše urejanje raznih seznamov lahko uporabimo neoštevilčeno ali oštevilčeno označevanje.

Besedilo lahko prenesemo iz drugih tekstovnih datotek z uporabo ukazov Kopiraj in Prilepi. Pri takem prenosu se večina oblikovanja izgubi.

OZADJE STRANI (Kazalo)

Ozadje je površina na katero je postavljena celotna stran. V osnovi imamo dve možnosti:

  • Spreminjamo mu barvo.
  • Dodamo sliko, ki leži za preostalo vsebino.
Dodajanje slike ali barve:
  • Desni klik na <body> v spodnjem desnem kotu (statusna vrstica).
  • Izberemo ukaz Notranji stili in nato Lastnosti ozadja.
  • V novem oknu izberemo barvo ozadja ali sliko.
  • Sliko lahko razporedimo po celotnem ozadju, postavimo na sredino, postavimo na rob, razporedimo v navpični ali vodoravni smeri.
  • Poleg uporabe priročnega menija, lahko uporabimo meni OBLIKA kjer izberemo Barve strani in ozadja.

POGLED STRANI (Kazalo)

V spletnem urejevalniku NVU imamo na voljo štiri poglede:

  • NAVADNO - pokaže videz strani, kakor bo prikazana na svetovnem spletu. Vidne so obrobe tabel in sidra.
  • ZNAČKE HTML - prikaže nam vse uporabljene značke. S klikom na značko označimo element za njo. Nastavljamo lahko dodatne atribute.
  • KODA - pokaže kodo HTML celotne strani.
  • PREDOGLED - pokaže stran, kot bo prikazana v brskalniku.
V nobenem pogledu ne delujejo animacije, skripti in povezave.

Poglede najdemo v meniju POGLED ali kot zavihke na dnu delovne površine.

SIDRA (Kazalo)

Če se želimo premikati znotraj strani s pomočjo povezav, lahko uporabimo SIDRA.

Postopek dodajanja sider:

  • S klikom izberemo mesto na katero želimo skočiti.
  • Kliknemo na gumb SIDRO v orodni vrstici. (Meni VSTAVI >>> Imenovano sidro)
  • V oknu, ki se prikaže, izberemo ime za to mesto in vse skupaj potrdimo. (V redu)
  • Izberemo mesto, s katerega želimo skočiti k sidru.
  • Izdelamo povezavo. Kliknemo na gumb POVEZAVA v orodni vrstici. (Meni VSTAVI >>> Povezava)
  • Kot naslov zapišemo ime sidra, pred katerim zapišemo znak #.
  • S tem povemo, da želimo ob kliku na povezavo skočiti na del strani, kjer je sidro.
Znotraj strani je lahko neomejeno število takšnih povezav. Če uporabljamo več sider, morajo imeti vsa različna imena.

GRAFIKA (Kazalo)

K lepšemu videzu spletne strani vsekakor pripomorejo tudi slike. Slike so lahko v formatu jpg, gif ali png. Priporočljivo je, da imamo vse slike, ki ji nameravamo uporabiti, shranjene v mapi, kjer imamo datoteko strani ali v njeni podmapi.

Vstavljanje slike:

  • Kliknemo na mesto kjer želimo vstaviti sliko.
  • V orodni vrstici kliknemo gumb Slika ali v meniju Vstavi izberemo Slika.
  • Ko se odpre novo okno, pritisnemo gumb Izberi datoteko in izberemo željeno sliko.
  • Zapišemo nadomestno besedilo. To je besedilo, ki se bo prikazalo, če ima brskalnik onemogočen prikaz slik. Če tega ne želimo kliknemo Ne uporabi nadomestnega besedila.
  • V spodnjem delu okna vidimo predogled slike in njeno trenutno velikost.
  • Če želimo spremeniti velikost slike lahko kliknemo na zavihek Mere izberemo Velikost po meri in vpišemo željeno velikost. Velikost slike lahko spreminjamo tudi tako, da kliknemo na sliko. Ko se pojavi okvir, ga poljubno raztegujemo ali krčimo v vse smeri.
  • Če želimo sliki dodati še povezavo kliknemo na zavihek Povezava in vnesemo lokacijo.
  • V zavihku Izgled lahko določimo razmik ali odmik besedila od slike, debelino okvirja okoli slike in poravnavo besedila k sliki.
  • S potrditvijo je slika vstavljena in urejena.
  • Če želimo sliko ponovno oblikovati, kliknemo na njo z desnim miškinim gumbom in izberemo Slika Lastnosti.

TABELE (Kazalo)

Tabela je mreža, sestavljena iz vrstic in stolpcev. Uporabljamo jo za poravnavo podatkov (slik, povezav, oblik, besedila) v vrstice in stolpce celic. Mreža je lahko vidna ali nevidna in ni treba, da je pravilna. Obrobe, ozadje in besedila tabele so lahko v poljubni barvi in jih poljubno spreminjamo.

Vstavljanje tabele:

  • Pritisnemo gumb TABELA ali meni Tabela izberemoVstavi in Tabela.
  • Odpre se novo okno s tremi zavihki:
    • HITRO - z vlečenjem označimo število vrstic in stolpcev
    • NATANČNO - ročno vnesemo število vrstic in stolpcev, velikost in debelino obrobe
    • CELICA - urejamo posamezno celico
  • Nastavimo vse potrebno in potrdimo.
Če z velikostjo tabele nismo zadovoljni, lahko kliknemo nanjo. Pojavi se okvir za določanje velikosti. Velikost lahko poljubno spreminjamo. Za spreminjanje lastnosti tabele izberemo meni Tabela in nato Lastnosti tabele. Spreminjamo lahko lastnosti celotne tabele ali samo ene celice. Stolpce in vrstice lahko brišemo ali dodajamo s pomočjo puščic in križcev, ki se pojavijo nad označeno celico ali levo od nje. Celice lahko tudi združujemo ali ločujemo. (Meni Tabela - Združi s celico na desni, Združi izbrane celice ali Loči celico) Besedilo, ki ga vnesemo v tabelo poravnavamo in oblikujemo na enak način kakor besedilo zunaj tabele.

POVEZAVE (Kazalo)

Povezave so glavni del hitrega premikanja med stranmi in po strani sami. Povezavo lahko dodelimo vsakemu elementu na strani. Največkrat pa za povezavo uporabimo besedo ali sliko.

Ustvarjanje povezave:

  • Označimo besedo, besedilo ali sliko, kateri želimo dodati povezavo.
  • Pritisnemo gumb POVEZAVA v orodni vrstici ali meni Vstavi, kjer izberemo Povezava.
  • Odpre se okno v katero vpišemo lokacijo, kamor želimo, da nas povezava premakne.
    • povezava do naše podstrani
    • povezava do spletne strani nekega drugega avtorja
    • povezava do sidra
    • povezava na elektronsko pošto (moramo označiti - Zgoraj je naslov e-pošte)
  • Vse skupaj potrdimo in povezava je vzpostavljena.

Pri vpisovanju URL naslovov moramo vpisati celoten naslov. Npr. http://www.alescimpric.com

Ko določimo povezavo besedilu, se besedilo podčrta in obarva modro. Barvo povezave lahko tudi spremenimo.

  • Meni ORODJA kjer izberemo Nastavitve.
  • V novem oknu izberemo Nastavitve nove strani.
  • Kliknemo na Uporabi barve po meri in izberemo željene barve za besedilo, povezave in ozadje.
  • Vse skupaj potrdimo in barve so spremenjene.

SLOJI (Kazalo)

S pomočjo slojev lahko postavimo vsebino strani po želji. Vse kar moramo storiti je, da izberemo vsebino, ki jo želimo premikati in kliknemo v orodni vrstici na gumb Sloj. Sedaj lahko vsebino premikamo z gumbom v zgornjrm desnem kotu označene vsebine. Za vse sloje velja:

  • sestavljen je lahko iz vseh elementov (besedilo, slika, tabela, ...),
  • po strani ga lahko premikamo poljubno,
  • položaj lahko določimo do pike natančno,
  • velikost sloja spreminjamo po želji (Izberemo željeno točko na okvirju sloja in ga razširimo.),
  • v primeru več slojev lahko določimo njihov vrstni red (V orodni vrstici uporabimo gumba Pošlji v ospredje ali Pošlji v ozadje.).