index

Postavitev domače strani

Potrebščine

programska oprema

Internet Explorer in Microsoft Frontpage ali Netscape Communicator (programa Composer in Navigator). Posamezne dokumente naše strani pišemo z programoma Frontpage ali Composer, gledamo pa jih z Exporerjem ali Navigatorjem. Imena dokumentov naj bodo dolga do 8 znakov (črke in številke brez šumnikov ter končnico htm.
program za prenos datotek na strežnik in s strežnika (npr CoffecCupFTP),
program za delo v tekstovnem načinu (kar Notepad iz Pripomočkov, odličen TextPad)
program za delo s slikami z možnostjo skeniranja (CorelPaint, PaintShopPro, Adobe Photoshop, itd.)

fotografije, slike, risbe, zvoki, filmi, ki jih želimo obesiti na stran. Pazimo na avtorstvo. Najboljše je, da so stvari na naši strani naše.
risbica ali fotografija za ozadje,
dostop do strežnika in nekaj MB prostora na njem (strežnik je računalnik, na katerem je shranjena stran in je neprestano vključen). V splošnem prostor ni zastonj, nekaj je treba plačati za mesečno ali letno najemnino.
priročnik o HTML-ju , ki ga je na svojo stran ljubeznivo obesil moj trboveljski kolega Marjan Kozjek,

Katero programsko opremo uporabljamo sam

Uporabljam staro verzijo Netscape Communicatorja (4.7). Pred kratkim sem naložil tudi zadnjo, še čisto frišno verzijo (7.0). Vendar so razlike med staro in novo verzijo za nas sladokusce nepomembne in še vedno raje uporabljam staro verzijo. Za prenos datotek sem uporabljal včasih CuteFTP, odkar pa ni več zastonj, pa shareware CoffeCupFTP. Z zadnjim sem zelo zadovoljen, ker lahko datoteko, ki bi jo rad popravljal, potegnem direktno s spleta v tekstovni editor in potem shranim direktno nazaj na splet. Poleg tega uporabljam še Textpad ali kar Notepad, za urejanje slik pa staro verzijo PainsShopPro (mislim da 4.0). Novejše niso več shareware.

Nazaj

Priprava

Skeniranje slik

Slike, ki jih želimo imeti na strani, moramo spraviti v elektronsko obliko in in enega od formatov .GIF ali .JPG. Do elektronske oblike slik pridemo običajno na dva načina

poskeniramo fotografije, ki smo jih posneli s klasičnim aparatom. Potrebujemo skener (priprava, ki jo priključimo na računalnik preko COM ali USB vrat, stane okrog 30.000SIT) ter programsko opremo. Programska oprema za obdelavo slik in prepoznavanje teksta je običajno v prodajni košarici pri nakupu skenerja.
fotografije lahko posnamemo tudi z digitalnim fotoaparatom, ki slike že shrani v elektronski obliki. Na različne načine (povezovalni kabel, smart kartice) tako sliko prenesemo na disk našega računalnika.
v obeh primerih moramo sliko s primerno programsko opremo še obdelati - odrezati nezanimive dele, osvetliti, povečati ali pomanjšati ter spremeniti slike v JPG format, ki omogoča najbolj kompresirane slike. Zainteresirani smo, da je slika čim krajša, da se hitro nalaga. Za prikazovanje na spletu ni potrebno, da je slika zelo obsežna - zadošča resolucija 400x300. Če računamo, da je po običajnem omrežju hitrost prenosa 4kB/s, se bo 40kB dolga slika nalagala že 10s. To naj bo tudi zgornja meja nalaganja. Slike shranjujmo pod takimi imeni, da jih potem lahko najdemo. Imena naj ne vsebujejo velikih črk in šumnikov, imajo pa naj do 8 znakov (črke in številke) ter podaljšek.
Slike lahko damo poskenirati tudi k sosedu ali v fotografski studio. Domov bomo odnesli disketo s slikami. Vendar bi utegnili biti najbolj zadovoljni, če vse skupaj opravimo sami.

Zbiranje tekstovnega gradiva

Preglejmo razne čebelarske tekste in knjige ter si označimo stvari, za katere se nam zdi, da bi jih lahko prirejene porabili na strani.

Zbiranje zaznamkov zanimivih internetnih strani

Pri surfanju po spletu večkrat naletimo na nam zanimivo stran. Shranimo zaznamek te strani in njen URL (Uniform Resource Locator, torej naslov) ponudimo

obiskovalcu naše strani, skoraj obvezno z našim kratkim komentarjem.

Nazaj

Prvi poskusi

Na disku si recimo v mapi Moji dokumenti naredimo mapo z imenom Stran. V to mapo znosimo vse poskenirane slike, tu bomo tudi shranili vse dokumente, ki jih bomo naredili s Composerejm ali Frontpageom. Najprej si bomo stran ogledali v tej mapi in šele nazadnje jo bomo prenesli na strežnik. podmap naj vsaj zaenkrat mapa Stran nima.
Odprimo v Composerju (ali Frontpageu) novo datoteko in jo takoj shranimo z naslovom zacetek.htm (nič velikh črk, nič šumnikov) Nato se malo razglejmo po Composerju (ali FrontPageu). Opazili bomo, kje lahko spreminjamo nabore, poravnavo beselila levo, v sredino, oštevilčenje, vstavljanje slik, tabel, črt in linkov. Vse skupaj zelo spominja na Word. Dodatna zadeva je ukaz Link. Če najprej ozmačimo poljuben del besedila ali sliko, nato pa kliknemo Link, bo na tem mestu nastala povezava na dokument, katerega naslov bomo navedli. Primer: Zgoraj je bila tako narejena povezava na CoffeCupFTP. Povezava se sama označi modro.

Napišemo nekaj besedila in vstavimo kako črto in kako sliko. Pazimo, da je slika največ kaki h 500x400. Format slik mora biti JPG ali GIF. Nato shranimo dokument v našo mapo in kliknemo Preview. Iz Composerja (Frontpagea) se avtomatsko preselimo v Navigator (Explorer) in si ogledamo našo prvo mojstrovino.

Že napisan tekst lahko odpreš v Navigatorju (File/Open Page/Choose File). Naloži se izbrani tekst in prikaže na ekranu. Nato ukaz File/EditPage) to stran preseli v Composer, kjer jo lahko urejamo.

Poskusimo dodati črto, sliko, tabelo itd. Vsake toliko časa shranimo dokument. Ko se naveličamo, se nazaj v Navigator preselimo z ukazom Preview in si tam ogledamo mojstrovino, ki se veča.

Nazaj

Vstavljanje črte

Na izbranem mestu, kjer hočemo imeti vodoravno črto, kliknemo v Composerju H. Line iz orodjarne zgoraj. Z klikom desnega gumba miške na njej se nam odpre okno Line Properties in lahko črto še nekoliko spreminjamo.

Nazaj

Vstavljanje slike

Datoteko s sliko imamo pripravljeno najboljše v isti mapi kot tekst, kamor bomo sliko vstavili. Ime datoteke vsebuje do 8 črk in številk) ima končnico gif ali jpg, datoteka sama pa ni daljša od kakih 50KB. Naprej ravnamo takole:

V Composerju kliknemo Image (Insert Image). Pojavi se nam okno Image properties. Dobro si ga ogledamo. Prvi del govori o tem, kje se slika nahaja, drugi, kako naj tekst sliko obliva, tretji o velikosti slike ter robu okrog nje.
Izberemo Choose File. Odpre se nam okno z datotekami, med katerimi izberemo naslov slike. Ko nato kliknemo Open, se nam naslov s celotno potjo naloži v prazno vrstico okna Image Properties pod File Location. Preverimo, če je naslov pravi.
Nastavimo še višino ali širino (nikoli oboje, da ne podremo razmerja na sliki). Recimo 300. Gumb Constrain pomaga to razmerje ohranjati.
Prostor okrog slike in rob je običajno 0 pixlov in to je (skoraj vse)Tale slika je široka 250 pixlov.
S desnim klikom na sliko se nam odprejo možnosti Image Properties (prejšnje okno) , možnosti za ustvarjanje povezave Create link using Selected, klic urejevalnika slik Edit Image (uporabimo, ko v zadnjem hipu opazimo, da je slika spresvetla ali pretemna ali da bi jo lahko drugače obrezali). Če v urejevalniku slik kaj delamo, ne pozabimo shraniti sprememb, sicer bo naše delo zastonj.

Nazaj

Povezave (linki) na isti strani.

Najprej po strani razpostavimo Tarče (Target). V temle tekstu bodo Tarče Naslovi za številkami. Z miško vsak naslov posebej označim, nato pa kliknem na Target v Orodjarni zgoraj. Pri vsakem kliku se odpre okno Enter the name of the target. Če smo z imenom, ki se nam ponuja, zadovoljni, kliknemo samo OK, sicer pa ga najprej spremenimo.
Sedaj naredimo povezavo do te tarče. Namen povezave je, da nas program s klikom na povezavo da na tekst, ki je označen s to tarčo. S povezavami torej lahko skačemo po poljubno dolgem tekstu. Spodobi se, da potem ponudimo tudi možnost skoka nazaj.
Povezavo naredimo takole: Skopiram in prilepim (tipkovnica CTRL-C, CTRL-V) 1. zgornji podnaslovček

Potrebščine (nato ta tekst označim in kliknem ikono Link v orodjarni zgoraj Pokaže se mi okno z vsemi tarčami in izmed njih izberem tarčo Potrebščine. Beseda postane modra in podčrtana. V pregledovalniku se bom ob kliku na to besedo zapeljal na vrh tega teksta na potrebščine.
Grem gor postaviti še tarčo Nazaj z linkom na ta del teksta, torej Povezave na isti strani. Na koncu teksta Potrebščine torej napišem besedo Nazaj ter ji priredim link na tarčo Povezave.

V brskalniku sedaj z zaporednim klikanjem med Potrebščine in Nazaj skačem med tema dvema tekstoma.Nazaj

Preprost primer kazala

Potrebščine

Katero programsko opremo uporabljamo sam

Priprava

Prvi poskusi

Vstavljanje črte

Vstavljanje slike

Povezave (linki) na isti strani.

Preprost primer kazala

Linki na druge dokumente

Pri Kreiranju zgornjih linkov niti nisem potreboval ikone Link iz orodjarne. Besedilo označim in na njem kliknem desni gumb miške. Odpre se mi okno, ena od ponujenih možnosti je tudi Create link s ponudbo vseh tarč. Preizkusite to kazalo v brskalniku s klikanjem na posametne povezave.

Linki na druge dokumente

Link na začetek

Slika za ozadje

Tabele

Tole je tabela z eno vrstico in dvema stolpcem ter nagravžno pobarvanim ozadjem
Debelina črt za robove je 1.Ko smo v tabeli, nam desni klik miške omogoči
dodatno urejanje cele tabele, samo trenutne vrstice ali pa samo celice, v kateri smo.

V tej tabeli pa je slika.
Slike precejkrat zložim
v tabelo, če želim, da
ostanejo skupaj.
Slika in tekst sta centrirana z ukazom
Center iz orodjarne.

Izvorna koda strani - stran zapisana v HTML-ju (HyperText Markup Language - jezik za opis teksta z dodatki (slike, zvok, filmi))

<ul>
<li>
programska oprema</li>

<ul>
<li>
Internet Explorer in Microsoft Frontpage 
ali <a href="http://netscape.com/">Netscape Communicator</a> (programa
Composer in Navigator).  Posamezne dokumente naše strani pišemo z
programoma Frontpage ali Composer, gledamo pa jih z Exporerjem ali Navigatorjem.
Imena dokumentov naj bodo dolga do 8 znakov (črke in številke brez šumnikov
ter končnico htm.</li>

<li>
program za prenos datotek na strežnik
in s strežnika (npr <a href="http://www.coffeecup.com/">CoffecCupFTP</a>),</li>

<li>
program za delo v tekstovnem načinu (kar
Notepad iz Pripomočkov, odličen TextPad)</li>

<li>
program za delo s slikami z možnostjo
skeniranja (CorelPaint, PaintShopPro, Adobe Photoshop, itd.)</li>
</ul>

<li>
fotografije, slike, risbe, zvoki, filmi,
ki jih želimo obesiti na stran. Pazimo na avtorstvo. Najboljše je, da so
stvari na naši strani naše.</li>

<li>
risbica ali fotografija za ozadje,</li>

<li>
dostop do strežnika in nekaj MB prostora
na njem (strežnik je računalnik, na katerem je shranjena stran in je neprestano
vključen). V splošnem prostor ni zastonj, nekaj je treba plačati za mesečno
ali letno najemnino.</li>
</ul>
<a href="#Povezave (linki) na isti strani.">Nazaj</a>
 
<hr WIDTH="100%">
<li>
<a NAME="Katero programsko opremo uporabljamo"></a>Katero
programsko opremo uporabljamo sam</li>

<ol>Uporabljam staro verzijo Netscape Communicatorja (4.7).
Pred kratkim sem naložil tudi zadnjo, še čisto frišno verzijo (7.0). Vendar
so razlike med staro in novo verzijo za nas sladokusce  nepomembne
in še vedno raje uporabljam staro verzijo. Za prenos datotek sem uporabljal
včasih CuteFTP, odkar pa ni več zastonj, pa shareware CoffeCupFTP. Z zadnjim
sem zelo zadovoljen, ker lahko datoteko, ki bi jo rad popravljal, potegnem
direktno s spleta v tekstovni editor in potem shranim direktno nazaj na
splet.  Poleg tega uporabljam še Textpad ali kar Notepad, za urejanje
slik pa staro verzijo PainsShopPro (mislim da 4.0). Novejše niso več shareware.
 <a href="#Preprost primer">Nazaj</a></ol>

<hr WIDTH="100%">
<li>
<a NAME="Priprava"></a>Priprava</li>

<ul>
<li>
Skeniranje slik</li>

Slike, ki jih želimo imeti na strani,
moramo spraviti v elektronsko obliko in in enega od formatov .GIF ali 
.JPG.  Do elektronske oblike slik pridemo običajno na dva načina
<ul>
<li>
poskeniramo fotografije, ki smo jih posneli
s klasičnim aparatom. Potrebujemo skener (priprava, ki jo priključimo na
računalnik preko COM ali USB vrat, stane okrog 30.000SIT) ter programsko
opremo. Programska oprema za obdelavo slik in prepoznavanje teksta je običajno
v prodajni košarici pri nakupu skenerja.</li>

<li>
fotografije lahko posnamemo tudi z digitalnim
fotoaparatom, ki slike že shrani v elektronski obliki. Na različne načine
(povezovalni kabel, smart kartice) tako sliko prenesemo na disk našega
računalnika.</li>

<li>
v obeh primerih moramo sliko s primerno
programsko opremo še obdelati - odrezati nezanimive dele, osvetliti, povečati
ali pomanjšati ter spremeniti slike v JPG format, ki omogoča najbolj kompresirane
slike. Zainteresirani smo, da je slika čim krajša, da se hitro nalaga.
Za prikazovanje na spletu ni potrebno, da je slika zelo obsežna - zadošča
resolucija 400x300.  Če računamo, da je po običajnem omrežju hitrost
prenosa 4kB/s, se bo  40kB dolga slika nalagala že 10s. To naj bo
tudi zgornja meja nalaganja.  Slike shranjujmo pod takimi imeni, da
jih potem lahko najdemo. Imena naj ne vsebujejo velikih črk in šumnikov,
imajo pa naj do 8 znakov (črke in številke) ter podaljšek.</li>

<li>
Slike lahko damo poskenirati tudi k sosedu
ali v fotografski studio. Domov bomo odnesli disketo s slikami. Vendar
bi utegnili biti najbolj zadovoljni, če vse skupaj opravimo sami.</li>
</ul>

<li>
Zbiranje tekstovnega gradiva</li>

Preglejmo razne čebelarske tekste
in knjige ter si označimo stvari, za katere se nam zdi, da bi jih lahko
prirejene porabili na strani.
<li>
Zbiranje zaznamkov zanimivih internetnih
strani</li>

Pri surfanju po spletu večkrat naletimo
na nam zanimivo stran. Shranimo zaznamek te strani in njen URL (Uniform
Resource Locator, torej naslov)  ponudimo
 obiskovalcu naše strani, skoraj obvezno
z našim kratkim komentarjem.
 <a href="#Preprost primer">Nazaj</a>
 
<hr WIDTH="100%"></ul>

<li>
<a NAME="Prvi"></a>Prvi poskusi</li>

<ol>
<li>
Na disku si recimo  v mapi Moji dokumenti naredimo mapo
z imenom Stran. V to mapo znosimo vse poskenirane slike, tu bomo tudi shranili
vse dokumente, ki jih bomo naredili s Composerejm ali Frontpageom. Najprej
si bomo stran ogledali v tej mapi in šele nazadnje jo bomo prenesli na
strežnik. podmap naj vsaj zaenkrat mapa Stran nima.</li>

<li>
Odprimo v Composerju (ali Frontpageu) novo datoteko in jo
takoj shranimo z naslovom zacetek.htm  (nič velikh črk, nič šumnikov)
Nato se malo razglejmo po Composerju (ali FrontPageu). Opazili bomo, kje
lahko spreminjamo nabore, poravnavo beselila levo, v sredino, oštevilčenje,
vstavljanje slik, tabel, črt in linkov. Vse skupaj zelo spominja na Word.
Dodatna zadeva je ukaz Link. Če najprej ozmačimo poljuben del besedila
ali sliko, nato pa kliknemo Link, bo  na tem mestu nastala povezava
na dokument, katerega naslov bomo navedli. Primer: Zgoraj je bila tako
narejena povezava na CoffeCupFTP. Povezava se sama označi modro.</li>

<li>
Napišemo nekaj besedila in vstavimo kako črto in kako sliko.
Pazimo, da je slika največ kaki h 500x400. Format slik mora biti JPG ali
GIF. Nato shranimo dokument v našo mapo in kliknemo Preview. Iz Composerja
(Frontpagea) se avtomatsko preselimo v Navigator (Explorer) in si ogledamo
našo prvo mojstrovino. 
<hr SIZE=10 WIDTH="50%"><a href="#Preprost primer">Nazaj</a></li>
</ol>

<li>
<a NAME="Vstavljanje črte"></a>Vstavljanje črte</li>

<ol>Na izbranem mestu, kjer hočemo imeti vodoravno črto,
kliknemo v Composerju H. Line iz orodjarne  zgoraj. Z klikom desnega
gumba miške na njej se nam odpre okno Line Properties in lahko črto še
nekoliko spreminjamo.
<hr SIZE=10 NOSHADE WIDTH="50%"><a href="#Preprost primer">Nazaj</a>
<a NAME="Vstavljanje"></a></ol>

<li>
Vstavljanje slike</li>

<ol>Datoteko s sliko imamo pripravljeno najboljše v isti
mapi kot tekst, kamor bomo sliko vstavili. Ime datoteke vsebuje do 8 črk
in številk) ima končnico gif ali jpg, datoteka sama pa ni daljša od kakih
50KB. Naprej ravnamo takole:
<ol>
<li>
V Composerju kliknemo Image (Insert Image). Pojavi se nam
okno Image properties. Dobro si ga ogledamo. Prvi del govori o tem, kje
se slika nahaja, drugi, kako naj tekst sliko obliva, tretji o velikosti
slike ter robu okrog nje.</li>

<li>
Izberemo Choose File. Odpre se nam okno z datotekami, med
katerimi izberemo naslov slike. Ko nato kliknemo Open, se nam naslov s
celotno potjo naloži v prazno vrstico okna Image Properties pod File Location.
Preverimo, če je naslov pravi.</li>

<li>
Nastavimo še višino ali širino (nikoli oboje, da ne podremo
razmerja na sliki). Recimo 300. Gumb Constrain pomaga to razmerje ohranjati.</li>

<li>
Prostor okrog slike in rob je običajno 0 pixlov in to je (skoraj vse)<img SRC="grabljisce.JPG" height=185 width=250>Tale
slika je široka 250 pixlov.</li>

<li>
S desnim klikom na sliko se nam odprejo možnosti Image Properties (prejšnje
okno) , možnosti za ustvarjanje povezave Create link using Selected, klic
urejevalnika slik Edit Image (uporabimo, ko v zadnjem hipu opazimo, da
je slika spresvetla ali pretemna ali da bi jo lahko drugače obrezali).
Če v urejevalniku slik kaj delamo, ne pozabimo shraniti sprememb, sicer
bo naše delo zastonj.
<hr SIZE=10 NOSHADE WIDTH="50%"></li>
</ol>
<a href="#Preprost primer">Nazaj</a></ol>

<li>
<a NAME="Povezave (linki) na isti strani."></a>Povezave (linki) na isti
strani.</li>

<ol>
<ol>
<li>
Najprej po strani razpostavimo Tarče (Target). V temle tekstu bodo Tarče
Naslovi za številkami. Z miško vsak naslov posebej označim, nato pa kliknem
na Target v Orodjarni zgoraj.  Pri vsakem kliku se odpre okno Enter
the name of the target. Če smo z imenom, ki se nam ponuja,  zadovoljni,
kliknemo samo OK, sicer pa ga najprej spremenimo.</li>

<li>
Sedaj naredimo povezavo do te tarče. Namen povezave je, da nas program
s klikom na povezavo da na tekst, ki je označen s to tarčo. S povezavami
torej lahko skačemo po poljubno dolgem tekstu. Spodobi se, da potem ponudimo
tudi možnost skoka nazaj.</li>

<li>
Povezavo naredimo takole: Skopiram in prilepim (tipkovnica CTRL-C, CTRL-V) 
1. zgornji podnaslovček</li>

<ol>
<li>
<a href="#Potrebščine">Potrebščine</a>   
(nato ta tekst označim in kliknem ikono Link v orodjarni zgoraj Pokaže
se mi okno z vsemi tarčami in izmed njih izberem tarčo   Potrebščine.
Beseda postane modra in podčrtana. V pregledovalniku se bom ob kliku na
to besedo zapeljal na vrh tega teksta na potrebščine.</li>

<li>
Grem gor postaviti še tarčo Nazaj z linkom
na ta del teksta, torej Povezave na isti strani.  Na koncu teksta
Potrebščine torej napišem besedo Nazaj ter ji priredim link na tarčo Povezave.</li>
</ol>

<li>
V brskalniku sedaj z zaporednim klikanjem
med Potrebščine in Nazaj skačem med tema dvema tekstoma.<a href="#Preprost primer">Nazaj</a></li>
</ol>

<li>
<a NAME="Preprost primer"></a>Preprost primer kazala</li>

<ol>
<ol>Znosim naslovčke zgornjih poglavij skupaj (najboljše na vrh strani
) in naredim linke do njih. Ne pozabim kreirati tudi Nazaj. Dobim nekaj
takega:
 <a href="#Potrebščine">Potrebščine</a>
 <a href="#Katero programsko opremo uporabljamo">Katero
programsko opremo uporabljamo sam</a>
 <a href="#Priprava">Priprava</a>
 <a href="#Prvi">Prvi poskusi</a>
 <a href="#Vstavljanje črte">Vstavljanje črte</a>
 <a href="#Vstavljanje">Vstavljanje slike</a>
 <a href="#Povezave (linki) na isti strani.">Povezave
(linki) na isti strani.</a>
 <a href="#Preprost primer">Preprost primer kazala</a>
 <a href="#Linki na druge">Linki na druge dokumente</a>
Pri  Kreiranju zgornjih linkov niti nisem potreboval ikone Link
iz orodjarne. Besedilo označim in na njem kliknem desni gumb miške. Odpre
se mi okno, ena od ponujenih možnosti je tudi Create link s ponudbo vseh
tarč. Preizkusite to kazalo v brskalniku s klikanjem na posametne povezave.
<hr WIDTH="100%"></ol>
</ol>

<li>
<a NAME="Linki na druge"></a>Linki na druge dokumente</li>

<ol>Delamo jih ravno tako kot  linke na posamezne odstavke v istem
dokumentu, vendar ne postavljamo tarč, ampaj povemo naslov (URL) izbranega
mesta. Recimo da bi rad na tem mestu naredil link na začetek moje strani.
Najprej napišem <a href="http://www2.arnes.si/~sscrnomelj/">Link na začetek</a>.
Nato ta test izberem in kliknem Link. Link to location or local file napišem
URL moje strani, to je http://www2.arnes.si/~sscrnomelj/.   Izraz
link na začetek pomodri in se podčrta, ka rpomeni, da je ustvarjena povezava.
Preizkusim pa jo v Navigatorju.
     Tako lahko povezujem dokumente. Pazimo le na to,
da na vsaki strani ponudimo tudi pot nazaj ali pot na začetek strani.
<hr WIDTH="100%"><a NAME="Slika za ozadje"></a></ol>

<li>
Slika za ozadje</li>

<ol>Najprej izberemo sliko, ki jo želimo imeti v ozadku. pazimo na barve,
nikakor se ne sme zgoditi, da ozadje moti branje teksta. Izberemo Format/Page
colors and properties/Colors and Background. Izberemo Use Image, nato pa
choose file in izberemo datoteko,  ki jo želimo za ozadje.
<hr WIDTH="100%"></ol>

<li>
Tabele</li>

<ol>Kadar nam tekst nenavadno beži (to je značilnost Html-ja, da stran
izgleda pod različnimi pregledovalniki in ob različnih resolucijah različno),
uporabimo tabele. Dosežemo jih tako, da v orodjarni kliknemo na Table.
Odpre se pogovorrno okno, kjer si izberemo število vrstic in stolpcev (kasneje
lahko oboje tudi spreminjate) in še druge, manj pomembne strvari. zadeva
je vredna raziskovanja. Tob tabele je lahko viden ali pa ne. Primer:
  
<center><table BORDER BGCOLOR="#FFCCCC" >
<tr>
<td>Tole je tabela z eno vrstico in dvema stolpcem ter pobarvanim ozadjem
 Debelina črt za robove je 1.Ko smo v tabeli, nam desni klik miške omogoči  
 dodatno urejanje cele tabele, samo trenutne vrstice ali pa samo celice,
v kateri smo. </td>

<td>
<center><img SRC="bstojisc.jpg" height=23 width=62>
 V tej tabeli pa je slika. 
 Slike precejkrat zložim
 v tabelo, če želim, da 
 ostanejo skupaj.
 Slika in tekst sta centrirana z ukazom 
 Center iz orodjarne.</center>
</td>
</tr>
</table></center>

<li>
 Izvorna koda strani - stran zapisana v HTML-ju   (HyperText
Markup Language - jezik za opis teksta z dodatki (slike, zvok, filmi))</li>

<ol>To izvorno kodo lahko vidimo, če kliknemo View/Page Source.</ol>
</ol>
.
  
  
 
 
<center>
se kmalu nadaljuje
 
<hr WIDTH="100%"></center>

<ol>
<li>
Začimbice za konec:</li>

<ul>
<li>
Javaskript strani, ki jih je predlagal Predrag</li>

<a href="http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=5594">http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=5594</a>
 <a href="http://javascript.interent.com">http://javascript.internet.com</a>
 <a href="http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=4085"> http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=4085</a>
 <a href="http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=2806">http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=2806</a>
<li>
DHTML in javaskripti, katere predlagam sam</li>

<a href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</a>
 <a href="http://www2.arnes.si/~sscrnomelj/www.stats4all.com">www.stats4all.com</a></ul>
</ol>

</body>
</html>

</BODY> konec telesa
</HTML> konec dokumenta

najdete

Vaja: Katerega od svojih HTML dokumentov odprite hkrati v brskalniku (Navigator) in v Beležnici. Popravite tekst malo v Beležnici in ne pozabite shraniti, nato v Navigatorju recite Reload in opazujte spremembo. Potem se spravite na Html in del teksta v beležnici vgnezdite med <center> in </center>, preizkusite pa tudi katere druge ukaze - večanje velikosti črk, črta, itd.
Ne pozabite vsakič shraniti novega dokumenta ter Reload v brskalniku.

Okvirji

tejle strani

<HTML>

<HEAD>

<TITLE>Template 1</TITLE>

</HEAD>

</HTML>

Kot lahko na omenjeni strani vidimo, se na ekranu pojavita dva dokumenta, eden ozek na levi, drugi pa na desni. Mejo nastavljamo v vrstici <FRAMESET COLS="160,*">, trenutno j enastavjena v 160 stolpcu, karkoli to že je. Prvi dokument ima ime doc1.htm, drugi pa doc2. htm. Seveda tejle kodi podtaknemo imena svojih dokumentov. Levi dokument lahko uporabimo za kazalo. Vanj napišemo naslove dokumentov in na naslovih kreiramo linke (povezave) na te dokumente. Ob kliku z miško na te povezave se bodo pojavljali izbrani dolumenti.
Marsikaj o okvirjih lahko najdete tudi na spletu, v slovenskem jeziku.
Tule je samo nekaj malega literature, ki jo dobimo, če v najdi.si vpišemo pod išči geslo
html+okvirji:

FRAMES - vec okvirjev naenkrat

FRAMES - vec okvirjev naenkrat - javascript

Uvod v JavaScript

Okvirji

Frame - okvirji 2

Uvod v JavaScript - 3

Konec 1. dela

Začimbice za konec:

Javaskript strani, ki jih je predlagal Predrag

http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=5594

http://javascript.internet.com/

http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=4085

http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=2806

DHTML in javaskripti, katere predlagam sam

http://www.dynamicdrive.com/