Primož Jakopin

Postavitev predstavitvene strani

1. Uvod
2. Primeri strani in uporabni naslovi
   1. Tri zanimive predstavitvene 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. Internetni čas
5. Preverjanje zapisa spletne strani
6. Prenos datotek z osebnega računalnika na strežnik
   1. Udobnejša in sodobnejša možnost
   2. Rezervni način, spomin na stare čase
7. Kako dosežemo, da bo našo stran še kdo našel
8. 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
9. Fotografija
   1. Prenos fotografij v digitalno obliko
   2. Digitalni fotoaparati
   3. Priprava digitalnih slik
   4. Digitalne fotografije na papirju
10. Film
    1. Kratek film v lastni režiji
    2. Mobilni telefoni
11. Glasba
12. 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, tudi od doma.

        Navadno bo vse te zahteve najhitreje izpolnil strežnik vaše matične ustanove, če je ne more ali ga ni, pa je treba izbrati enega izmed ponudnikov, navedenih v razdelku Ponudniki dostopa in prostora na svetovnem spletu. V teh navodilih je kot primer opisana namestitev predstavitvene strani na strežnik Filozofske fakultete Univerze v Ljubljani. Uporabniško ime in geslo za delo na strežniku dobite pri nosilcu predmeta ali, če boste delali na kakem drugem strežniku, pri osebi, ki je tam zadolžena za uporabniška imena. K uporabniškemu imenu spada še prostor na disku, namenjen vaši predstavitveni strani.

        Predstavitvene strani vedno gledamo s posebnim programom, ki mu po slovensko pravimo pregledovalnik (angl. browser, slovenski sinonimi brskalnik, brkljalnik). Pri izbiri med glavnima pregledovalnikoma, Netscapovim Komunikatorjem oz. Navigatorjem in Microsoftovim Internet Explorerjem, oba sta zelo zmogljiva, je težko ostati nepristranski, če se ne želimo odreči materinemu jeziku. Drugi je, tudi v najnovejši verziji, na razpolago v slovenskem jeziku, prvi pa ne.

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.

Trije primeri 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
• Nancy Ide, Aix-en-Provence
• Eric Weisstein, Champaign

         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.
        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.

        Poleg teh treh 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. Pri Internet Explorerju to dosežemo z zaporedjem izbir: Pogled->Izvorna HTML koda. Veliko takega se lahko naučimo na ta način, kar bi bilo v učbeniku dosti manj zanimivo.

Uporabni naslovi na internetu

• Internet
  • Google. Najbolj uporabljan informacijski servis na internetu, o katerem bo v nadaljevanju še govora. Bing podjetja Microsoft, All the web podjetja Yahoo in Altavista (zdaj Overture Services) - še trije internetni informacijski servisi z več milijard spletnih strani v indeksu.
  • Najdi.si podjetja Najdi iz Ljubljane - najpomembnejši iskalnik po slovenskih spletnih straneh.
  • Slovenija. Stran naše dežele, ki so jo pripravili pri podjetju Matkurja, v angleškem in slovenskem jeziku.
• Izobraževanje
  • Univerza v Ljubljani. Preko njene strani pridemo do strani fakultet, recimo Filozofske ali Narodne in univerzitetne knjižnice.
  • Stran z iskalniki po enojezičnih slovarjih podjetja Lexico.
  • Nova beseda, iskalnik po besedilih v slovenskem jeziku.
  • 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.
  • Študentske in dijaške strani na Mat'Kurji - veliko zanimivega o pomoči pri učenju, izpitnih vprašanjih, seminarskih nalogah, domačih branjih in podobnem.
  • Brezplačni prevajalski servis z mnogo jezikovnimi pari, glavnih zahodnih jezikov (angleški in francoski, nemški, italijanski, španski, portugalski), ruskega, kitajskega, japonskega in korejskega ki ga v okviru Altaviste nudi podjetje SYSTRAN. Prevesti je mogoče do 150 besed dolgo besedilo v enem koraku. SYSTRAN je tudi dobavitelj programske opreme za strojno prevajanje na upravnem središču Evropske unije v Bruslju. Drugi brezplačni prevajalski servisi so še pri iskalniku Google, kjer ni omejitve na 150 besed, podjetju Free2Professional Translation in, za arabski jezik, pri podjetju Sakhr - tu je za uporabo potrebna registracija.
  • Podobna storitev, Presis, za par slovenščina -> angleščina, je na voljo na spletni strani podjetja Amebis iz Kamnika. Prevede do 200 znakov besedila, rezultati bi bili seveda lahko boljši, začetek je pa le.
  • Wikipedia, obsežna splošna enciklopedija, ki jo gradijo spletni uporabniki sami. Ima tudi več deset tisoč člankov v slovenskem jeziku.
  • Enciklopedija pojmov v zvezi s svetovnim spletom podjetja internet.com LLC.
• 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).
  • Interaktivni zemljevid Slovenije Društva Geopedia, z veliko uporabnimi podatki in slikami
  • Atlas okolja Agencije Republike Slovenije za okolje.
  • Michelinov Interaktivni atlas Evrope. Hiter in zelo uporaben.
  • Kino. Stran s kazalci na kinematografske predstave - ljubljanski spored.
  • 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 malo bližjimi vulkanskimi otoki.
  • Novice. Stran televizijske mreže CNN z najbolj svežimi novicami, seveda z ameriškega zornega kota.
  • Mali oglasi. Salomonov oglasnik ali 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@uni-lj.si<br>
<br>
Nasvidenje!<br>
</body>
</html>

Jezik HTML

<html>

• Matjaž Zaveršnik: Mala šola HTML
• Marjan Kozjek: Začetniški vodič po jeziku 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 podjetja Refsnes Data
• Tim Berners-Lee: Style Guide for online hypertext
• Joe Burns: HTML Goodies, The Primers

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
• mačje rožice Shirley York
• 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 = "http://search.yahoo.com/search?p=" + izraz;
  location.href = celoten_naslov; }
</SCRIPT>
<FORM name="obrazec">
Iskanje na informacijskem servisu Yahoo:<br><br>
<INPUT TYPE="button" VALUE="Išči" onClick="iskanje()">
<INPUT name="okence" SIZE="40" TYPE="texT">
</FORM>

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:

Prenos datotek z našega računalnika na strežnik FF

Udobnejša in sodobnejša možnost

Rezervni način, spomin na stare čase

Kako dosežemo, da bo našo stran še kdo našel

Nekaj drugih uporabnih naslovov na internetu

Navodila za postavitev strani iz domačih logov

• Navodila za prenos predstavitvene strani na strežnik, ARNES - Akademska in raziskovalna mreža Slovenije
• KISS - Komunikacijsko Informacijski Servis Študentske organizacije Univerze v Ljubljani

Ponudniki dostopa in prostora na svetovnem spletu

• Telekomov SiOL (Slovenia OnLine) in možnosti zakupa prostora na strežnikih. Telefonska številka je 080 1000.
• Dve priljubljeni možnosti sta gostovanje pri podjetju Domovanje d.o.o. iz Bistrice pri Tržiču in pri podjetju Interslo računalniški inženiring iz Ptuja.
• 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. Velik prekomorski ponudnik je podjetje Verio. Prek njihove strani ali npr. strani podjetja Network Solutions lahko tudi preverite, ali je nova internetna domena, ki bi jo želeli, še na razpolago.
  Še primer cenovno bolj dostopnega, a ne tako preizkušenega ponudnika s precej slikovitim imenom: 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: Zvončki na Kovačevem vrtu v Lazah, marca 1995

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 tudi
• spletni časopis Samotna zvezda; urednik je John Cowley, in pa
• Digitalni foto kotiček, ki ga pripravlja Arthur Bleich in je namenjen tudi manj "nabrušenim" gledalcem.

Priprava digitalnih slik

Digitalne fotografije na papirju

Film

• Navodila s Stanfordske univerze
• Tečaj v .PDF formatu (24 strani), z univerze Purdue
• Navodila, ki jih je pripravil Sergio Mazzarelli

• Klasična glasba ustanove Musopen
• Seznam prostodostopnih glasbenih virov, knjižnica Public Library of Cincinnati and Hamilton County
• Glasbene datoteke ustanove Wikimedia Commons
• Klavirske skladbe podjetja Torn Bread Network
• Šumi in zvoki podjetja Externalharddrive.com

• Novosti pri videokamerah http://www.camcorderinfo.com
• Študent filmar kupuje kamero
• Stran o Sony-jevih HD kamerah
• Vodič po pisanju scenarijev, Yankee Classic Pictures
• 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 in njegov opis.
• 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 7. novembra 1997 in jo nazadnje spremenil 29. marca 2010.

Naslov:  http://www.jakopin.net/viri/predstavitvena_stran/index.html          Število obiskov: