1. Uvod
2. Primeri strani in uporabni naslovi
   1. Pet zanimivih predstavitvenih strani
   2. Uporabni naslovi na internetu
3. Pisanje predstavitvene strani
   1. Enostavna predstavitvena stran
   2. Jezik HTML
   3. Boljša predstavitvena stran
   4. Barvna lestvica
   5. Slike kot ozadja strani
4. JavaScript in Java
   1. Primeri uporabe Javascripta
   2. Primer uporabe ukaza Canvas za risanje
   3. Internetni čas
5. Preverjanje zapisa spletne strani
6. Nekaj drugih uporabnih naslovov na internetu
   1. Navodila za postavitev strani iz domačih logov
   2. Ponudniki dostopa in prostora na svetovnem spletu
   3. Brezplačen prostor na svetovnem spletu
7. Fotografija
   1. Prenos fotografij v digitalno obliko
   2. Digitalni fotoaparati
   3. Priprava digitalnih slik
   4. Arhiviranje fotografij in priprava za objavo na spletu
   5. Digitalne fotografije na papirju
8. Film
   1. Kratek film v lastni režiji
   2. Mobilni telefoni
9. Glasba
10. Sklep

Uvod

• zmogljiv in z internetom dobro povezan
• neprekinjeno dostopen (7 dni na teden, 24 ur na dan) in
• zanesljiv, da vam ni treba skrbeti, kaj se utegne zgoditi z vašo stranjo
• tak, da lahko svojo stran na njem sami spreminjate, od koderkoli.

        Navadno bo vse te zahteve najhitreje izpolnil strežnik vaše matične ustanove, če je ne more, če ga ni ali če ni dostopen pa je treba izbrati enega izmed ponudnikov, navedenih v razdelku Ponudniki dostopa in prostora na svetovnem spletu.

        Spletne strani vedno gledamo s posebnim programom, ki mu po slovensko pravimo pregledovalnik (angl. browser, slovenska sinonima sta brskalnik in brkljalnik). Izbire pri pregledovalnikih je kar nekaj, na prvih treh mestih, kar se tiče števila uporabnikov, so bili avgusta 2016 Googlov Chrome, Applov Safari in Mozillin Firefox.

Primeri strani in uporabni naslovi

        Preden se resneje lotimo oblikovanja lastne predstavitvene strani, je priporočljivo, da si ogledamo kakšno že narejeno, poleg tega pa še nekaj naslovov na internetu, ki jih morda utegnemo citirati na naši strani.

Pet primerov predstavitvenih strani

        Poleg vzorčne osebne predstavitvene strani v slovenskem in angleškem jeziku, ki jo bomo videli malo kasneje, je na internetu še mnogo drugih, ki so vredne ogleda. Ob obilici bolj zapleteno sestavljenih in tudi nagrajenih strani, ki kar kipijo od najnovejših programskih dosežkov, migetajočih slikic in bolj ali manj posrečene glasbe, je tudi kaj preprostejšega, pa vseeno zanimivega:

• Miran Hladnik, Ljubljana
• Franc Marušič, Nova Gorica
• Nancy Ide, Aix-en-Provence
• Eric Weisstein, Champaign
• Letovanje na jugozahodnem Peloponezu

         Miran Hladnik je profesor na Oddelku za slovenski jezik Filozofske fakultete in naš prvoborec na področju uvajanja uporabe interneta v literarni vedi. Njegova stran je kratka in jasna, najpomembnejše pa je, da od vsega pomembnega, kar je napisal ali kar želi povedati, niso navedene samo reference, ampak tudi kazalci, s katerimi ustrezne dokumente takoj prikličemo na zaslon.
         Franc Marušič - Lanko je docent za jezikoslovje na Fakulteti za humanistiko Univerze v Novi Gorici, sicer znan tudi kot jamar. Stran je bolj špartanska, je pa mogoče tudi na njej takoj priti do vseh Marušičevih del.
        Nancy Ide je ena redkih lastovk na visokem nebu računalniške znanosti, še posebej tiste o besedilih in ima zelo skrbno in premišljeno narejeno predstavitveno stran; le za njeno sliko je treba klikniti tu. Ženske so sicer prispevale pomemben delež v razvoju računalništva, npr. pri razvoju prvega elektronskega računalnika ENIAC ali kasnejših, že bolj integriranih računalnikov iz začetka 60-ih let 20. stoletja. In kdo je bila prva izmed njih, ki se je sicer ukvarjala z matematiko in znanostjo, pa ne brez nekaj očetove poetične žilice?
         Eric Weisstein, astronom in sodelavec podjetja Wolfram Research, je eden največjih internetnih polihistorjev - na svetovni splet je spravil izredno veliko koristnih in uporabnih podatkov.
        Stran Costa Navarino je zaradi lepega oblikovanje in z njim povezane predstavitve vsebin dosegla uvrstitev na Seznam najlepših spletnih strani podjetja 1stwebdesigner, ki ga vodi Daniel Kurdoghlian.

        Poleg teh petih primerov so vedno zanimive tudi strani, dobitnice priznanj Webby, ki jih vsako leto podeljuje The International Academy of Digital Arts and Sciences iz San Francisca.

Vsako stran, ki nam je všeč, se splača, ko bomo osnove jezika HTML vsaj za silo poznali, pogledati v njeni izvorni obliki. Navadno to dosežemo tako, da pritisnemo na desno tipko na miši in potem iz seznama možnosti izberemo Ogled vira strani (angl. View source). Marsičesa se lahko naučimo na ta način, kar bi bilo s pomočjo učbenikov dosti manj zanimivo in težje.

Uporabni naslovi na internetu

• Internet
  • Google. Najbolj uporabljan informacijski servis na internetu, o katerem bo v nadaljevanju še govora. Bing podjetja Microsoft ter Yahoo! podjetja Yahoo sta še dva internetna informacijska servisa z več milijard spletnih strani v indeksu.
  • Najdi.si podjetja TSmedia (Telekom Slovenija) je iskalnik po slovenskih spletnih straneh.
  • Slovenija. Stran naše dežele, ki jo pripravljajo pri podjetju Telemach, v angleškem in slovenskem jeziku.
• Izobraževanje
  • Univerza v Novi Gorici. Prek njene strani pridemo do strani fakultet, recimo Fakultete za humanistiko.
  • Narodna in univerzitetne knjižnica v Ljubljani.
  • Stran z iskalniki po enojezičnih slovarjih podjetja Lexico.
  • Nova beseda, iskalnik po besedilih v slovenskem jeziku.
  • Gigafida, demo stran iskalnika za slovenščino z največjim obsegom besedil.
  • Knjige v knjižnicah. Stran do podatkov vzajemnega kataloga slovenskih knjižnic - COBISS.
  • Bibliografije raziskovalcev, evidentiranih pri Ministrstvu za znanost in tehnologijo, z bibliografskimi enotami, vključenimi v COBISS.
  • Brezplačni prevajalski servis podjetja Google s več deset jezikovnimi pari, med katerimi je tudi slovenščina.
  • Podobna storitev, Presis, za par slovenščina -> angleščina v obe smeri in par nemščina -> slovenščina je na voljo na spletni strani podjetja Amebis iz Kamnika. Prevede do 2000 znakov besedila.
  • Wikipedija, obsežna splošna enciklopedija, ki jo gradijo spletni uporabniki sami. Ima tudi več kot sto tisoč člankov v slovenskem jeziku.
• Splošno
  • Telefonski imenik. Telekomov seznam vseh telefonskih naročnikov, za registrirane uporabnike tudi s slikovnimi načrti mest, da ulico takoj najdemo.
  • Vremenska napoved. Stran Hidrometereološkega zavoda Slovenije, nepogrešljiva pri načrtovanju takih ali drugačnih akcij (npr. vožnje s kolesom).
  • Desetdnevna vremenska napoved podjetja The Weather Channel.
  • Interaktivni zemljevid Slovenije Društva Geopedia, z veliko uporabnimi podatki in satelitskimi posnetki, tudi z legami 10.000 slovenskih jam.
  • Michelinov Interaktivni atlas Evrope. Hiter in zelo uporaben, ne samo z navodili za pot iz kraja v kraj, ampak tudi s časom in ceno.
  • Kino. Stran s kazalci na kinematografske predstave v Novi Gorici (desni stolpec).
  • Letalski prevoz - za tiste, ki morajo potovati z letalom, stran našega letalskega prevoznika Adrie Airways. Tu je še ena od strani za prevoz na daljše razdalje (okoli sveta, Avstralija, Nova Zelandija), stran letalske družbe Air France (Indijski ocean, Polinezija), stran za promet med južnomorskimi otoki, in med nam malo bližjimi vulkanskimi otoki.
  • Domače novice,
  • Mali oglasi. Salomonov oglasnik ali Moj oglasnik podjetja Iprom d.o.o. ali bolha.com podjetja Megaklik.

Pisanje predstavitvene strani

Enostavna predstavitvena stran

<html>
<head>
<title>Marija Novak - predstavitvena stran</title>
</head>
<body>
Marija Novak<br>
<br>
Dobrodošli na moji predstavitveni strani.<br>
Če bi mi radi kaj sporočili, mi pišite na naslov:<br>
marija.novak@ung.si<br>
<br>
Nasvidenje!<br>
</body>
</html>

Jezik HTML

<html>

• Matjaž Zaveršnik: Mala šola HTML
• Peter Mrhar: HTML : programiranje Web strani, Založba Flamingo, Nova Gorica 1996, 171 str.
• Peter Mrhar: HTML 4.0 : referenčni vodič, Založba Flamingo, Nova Gorica 1998, 315 str.
• HTML Tutorial ustanove W3C
• Tim Berners-Lee: Style Guide for online hypertext
• Joe Burns: HTML Goodies, The Basics

Boljša predstavitvena stran

<head>
<title>Marija Novak - predstavitvena stran</title>
</head>

Za zaglavjem pride na vrsto osrednji del naše strani, ki ga uvaja določilo <body> in ki ga uporabnik na zaslonu tudi res in najprej vidi. Določilo ima v splošnem daljšo obliko, npr:

<body bgcolor="barva" text="barva" link="barva" vlink="barva" alink="barva">

Barvo ozadja strani (bgcolor), črk besedila (text), še neobiskanih povezav (link), že obiskanih povezav (vlink) in ravnokar poklicane povezave (alink) lahko izberemo sami. Pri tem si lahko pomagamo s kakšnim izmed virov na svetovnem spletu ali pa z naslednjo tabelo, v kateri so navedena imena in kodne vrednosti za 134 barvnih odtenkov.

BARVNI ODTENKI

• papir, marmor, les deklet iz podjetja Business Services UnLimited
• vzorci ozadij iz šolskih zvezkov
• umetniška dela

• Stran ameriškega podjetja Bellsnwhistles
• Slikovna zbirka švedske univerzitetne mreže SUNET, npr.:
  • kužek, ki teče sem in tja
  • miška, ki maha z zastavico
  • klovn s šopkom rož
  • pisarniški muc

<body>
Marija Novak<br>

Marija Novak

JavaScript in Java

Primeri uporabe JavaScripta

<SCRIPT LANGUAGE="javascript">
document.write("<FONT COLOR='BLUE'>Vrstica je modre barve</FONT>")
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
var zdaj = new Date();
var mesec=zdaj.getMonth()+1;
var leto=zdaj.getYear();
var minute=zdaj.getMinutes();
var sekunde=zdaj.getSeconds();
document.write("Datum in čas: " + zdaj.getDate() + "." + mesec + '.' + leto + " " + zdaj.getHours() + ":");
if (minute < 10) document.write("0");
document.write(minute);
document.write(",");
if (sekunde < 10) document.write("0");
document.write(sekunde);
</SCRIPT>

<A HREF="http://www.slovenija.si" onMouseOver="window.status='Slovenija za tuje goste'; return true" onMouseOut="window.status=' '; return true">Slovenija</A> in
<A HREF="http://www.ljubljana.si" onMouseOver="window.status='vse o Ljubljani, tudi za obiskovalce'; return true" onMouseOut="window.status=' '; return true">Ljubljana</A><br>

<A HREF="http://www.slovenija.si" onMouseOver="document.bgColor='lightblue', onMouseOver=window.status='Nebo na Primorskem'; return true">Slovenija - modro</A>

<center>
<form>
  Izberite barvo ozadja:
  <INPUT TYPE="button" VALUE="Modro ozadje" onClick="document.bgColor='lightblue'">
  <INPUT TYPE="button" VALUE="Rožnato ozadje" onClick="document.bgColor='pink'">
  <INPUT TYPE="button" VALUE="Zeleno ozadje" onClick="document.bgColor='lime'">
</form>
</center>

<SCRIPT LANGUAGE="javascript">

var uporabnik = prompt ("Prosim napišite ime in priimek"," ");
document.write(uporabnik + ", lepo da berete mojo stran!");

</SCRIPT>

<body onUnload="alert('Hvala za obisk in nasvidenje!')">

<SCRIPT LANGUAGE="javascript">
window.open('novo.html', 'Novo_okno', config='height=200,width=500')
</SCRIPT>

• toolbar
• menubar
• scrollbars
• resizable
• location
• directories
• status

<a href="http://www.slovenija.si" onMouseOver="document.pic1.src='english.gif'" onMouseOut="document.pic1.src='slovensko.gif'">
<IMG SRC="slovensko.gif" BORDER=0 name="pic1"></a>

<SCRIPT LANGUAGE="JavaScript">
function iskanje()
{ var izraz = document.obrazec.okence.value;
  var celoten_naslov = "https://www.google.com/search?q=" + izraz;
  location.href = celoten_naslov; }
</SCRIPT>
<FORM name="obrazec">
Iskanje na informacijskem servisu Google:<br><br>
<INPUT TYPE="button" VALUE="Išči" onClick="iskanje()">
<INPUT name="okence" SIZE="40" TYPE="texT">
</FORM>

Primer uporabe ukaza Canvas za risanje

Internetni čas

Preverjanje zapisa spletne strani

        Ko je trud z našo spletno stranjo končno obrodil sadove in je gotova, seveda želimo, da bi bile oznake jezika HTML tudi prav napisane. Najbolj očitne napake se seveda pokažejo že, ko stran gledamo s pregledovalnikom, ne pa seveda vse. Pregledovalniki skušajo biti biti kar se najbolj da prizanesljivi do tistega, ki je pisal kodo strani in če, npr. naletijo na oznako, ki ni znana ali je napačno napisana, jo po možnosti ignorirajo - se delajo, kot da je vse v redu. Tudi ne gredo vnaprej preverjati, ali vse povezave na naši strani delujejo - to vidi uporabnik šele takrat, ko na povezavo klikne in se, če je vse v redu, preseli na tisto stran, če pa je povezava napačna ali ne deluje več, dobi le sporočilo, da tiste strani ni mogoče najti.
        Da bi pomagali piscem spletnih strani, torej tudi nam, so pri že omenjenem konzorciju W3C (World Wide Web Consortium) med ostalim pripravili dva programa, ki ju lahko uporabljamo brezplačno:

• program za preverjanje skladnosti spletne strani s sprejetimi standardi in
• program za preverjanje povezav na spletni strani

Prvemu lahko datoteko, na kateri je shranjena spletna stran, podtaknemo na tri načine - lahko povemo, na katerem spletnem naslovu jo imamo, če je tam že shranjena (glej tudi naslednje poglavje), lahko sporočimo, kje na disku jo imamo, ali pa njeno vsebino z ukazoma Kopiraj in Prilepi prenesemo v temu namenjeno okence. Je pa res, da moramo, če želimo zadostiti zahtevam preverjalnega programa, nekaj malega spremeniti. Pred prvo vrstico naše strani:

dodati še podatek, v kateri različici jezika HTML je napisana naša stran. Navadno se odločimo za najvišjo različico jezika, 4.01, obenem pa na način, ki še ne zahteva striktne, z jezikom XML povsem skladne sintakse (transitional):

Druga stvar, ki jo moramo obvezno še popraviti, je oznaka <body ... , kadar imamo v njej navedeno kaj parametrov, npr. širino levega in desnega roba, barvo ozadja na strani in podobno. Vse te podatke moramo prenesti v zaglavje, v posebno oznako <style>. Dodamo jo pred konec zaglavja:

vrstico z oznako <body> pa oklestimo. V zgornjem primeru smo za barvo črk na celi spletni strani izbrali temnordečo (darkred), za barvo ozadja pa zelo nežno rjavo (peachpuff).
         S tema popravkoma smo dosegli, da je preverjalni program ustanove W3C naši spletni strani dal pozitivno oceno:

Nekaj drugih uporabnih naslovov na internetu

Navodila za postavitev strani iz domačih logov

• Navodila za objavo svojih predstavitvenih strani na strežniku, ARNES - Akademske in raziskovalne mreže Slovenije

Ponudniki dostopa in prostora na svetovnem spletu

• Najprej navadno prek strani podjetja Network Solutions preverimo, ali je nova internetna domena, ki bi jo želeli, še na razpolago.
• Telekomov SiOL (Slovenia OnLine) in možnosti zakupa prostora na strežnikih. 10 MB prostora na spletu je za uporabnike SiOL interneta brezplačno. Telefonska številka je 080 1000.
• Tri priljubljene možnosti so gostovanje pri podjetjih Avant.Si d.o.o. iz Šenčurja, Domovanje d.o.o. iz Ljubljane in pri podjetju Interslo računalniški inženiring iz Ptuja - v tem seznamu so razvrščena po abecedi.
• Mariborsko podjetje Medinet s svojo blagovno znamko Amis je tudi domači ponudnik dostopa do svetovnega spleta, tel. (02) 320 6 320.
• Poleg domačih si je mogoče pomagati tudi s tujimi dobavitelji prostora na spletu. Primer cenovno bolj dostopnega s precej slikovitim imenom je podjetje Go Daddy Software, kjer je tudi registracija spletnih domen zelo ugodna.
• Najboljši ponudniki spletnega prostora po izboru, ki so ga opravili pri iskalniku Google, so navedeni v tem prispevku.

Brezplačen prostor na svetovnem spletu

Fotografija

P. Jakopin: Nebo nad južnim robom Kanina, oktobra 2006

Digitalni fotoaparati

• Revijo e-Fotografija, ki jo ureja Matjaž Intihar
• Novice, ki jih ureja Phil Askey in so na internetu najbolj obiskane ali
• Strani o digitalnih fotoaparatih, ki jih pripravlja Steve Sanders; so zelo pregledno in jasno oblikovane in tudi zelo obiskane. Nadaljna možnost so
• Novice, ki jih pripravlja Jeff Keller, ali
• Stran podjetja Imaging Resource, kjer je tudi veliko testov. Zanimiv je še
• spletni časopis Samotna zvezda; urednik je John Cowley.

Priprava digitalnih slik

Arhiviranje digitalnih fotografij in priprava za objavo na spletu

Digitalne fotografije na papirju

Film

• Navodila podjetja Microsoft, ki se nanašajo na različico za operacijski sistem Windows 7 in Windows Vista
• Movie Maker Video Editing Tutorial, ki ga je prispeval Jonathan Bass
• Kako napraviti film iz fotografij s programom Windows Live Movie Maker

• Skladbe portala Jamendo; ogromen izbor, večina brezplačnih za nekomercialno uporabo, a s petjem, veliko časa gre, da najdeš pravo,
• Seznam prostouporabljivih skladb portala YouTube; majhen seznam, a zelo izbran, same instrumentalne, imeti morate Googleov račun, npr. od Gmail
• Glasbene datoteke ustanove Wikimedia Commons
• Klasična glasba ustanove Musopen
• Klavirske skladbe podjetja Torn Bread Network
• Šumi in zvoki podjetja Externalharddrive.com

• Novosti pri videokamerah http://camcorders.reviewed.com
• Tone Rački: Z videokamero v roki, Irida, Ljubljana, 2002, 147. str.
• Vodič po pisanju scenarijev televizijske hiše BBC
• Stran o snemanju filmov, Filmmaking page, Scotta Spearsa
• O pisanju scenarijev - fundacija Nicholl
• Audacity, brezplačni urejevalnik zvoka
• Stran za neodvisne filmarje http://www.indiewire.com
• Festival Raindance http://raindance.co.uk
• Stran ameriške ustanove Sundance http://www.sundance.org
• Program za urejanje podnapisov Subtitle Workshop podjetja Urusoft
• Primer zelo kratkega filma

Glasba

<a href="URL">Ime spletne strani z glasbo</a>

<a href="http://www.jakopin.net/wpc/jbm_odlomek.mp3">Odlomek glasbe iz filma Jama belega mačka</a>

<bgsound src="URL" loop="i"> ali
<embed src="URL" controls="cc" width="jj" height="kk" autostart="n" loop="i">

Sklep

Stran je napisal Primož Jakopin in jo nazadnje spremenil 27. novembra 2016.

Naslov:  http://www.jakopin.net/JT/viri/spletna_stran/Postavitev_v_jeziku_HTML.php              10974