Odprite program Nvu.
Kliknite tukaj za ogled prejšnje lekcije.
|
|||||
 |
|||||
|
|||||
Na desni strani se prikaže prej ustvarjeno ime spletnega mesta, ki ste ga ustvarili v prvem delu lekcije.
Kliknite na znak plus... |
|||||
|
|||||
..., 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. |
|||||
|
|||||
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. |
|||||
|
|
|
|||||
Določite belo barvo (glej sliko) in potrdite na gumb V redu.
|
|||||
|
|||||
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... |
|||||
|
|||||
...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. |
|||||
|
|||||
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. |
|||||
|
|||||
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... |
|||||
|
|||||
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. |
|||||
|
|||||
Ustvarili ste tabelo z dvemi vrsticami.
Kliknite v spodnji del tabele (glej sliko). |
|||||
|
|||||
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. |
|||||
|
|||||
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 ... |
|||||
|
|||||
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?:) |
|||||
|
|||||
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 ...
|
|||||
|
|||||
Tokrat v oknu določite Širina 10 pik in potrdite na gumb V redu.
|
|||||
|
|||||
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. |
|||||
|
|||||
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. |
|||||
