Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Izdelava spletne strani | 02

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  V drugem delu lekcij izdelave osebne spletne strani, bomo pripravili barve in ogrodje za vhodno spletno stran.
 
 
1
 
 
Odprite program Nvu.

Kliknite tukaj za ogled prejšnje lekcije.
 
 
2
 
 
Na desni strani se prikaže prej ustvarjeno ime spletnega mesta, ki ste ga ustvarili v prvem delu lekcije.

Kliknite na znak plus...
 
 
3
 
 
..., da se prikaže vsebina, ki ste jo pripravili.

Kliknite dvakrat na index.html, da ga boste začeli urejati v glavnem oknu programa Nvu.
 
 
4
 
 
Kliknite zgoraj na Oblika in izberite Barve strani in ozadje.

V novem oknu označite Uporabi lastne barve in kliknite na kvadratek za določanje barve pri polju Navadno besedilo.
 
 
 
 
 
5
 
 
Določite belo barvo (glej sliko) in potrdite na gumb V redu.
 
 
6
 
 
Na isti način storite to še za Besedilo povezave, Besedilo aktivne povezave, in Besedilo obiskane povezave (glej sliko).

Potema pa kliknite na izbirnik za barvo polja Ozadje...
 
 
7
 
 
...in v novem oknu v polje Šestnajstiško vpišite vrednost #5F8CBB, ki predstavlja modro barvo in potrdite na gumb V redu.

Če boste določili drugo barvo, boste lahko imeli težave v naslednjih lekcijah!

Potrdite na gumb V redu, da zaprete okno barve in ozadje strani.
 
 
8
 
 
Sedaj pa bomo določili tabele, ki bodo služile za postavitev kasnejših elemetov, kot so slike in povezave na podstrani.

Kliknite na ikono Tabela.
 
 
9
 
 
Odpre se novo okno, kjer kliknete na zavihek Natančno in nato v polje Vrstice vpišete 2 in Stolpci 1.

Širina določite 100 in poleg % okna (glej sliko).

Okvir določite 0 in nato kliknite na gumb Napredno spreminjanje.

Posvetujte se na forumu za obrazložitev omenjenih vrednosti...
 
 
10
 
 
Prikaže se novo okno, kjer morate cellspacing in cellpadding določite vrednost na 0 (glej sliko).

Potrdite na gumb V redu in nato še enkrat, da potrdite ustvarjanje tabele.
 
 
11
 
 
Ustvarili ste tabelo z dvemi vrsticami.

Kliknite v spodnji del tabele (glej sliko).
 
 
12
 
 
Potem pa kliknite zgoraj na Vstavi in izberite Tabela ...

Odpre se novo okno, kjer kliknete na zavihek Natančno in nato v polje Vrstice vpišete 1 in Stolpci 3.

Širina določite 100 in poleg % okna (glej sliko).

Okvir določite 0 in nato kliknite na gumb Napredno spreminjanje, kjer ponovno določite cellspacing in cellpadding vrednost na 0.

Potrdite spremembe dvakrat na gumb V redu.

Spodaj se pojavi nova vrstica tabele, kjer kliknite vanjo in nato pritisnite tipko DEL.

Tukaj smo točneje pobrisali prazno vsebino zgornje celice, deluje pa kot da je nova.
 
 
13
 
 
V spodnji del tabele smo vstavili novo tabelo s tremi stolpci.

Kliknite sedaj v levi stolpec, saj mu bomo določili fiksno širino.

V ta stolpec bomo kasneje vstavili sliko.

Kliknite v omenjeni stolpec z desnim miškinim gumbom in izberite Celica tabele Lastnosti ...
 
 
14
 
 
V novem oknu v polju Velikost označite Širina in vpišite 280 pik ter potrdite na gumb V redu.

Ali mogoče veste koliko bo široka slika, ki jo bomo vstavili v to tabelo?:)
 
 
15
 
 
Kliknite sedaj na sredinsko prej vnešeno tabelo (glej sliko) in ponovno stolpec vanj kliknite  z desnim miškinim gumbom in izberite Celica tabele Lastnosti ...
 
 
16
 
 
Tokrat v oknu določite Širina 10 pik in potrdite na gumb V redu.
 
 
17
 
 
Sedaj bomo še ustvarjeno shranili, vendar pod novim formatom za kodiranje, ki je univerzalni in ne boste imeli težav s šumniki in ostalimi znaki na drugih računalnikih.

Kliknite zgoraj na Datoteka in izberite Shrani in spremeni kodiranje znakov.

V novem oknu v polju Kodiranje znakov označite Unicode (UTF-8) in potrdite na gumb V redu.
 
 
18
 
 
V pogovornem oknu ponovno (oziroma pusite) vpišite ime index.html in potrdite na gumb Shrani.

Seveda se morate nahajati v mapi, ki je ustvarjena za datoteke, ki so namenjene spletni strani (v mojem primeru NikMan-ova spletna stran).

Kliknite tukaj za ogled naslednje lekcije.
 
 
Komentiraj
 
 
 
 
 
15.6.2008, 12:49
meni mi ne uspe 12. in 13. korak. mi naredi še eno celico [url=http://shrani.si/?3l/TZ/11hqByMs/odlozisce01.png][img]http://shrani.si/t/3l/TZ/1
1hqByMs/odlozisce01.jpg[/img][/url]
 
 
 
 
15.6.2008, 12:54
upam da bo tale link pravi http://shrani.si/f/3l/TZ/11hqByMs/odlozisce01.png
 
 
 
 
15.6.2008, 16:50
Sem pogledal in vidim, kaj to naredi. Sem popravil tekst v omenjenem koraku:

Spodaj se pojavi nova vrstica tabele, kjer kliknite vanjo in nato pritisnite tipko DEL.

Tukaj smo točneje pobrisali prazno vsebino zgornje celice, deluje pa kot da je nova.
 
 
 
 
14.7.2008, 19:31
a morjo bit nujno 2 vrstice??kr js nebi mel biografija,spomini,... ampak bi mel mau več sam mi en pride not...
 
 
 
 
15.7.2008, 7:24
Kaj pa če bi sliko na levi povečal in dodal kako vrstico več?
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!