102
Kaj je CSS? CSS osnova za Cascading Style Sheets • Slogi definirajo kako prikazati HTML elemente • Slogi so dodani na HTML 4.0 s katerimi rešujemo posamezne probleme Z CSS definiramo izgled internetne strani Style Sheets • Zunanji iz gled strani je shranjen v CSS datoteki

Kaj je CSS?

  • Upload
    naasir

  • View
    134

  • Download
    0

Embed Size (px)

DESCRIPTION

Kaj je CSS?. CSS osnova za C ascading S tyle S heets Slogi definirajo kako prikazati HTML elemente Slogi so dodani na HTML 4.0 s katerimi rešujemo posamezne probleme Z CSS definiramo izgled internetne strani Style Sheets Zunanji iz gled strani je shranjen v CSS datoteki. - PowerPoint PPT Presentation

Citation preview

Page 1: Kaj je CSS?

Kaj je CSS?

• CSS osnova za Cascading Style Sheets• Slogi definirajo kako prikazati HTML elemente• Slogi so dodani na HTML 4.0 s katerimi

rešujemo posamezne probleme• Z CSS definiramo izgled internetne strani

Style Sheets • Zunanji iz gled strani je shranjen v CSS

datoteki

Page 2: Kaj je CSS?

Primeri dokumenta po slogih

Page 3: Kaj je CSS?

Primer dokumenta po slogu 2

Page 4: Kaj je CSS?

Primer dokumenta po slogu 3

Page 5: Kaj je CSS?

Primerjava HTML kode in CSS kode

Page 6: Kaj je CSS?

Primerjava kode v praksi

Page 7: Kaj je CSS?

KAJ SO SLOGOVNE PREDLOGE

Slogovna predloga (ang. Cascading Style Sheets - CSS) je mehanizem, ki pove spletnemu brskalniku kako naj prikaže HTML dokument. CSS struktuira vsebino HTML dokumenta in ji da želeno obliko.

Page 8: Kaj je CSS?

Zakaj UPORABIT CSS

Če ste pred nekaj leti izdelovali spletne strani, ste uporabljali značke <font> in druge, da ste lahko oblikovali spletne strani. Te so vam omogočile, da so dokumenti izgledali tako, kot ste si želeli. Če pa ste se kasneje odločili zamenjati izgled vseh strani v spletišču (četudi samo barvo ozadja), ste morali popraviti vsako stran posebej.

Page 9: Kaj je CSS?

Kako izgleda CSS predloga?

h2 { font-family: Arial; font-style: italic; color: green }

• Najprej je napisana lastnost (npr. font-style ), nato dvopičje, za njim pa vrednost (npr. italic ). V primeru, da je napisanih več pravil, jih je potrebno med seboj ločiti s podpičji.

• V zgornjem primeru font-style: italic določa poševno besedilo (nekoč značka <i> v HTML), font-family: Arial vrsto pisave in color: green zeleno barvo pisave.

Page 10: Kaj je CSS?

Sintaksa CSS

• Pravilo CSS ima dva glavna dela:

• Izbirnik običajno HTML kot element določanja sloga.

• Vsaka del je sestavljen iz posameznih vrednosti.

• Osnoven je slog kot atribut, ki ga želite spremeniti. Vsaka lastnost ima vrednost.

Page 11: Kaj je CSS?

Primer CSS

• Primer CSS• CSS ukaz se vedno konča s podpičjem, in

nastavitvijo, ukaz so zaključene z zavitimi oklepaji:

• p (Barva: rdeča; text-align: center;)

Page 12: Kaj je CSS?

CSS primer

Page 13: Kaj je CSS?

CSS za ozadje dokumenta

Page 14: Kaj je CSS?

Možnosti besedila

Page 15: Kaj je CSS?

Barve texta

Page 16: Kaj je CSS?

Direction oz. izbiranje smeri teka texta

Page 17: Kaj je CSS?

Letter-spacing

Page 18: Kaj je CSS?

Text-align

Page 19: Kaj je CSS?

Dekoracija texta

Page 20: Kaj je CSS?

Text-indent

Page 21: Kaj je CSS?

Text-transform

Page 22: Kaj je CSS?

Unicode-bidi

Page 23: Kaj je CSS?

White-space

Page 24: Kaj je CSS?

Word-spacing

Page 25: Kaj je CSS?

Fonti

Page 26: Kaj je CSS?

Primer večih si lastnosti

• Skupna lastnost font• Skupna lastnost font omogoča hkratno spreminjanje

večjega števila lastnosti pisav. Ta lastnost nam omogoča, da enostavneje in krajše opišemo lastnosti nekega elementa. Na primer, če želimo odstavku (<p>) spremeniti več lastnosti pisave to enostavneje storimo z lastnostjo font.

• Primer• a { font: italic small-caps 900 11px Verdana } • → Primer skupne lastnosti font

Page 27: Kaj je CSS?

Ozadja

Page 28: Kaj je CSS?

Primeri ozadij

• Primeri• body { background: blue } p { background:

url("image_name.gif") gray 50% repeat fixed } #druga { url(/ozadje.gif) fixed no-repeat top center} #druga { url(/ozadje.gif) fixed no-repeat top center} pomeni isto:

• #druga { background-image: url(/ozadje.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: top center }

Page 29: Kaj je CSS?

Seznami

Page 30: Kaj je CSS?

Izdelava seznama

Page 31: Kaj je CSS?

Izdelava plasti

• Plast ustvarimo tako, da uporabimo individualno imenovan slog in vanj vključimo lastnosti za položaj, ki je določen z relativno ali absolutno vrednostjo.

• Pravila za slog lahko ustvarimo v glavi dokumenta ali v ločeni datoteki. Najprej poimenujemo PLAST. To ime je v slogni desno od simbola #. Nato se določijo lastnosti, ki bo imela plast. Uporabi se običajna sintaksa, ki je potrebna za izdelavo slognih predlog:

Page 32: Kaj je CSS?

Plasti v praksi

• #prva_PLAST { position:relative; color:blue; font-size:50pt; } #druga_PLAST { position:absolute; left:20px; top:200px; color:red; font-size:20pt; } Nato je potrebno vključiti plast v telo dokumenta z blokovnim elementom, ki ima atribut id (običajno je to div) tako, da bo plast vstavljena in bodo njene lastnosti vsebovane v kontekstu tega elementa, npr.:

• <div id="prva_PLAST"> To je test. </div><iv id="druga_PLAST"> In še en test. </div>

Page 33: Kaj je CSS?

VIZUALNI MODEL OBLIKOVANJA

Pot teh prostih mest je odvisna od:• dimenzije prostora in tipa • pozicije sheme (normalna velikost ali

apsolutna velikost) • med elementom in drevesno strukturo • zunanjosti informacije (vidno velikost,

dimenzijo slike, ipd.)

Page 34: Kaj je CSS?

Anonimni blok

Page 35: Kaj je CSS?
Page 36: Kaj je CSS?

Obrobe

Page 37: Kaj je CSS?

Oblike elementov

Page 38: Kaj je CSS?

Z-index

Page 39: Kaj je CSS?

vertical-align

• Določa navpično poravnavo elementov znotraj elementa, v katerem je vsebovan.

• vrednost opis NN IE CSS dolžina Vrednost poviša ali zniža element zgoraj ali spodaj osnovne linije (baseline) za določeno vrednost. Negativne vrednosti se poravnajo pod osnovno linijo (baseline), pozitivne pa nad njo. Lahko uporabimo katerokoli od sedmih enot. 6 4 2 odstotki Vrednost je določena z višino linije. Linija bottom (baseline) je na 0% top pa na 100%. Odstotki so lahko pozitivni ali negativni in lahko presežejo vrednost 100%. Negativne vrednosti se poravnajo pod osnovno linijo (baseline), pozitivne pa nad njo. 6 4 2 baseline Osnovna vrednost je že privzeta vrednost, ta poravna tekst na baseline linijo (bottom

Page 40: Kaj je CSS?

Absolutni in relativni požaj

Page 41: Kaj je CSS?

Kaj je PHP?

• PHP je kratica za PHP: Hypertext Preprocessor• PHP je skriptni jezik na strani strežnika, kot so ASP• PHP skripte se izvajajo na strežniku• PHP podpira številne baze podatkov (MySQL,

Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, itd)

• PHP je open source programske opreme• PHP je brezplačno prenesete in uporabo

Page 42: Kaj je CSS?

Kaj je PHP File?

• PHP datoteke lahko vsebujejo besedilo, HTML oznake in skripte

• PHP datoteke se vrnejo v brskalniku kot golo HTML

• PHP datoteke imajo končnico datoteke v ". Php", ". Php3", ali ". Phtml"

Page 43: Kaj je CSS?

Značilnosti PHP-ja

PHP je skriptni, interpreterski jezik. V nasprotju z običajno HTML stranjo, PHP strežnik skripte ne pošlje neposredno brskalniku, ampak jo pred tem prevede pogon PHP in nato pošlje brskalniku rezultat. PHP se izvaja na spletnem strežniku in ne tako kot CSS ali JavaScript, ki se izvajata na strani uporabnika. Ena od najboljših lastnosti PHP-ja je tudi ta, da je enostaven za učenje in da je neodvisen od okolja, tako da ista koda deluje v Windows-ih, OS X-u ali Linux-u.

Page 44: Kaj je CSS?

Vsak ukaz pove PHP pogonu, da naj izvede želeno akcijo. Posamezne skupine ukazov ločimo s podpičjem na način:

<?phpnaredi to;nato nekaj drugega;na koncu to;?>

Page 45: Kaj je CSS?

Kaj potrebujete?• Vendar pa, če vaš strežnik ne podpira PHP, morate namestiti PHP.• Tukaj je link za dober tutorski s PHP.net o tem, kako umestiti PHP5:

http://www.php.net/manual/en/install.php• Download PHP• Download PHP brezplačno tukaj:

http://www.php.net/downloads.php• Download MySQL Database• Download MySQL brezplačno tukaj:

http://www.mysql.com/downloads/index.html• Download Apache Server• Download Apache brezplačno tukaj:

http://httpd.apache.org/download.cgi

Page 46: Kaj je CSS?

PHP je Ohlapno natipkan jezik

• V PHP, spremenljivke ni treba razglasiti pred dodajanjem vrednost.

• V zgornjem primeru, vidite, da vam ni treba povedati, PHP, ki podatkovni tip spremenljivke.

• PHP samodejno pretvori spremenljivko na pravo vrsto podatkov, glede na njegovo vrednost.

• V močno tipizira programski jezik, boste morali prijaviti (opredelite) obliko in ime spremenljivke pred njegovo uporabo.

• V PHP, se spremenljivi prijavljeni samodejno, ko ga uporabljate

Page 47: Kaj je CSS?

String Variables in PHP• String spremenljivke se uporabljajo za vrednosti, ki vsebujejo znake.• V tem poglavju se bomo pogled na najbolj pogostih funkcij in

operaterji uporabljajo za manipulacijo tetiva v PHP.• Potem ko smo ustvarili niz smo lahko manipulirajo. Niz se lahko

uporabi neposredno na funkcijo ali se lahko shrani v spremenljivko.• Spodaj, scenarij PHP prenese besedilo "Hello World" za niz

spremenljivko imenovano $ txt:• <? Php

$ Txt = "Hello World";echo $ txt;?>

Page 48: Kaj je CSS?

Komentiranje kodeNajbolj pogosta metoda dodajanja enovrstičnega komentarja je ta, da spredaj dodaš dve poševnici.

Vse, kar se nahaja desno od dveh desnih poševnic, PHP pogon prezre:

$nekaj = 2007; // to je komentar

Namesto dveh poševnic se lahko uporabi tudi znak za lojtro (#). Ker ta znak zelo izstopa, če jih je napisanih več skupaj, se uporablja za označitev različnih delov daljše skripte, na način:

######### Uvod #########

Za komentiranje večih vrstic se uporabljata znaka /* in */. /* To je komentarčez več vrstic.*/

Page 49: Kaj je CSS?

Sporočila o napakah

Struktura tipičnega sporočila o napaki je naslednja:- resnost napake,- kaj je šlo narobe in- kje je šlo nekaj narobe.

Napaka leži pred vrstico, v kateri je PHP odkril problem. Sporočila o napakah vedno dodajo PHP-jevim elementom, ki so izpisani v sporočilu o napaki, predpono T_.

Page 50: Kaj je CSS?

Napake

Obstajajo štiri glavne kategorije napak:- usodna napaka (ang. fatal error): XHTML izhod pred to napako bo prikazan, toda ko do napake pride, se izvajanje skripte ustavi. Usodna napaka je ponavadi posledica navezovanja na neobstoječo datoteko ali funkcijo.- napaka v razčlenitvi (ang. parse error): prišlo je do napake v kodi, kot je npr. nezaključen narekovaj ali manjkajoče podpičje. Tako kot pri usodni napaki, se tudi tu skripta ustavi in ne dovoli izpis XHTML-ja.

Page 51: Kaj je CSS?

Napake

- opozorilo (ang. warning): opozori na resen problem, kot je manjkajoča datoteka pri funkciji include. Napaka ni tako resna, da se ostali del skripte ne bi izvedel do konca.- obvestilo (ang. notice): to svetuje o sorazmerno manjših zadevah, kot je uporaba opuščene kode ali nedeklarirane spremenljivke. Ta napaka ne bo preprečila strani, da bi se prikazala.

Page 52: Kaj je CSS?

Programi za pisanje kode

Čeprav lahko pišeš kodo v navadnem tekstovnem urejevalniku, jo je vsekakor lažje s posebnimi urejevalniki, ki imajo naslednje prednosti:

- oštevilčenje vrstic: tako lahko lažje najdeš iskano vrstico in je odpravljanje napak lažje.- označitev nezaključenih oklepajev: PHP uporablja navadne oklepaje (), oglate oklepaje [] in zavite oklepaje {}, ki morajo biti vedno v parih. Če slučajno pozabiš zapreti oklepaj, skriptni urejevalnik sam poišče nezaključen oklepaj.

Page 53: Kaj je CSS?

Pisanje kode

- barvanje PHP skladnje: skriptni urejevalniki pobarvajo kodo v različnih barvah. Koda, ki je pobarvana v nepričakovani barvi, zagotovo vsebuje tipkarsko napako.- predlaganje PHP kode: nekateri skriptni urejevalniki samodejno prikazujejo namige, kako določen del kode deluje.

V pomoč samemu programiranju so programi za primerjanje dveh datotek, ki primerjajo dve datoteki vrstici za vrstico in poudarijo kakršnekoli razlike med datotekama.

Page 54: Kaj je CSS?

Osnovni PHP Sintaksa

<html><body>

<? Phpecho "Hello World";?>

</ Body></ Html>

Page 55: Kaj je CSS?

Spremenljivke v PHP• Spremenljivke se uporabljajo za shranjevanje vrednosti, kot so

besedilne nize, številke ali nizi.• Če je prijavljen spremenljivko, se lahko uporablja znova in znova

v svoj skript.• Vse spremenljivke v PHP začnejo z $ znakom simbol.• Pravilen način razglasitvi spremenljivke v PHP:• $ Var_name = vrednost; New PHP programerji pogosto pozabimo

$ znak na začetku spremenljivke. V tem primeru ne bo delovalo.• Poskusimo ustvariti spremenljivko, ki vsebuje niz, in spremenljivi,

ki vsebuje številko:

Page 56: Kaj je CSS?

Poimenovanje spremenljivk

Spremenljivke v PHP se vedno začnejo z znakom za dolar ($). Prvi znak po dolarju ne more biti številka. Presledki in ločila, razen podčrtaja, niso dovoljeni. Imena spremenljivk so razlikovalna za črke. Ker se za poimenovanje ne sme uporabljati presledkov, je običajno, da se z veliko začetnico napiše prvo črko naslednjih besed, če je ime spremenljivke sestavljeno iz več besed (npr. $imePriimek). Druga možnost v takih primerih je uporaba podčrtaja (npr. $ime_priimek).

Page 57: Kaj je CSS?

PHP script

<? Php$ Txt = "Hello World!";$ X = 16;?>

Page 58: Kaj je CSS?

Ustvarjanje spremenljivk

Spremenljivki se vrednost določi z enačajem (=).

$spremenljivka = vrednost;

Spremenljivka gre na levo stran enačaja in vrednost gre na desno stran.

Page 59: Kaj je CSS?

Narekovaji

Pravilo pri uporabi narekovajev za označevanje vrednosti spremenljivk je, da se številke pišejo brez narekovajev, besedilo pa zahteva narekovaje. Uporablja se enojne ali dvojne narekovaje. Narekovaji morajo biti vedno v parih.

Potrebno je biti previden pri uporabi enojnega narekovaja v nizih z enojnimi narekovaji ali dvojnih narekovajev v nizih z dvojnimi narekovaji. Npr.:

$novica['naslov']='Igralnica Harrah's na Goriškem';

Page 60: Kaj je CSS?

NarekovajiPHP v tem primeru vidi enojni narekovaj za imenom kot zaključek

teksta, zato javi napako. Obstajata dve rešitvi tega problema. Če tekst vsebuje enojne narekovaje, uporabiš dvojne narekovaje ali pa pred enojni narekovaj postaviš levo poševnico. To imenujemo ubežanje (ang. escaping).

Tako sta ti dve možnosti ustrezni:

$novica['naslov']="Igralnica Harrah's na Goriškem";$novica['naslov']=' Igralnica Harrah\'s na Goriškem ';

Podobno velja pri dvojnih narekovajih v nizih obdanih z dvojnimi narekovaji.

Page 61: Kaj je CSS?

Uporaba narekovajev pri spremenljivkah vključenih v nize

PHP jemlje niz obdan z enojnimi narekovaji dobesedno kot tekst.

$ime = 'Matej';echo 'Pozdravljen, $ime'; //izpiše Pozdravljen, $ime

Sremenljivki $ime je pripisana vrednost in nato je uporabljena v nizu obdanemu z enojnimi narekovaji. $ime je v tem primeru obravnavan kot navaden tekst.

Page 62: Kaj je CSS?

Uporaba narekovajev pri spremenljivkah vključenih v nize

V primeru, da je niz obdan z dvojnimi narkovaji, se spremenljivka $ime obdela:

$ime = 'Matej';echo "Pozdravljen, $ime"; // izpiše Pozdravljen, Matej

Z dvojnimi narekovaji se obda tudi tri posebna zaporedja, ki jih PHP pogon ustrezno obdela. Ta so: \n vstavi znak za konec vrstice, \r vstavi prehod na začetek nove vrstice in \t vstavi predelčnik (ang. tabulator).

Page 63: Kaj je CSS?

Kaj je MySQL?

• MySQL je podatkovni strežnik• MySQL je idealna za tako majhne in velike

vloge• MySQL podpira standard SQL• MySQL pripravlja na več platformah• MySQL je brezplačno prenesete in uporabo

Page 64: Kaj je CSS?

Heredoc skladnja

Pripisovanje niza spremenljivki z uporabo heredoc-a vključuje naslednje korake:1. Najprej napišeš ime spremenljivke, nato enačaj, ki naj mu sledita <<< in določevalec. Določevalec je lahko katerakoli sestava črk, števil in podčrtaja, če se le ne začne s številko.2. Napišeš niz v novi vrstici. Niz lahko vključuje tako enojne kot dvojne narekovanje. Vse spremenljivke bodo obdelane na isti način kot pri nizu obdanemu z dvojnimi narekovaji.3. Nato napišeš določevalec v novo vrstico. V tej vrstici naj ne bo razen določevalca in končnega podpičja ničesar drugega. Označevalec mora biti na začetku vrstice, ne sme biti zamaknjen.

Page 65: Kaj je CSS?

Heredoc skladnja

Primer:$skodelica_kave = <<< IvanJaz pa sem se ozrl in sem rekel z zlobnim glasom:"Pustite me na miru! ... Ne maram zdaj!"Od sramu mi je stopila kri v lica, stopil sem ji naproti s hitrim korakom."Dajte, mati!"Ivan;echo $skodelica_kave;

Page 66: Kaj je CSS?

Aritmetični operatorjiDva od znakov za standardne aritmetične operatorje se malo razlikujeta od

običajnih: zvezdica (*) je za množenje in desna poševnica (/) je za deljenje. Seznam aritmetičnih operatorjev je prikazan v tabeli 1.

Tabela 1: Seznam aritmetičnih operatorjev

Operacija Znak Primerseštevanje + $x+$yodštevanje - $x-$ymnoženje * $x*$ydeljenje / $x/$ymodulo % $x%$ypovečanje za 1 ++ $x++zmanjšanje za 1 -- $x--

Page 67: Kaj je CSS?

Aritmetični operatorjiModulo je operacija, ki izračuna ostanek pri celoštevilskem deljenju dveh števil.

26%5 // rezultat je 1

Praktična uporabnost modulo operatorja je, da ugotoviš ali je število sodo ali liho.Operatorja povečevanje za 1 (++) in zmanjševanje za 1 (--) sta lahko napisana pred ali za spremenljivko. Če sta napisana pred spremenljivko, je vrednost ena prišteta ali odšteta od vrednosti spremenljivke pred kakršnimkoli nadaljnjim računanjem. Če sta napisana za spremenljivko, je najprej izvedena glavna kalkulacija in nato je vrednost ena prišteta ali odšteta. Ker je znak za dolar sestavni del spremenljivkinega imena, morata operatorja za povečanje ali zmanjšanje priti pred znak za dolar: ++$x in --$y

Page 68: Kaj je CSS?

Povezovalni operatorPHP ima nenavaden način združevanja nizov. Drugi programski

jeziki uporabljajo znak za plus (+), PHP pa uporablja piko (.):

$prvoIme = 'Ivan';$drugoIme = 'Cankar';echo $prvoIme.$drugoIme; //prikaže Ivan Cankar

Če sta dva niza združena na ta način, ni med nizoma nobenega presledka. Če želiš vmes dodati prazen prostor, ga moraš dodati v lasten niz na način:

echo $prvoIme.' '.$drugoIme; //prikaže Ivan Cankar

Page 69: Kaj je CSS?

Združitveni dodelitveni operatorPHP omogoča krajši način za izvedbo izračuna na spremenljivki in

dodelitev rezultata izračuna tej isti spremenljivki z uporabo združitvenih dodelitvenih operatorjev. Glavni združitveni dodelitveni operatorji so prikazani v tabeli 2:

Tabela 2: Seznam združitvenih dodelitvenih operatorjev

Operator Primer Enakovredno+= $a += $b $a = $a + $b-= $a -= $b $a = $a - $b*= $a *= $b $a = $a * $b/= $a /= $b $a = $a / $b%= $a %= $b $a = $a % $b

Page 70: Kaj je CSS?

Združitveni povezovalni operator

Ista priročna bližnjica dovoljuje dodajanje novega materiala na konec obstoječega niza na način združevanja pike in znaka za je enako:

$vreme = 'Danes je';$vreme .= ' sončno';

Ta operator je zelo uporaben pri združevanju več nizov. Naprimer, ko gradiš vsebino e-poštnega sporočila ali ko s pomočjo zanke izpisuješ rezultate iskanja po zbirki podatkov.

Page 71: Kaj je CSS?

Primerjalni operatorji Simbol Ime Uporaba

= = enakost Vrne pravilno, če sta vrednosti enaki; v nasprotnem primeru vrne napačno.!= neenakost Vrne pravilno, če se vrednosti razlikujeta; v nasprotnem primeru vrne napačno.= = = popolnoma enak Določa ali sta obe vrednosti popolnoma enaki. To je v primeru, če imata isto vrednost in sta tudi istega podatkovnega tipa.!= = nista popolnoma enaka Določa ali vrednosti nista popolnoma enaki.> večji kot Določa ali je vrednost na levi večja od one na desni.>= večji kot ali je enako Določa ali je vrednost na levi večja ali enaka kot ona na desni.< manjši kot Določa ali je vrednost na levi manjša od one na desni.<= manjši kot ali je enako Določa ali je vrednost na levi manjša kot ali enaka kot vrednost na desni.

Page 72: Kaj je CSS?

ZgodovinaPHP je leta 1995 razvil danski programer Rasmus Lerdorf in ga

ponudil vsem v uporabo kot odprto kodo. PHP je bil v začetku zamišljen le kot skupek makrov za vzdrževanje domačih spletnih stvari in od tod izhaja tudi prvotno ime Personal Home Page Tools. Od takrat je PHP postal jezik s številnimi možnostmi in z njim je mogoče upravljati velika spletna okolja, ki jih poganjajo zbirke podatkov, zato se je pojavila potreba po spremembi imena v PHP: Hypertext Preprocessor. Leta 1997 je izšla druga različica, leta 1998 tretja, leta 2000 četrta in leta 2004 peta z novim pogonom Zend 2. V PHP 5 mu je bila dodana podpora za predmetno usmerjeno programiranje.

Page 73: Kaj je CSS?

Podatkovni tipi v PHP-juPHP uporablja osem podatkovnih tipov:

- celo število (angl. integer): to je celo število, kot npr. 354. Cela števila ne smejo vsebovati vejic ali drugih ločil in tudi ne ločitelja za tisoč. Uporabljaš lahko tudi šestnajstiška števila, ki morajo imeti spredaj znak 0x (npr. 0xFFFFFF, 0x000000).- decimalno število (angl. double/float): to je število, ki vsebuje decimalno piko, kot npr. 5.14 ali 3.19. Decimalna števila ne smejo vsebovati ločitelja za tisoč.- niz (angl. string): niz je besedilo poljubne dolžine. Lahko je dolg nič znakov (prazen niz) in nima omejitve dolžine.- Boolov (angl. Boolean): ta tip ima le dve vrednosti: true (slo. pravilno) ali false (ang. napačno).

Page 74: Kaj je CSS?

Podatkovni tipi v PHP-ju- polje (angl. array): polje je spremenljivka, ki je zmožna shranjevanja večih

vrednosti, čeprav lahko tudi ne vsebuje nobene vrednosti (prazno polje). Polja lahko hranijo katerikoli podatkovni tip, vključno z drugimi polji. Polje polj se imenuje večrazsežnostno polje.- predmet (angl. object): PHP ima močne predmetno usmerjene zmožnosti, ki so namenjene naprednejšim uporabnikom.- vir (resource): ko se PHP poveže z zunanjim virom podatkov, kot je npr. datoteka ali podatkovna baza, shrani navezavo na njo kot vir.- NULL: to je poseben tip podatkov, ki nakazuje, da spremenljivka nima vrednosti. Pomembno stransko dejstvo šibko tipkanih jezikov je to, da če obdaš celo ali decimalno število z narekovaji, ju PHP samodejno pretvori iz niza v število, kar ti omogoča izvedbo računanj brez potrebe po posebnem ravnanju.

Page 75: Kaj je CSS?

Boolove vrednosti

Implicitne Boolove vrednosti temeljijo na sorazmerno ozki definiciji o tem, kaj PHP jemlje kot napačno in sicer:- ključni nerazlikovalni za črke besedi false in null, - ničla kot celo število (0), kot število s plavajočo vejico (0,0) ali kot niz ('0' ali "0"),- prazen niz (enojni ali dvojni narekovaji brez presledka med njimi),- prazno polje,- predmet brez vrednosti ali funkcij.

Page 76: Kaj je CSS?

Indeksirano polje

Posamezni elementi polja so istoveteni v obliki številke v oglatem oklepaju, ki takoj sledi imenu spremenljivke. Številka se imenuje ključ ali indeks polja.

$sadje['0']='jabolka';$sadje['1']='hruške';$sadje['2']='slive';

Page 77: Kaj je CSS?

Asociativno polje

PHP uporablja tudi drugi tip polja, v katerem je ključ beseda (ali katerakoli zveza črk in številk). Polje, ki vsebuje podrobnosti o košari sadja izgleda takole:

$sadje['vrsta']='jabolka';$sadje['sorta']='zlati delišes';$sadje['količina']='50';

Ključ polja je v narekovajih (vseeno ali enojnih ali dvojnih). Ključ polja ne sme vsebovati presledkov ali ločil razen podčrtaja.

Page 78: Kaj je CSS?

Ustvarjanje poljTako indeksirana kot asociativna polja se lahko zgradi s priprisovanjem vrednosti

neposredno vsakemu elementu.

Primer izgradnje asociativnega polja:$sadje['vrsta'] = 'hruške';$sadje['sorta'] = 'viljamovke';$sadje['količina'] = '100';

Za izgradnjo indeksiranega polja na neposreden način se uporablja številke namesto nizov. Indeksirana polja so številčena od 0 naprej:

$oprema_za_otroke['0'] = 'voziček';$oprema_za_otroke['1'] = 'lonček';$oprema_za_otroke['2'] = 'posteljica';$oprema_za_otroke['3'] = 'plenice';$oprema_za_otroke['4'] = 'avtosedež';

Page 79: Kaj je CSS?

Večrazsežnostna poljaElementi polja lahko hranijo katerikoli tip podatkov, vključno z drugimi polji.

Npr. polje $sadje lahko hrani podrobnosti le o enem sadju. Bilo bi bolj primerno, da se naredi polje polj, z drugimi besedami večrazsežnostno polje, ki vsebuje podrobnosti o celi ozimnici:

$ozimnica = array (array('vrsta' => 'jabolka', 'sorta' => 'zlati delišes', 'količina' => '50'),array('vrsta' => 'hruške', 'sorta' => 'viljamovke', 'količina' => '30'));

Ta primer prikaže asociativna polja vgnezdena znotraj indeksiranega polja, toda večrazsežnostna polja lahko gnezdijo katerikoli tip. Za sklicevanje na določen element se uporablja ključ obeh polj:

$ozimnica[1]['vrsta'] // vrednost je jabolka

Page 80: Kaj je CSS?

PHP-jeva vgrajena superglobalna polja

PHP ima vgrajenih več polj, ki se samodejno napolnijo s koristnimi informacijami. Imenujejo se superglobalna polja in se vsa začnejo z $, ki mu sledi podčrtaj. Dve, ki jih v PHP-ju pogosto srečamo sta $_POST in $_GET. Vsebujeta podatke, posredovane z obrazci z načinoma post in get. Superglobalna polja so vsa asociativna polja in ključi $_POST-a in $_GET-a samodejno izvirajo iz imen elementov obrazca.

V primeru, da imamo v obrazcu tekstovno vnosno polje poimenovano naslov. PHP samodejno ustvari element polja imenovan $_POST['naslov'], ko je obrazec poslan prek načina post ali $_GET['naslov'], če uporabiš način get .

Page 81: Kaj je CSS?

PHP-jeva vgrajena superglobalna polja

V primeru, da imamo v obrazcu tekstovno vnosno polje poimenovano naslov. PHP samodejno ustvari element polja imenovan $_POST['naslov'], ko je obrazec poslan prek načina post ali $_GET['naslov'], če uporabiš način get .

Superglobalna polja so naslednja:- $_POST: vsebuje vrednosti poslane preko načina post.- $_GET: vsebuje vrednosti poslane preko URL poizvedbenega niza.- $_SERVER: vsebuje informacije, ki jih hrani spletni strežnik, kot so ime datoteke, ime poti, ime gostitelja.- $_FILES: vsebuje podrobnosti o nalaganju datotek.- $_SESSION: shranjuje informacije, ki jih želiš ohraniti, da so dostopne drugim stranem.

Page 82: Kaj je CSS?

If elsePogojni stavki se uporabljajo za prikaz različnega izhoda v odvisnosti

od postavljenih pogojev. Pogoj, ki se preverja, gre med navadne oklepaje in izvedena koda gre med zavite oklepaje:

if (pogoj je pravilen) {// koda, ki se izvede, če je pogoj resničen}

Koda v zavitih oklepajih se izvede le, če je pogoj pravilen. Če je pogoj nepravilen, PHP spregleda vse, kar je med zavitimi oklepaji in se premakne naprej po kodi.

Page 83: Kaj je CSS?

If elseČe želimo imeti privzeto akcijo, naredimo takole:

if (pogoj je pravilen) { // koda ki se izvrši, če je pogoj pravilen}else {// privzeta koda, če je pogoj nepravilen}

Če želimo več različnih možnosti, lahko dodamo več if stavkov. Pomembno pa se je zavedati, da se bo koda izvajala v vseh (lahko večih) primerih, kjer je pogoj pravilen. Če želimo, da se izvede le en blok kode, uporabimo elseif:

Page 84: Kaj je CSS?

If else

if (pogoj je pravilen) {// koda, ki se izvede, če je prvi pogoj pravilen}elseif (drugi pogoj je pravilen) {//koda, ki se izvrši, če je prvi pogoj nepravilen in je pravilen drugi pogojelse {// privzeta koda, če sta oba pogoja napačna}

Uporabiš lahko toliko elseif stavkov, kolikor želiš. Pomembno je poudariti, da se bo le prvi del, ki je pravilen, izvedel, vsi ostali bodo spregledani, čeprav so pravilni. To pomeni, da je potrebno zgraditi pogojne stavke v takem vrstnem redu kot želiš, da se bodo izvajali.

Page 85: Kaj je CSS?

Uporaba pogojnega operatorjaPogojni operator (?:) je bližnjica za izdelovanje enostavnega

pogojnega stavka. Osnovna skladnja izgleda takole:

pogoj ? če je vrednost pravilna : če je vrednost napačna;

Primer:$starost=17;$visinaVstopnine = $starost > 16 ? 'odrasel' ; 'otrok';

Druga vrstica preverja vrednost starosti. Če je večja kot 16, je $visinaVstopnine postavljena na odrasel, v nasprotnem primeru je postavljena na otrok.

Page 86: Kaj je CSS?

Uporaba pogojnega operatorja

Enakovredna koda z uporabo strukture if… else izgleda takole:

if ($starost > 16) { $visinaVstopnine = 'odrasel'; }else { $visinaVstopnine = 'otrok'; }

Pogojni operator je včasih zato, ker uporablja tri operande, poimenovan tudi kot trojni operator.

Page 87: Kaj je CSS?

Preizkušanje več kot enega pogojaPHP omogoča postavljanje serije pogojev z uporabo logičnih

operatorjev (tabela 4) tako, da določiš ali morajo biti vsi ali samo nekaj pogojev izpolnjenih.

Tabela 4: Seznam logičnih operatorjev

Simbol Ime Pomen&& logični IN Vrednoti kot pravilno, če sta oba pogoja pravilna.|| logični ALI Vrednoti kot pravilno, če je eden od obeh pravilen, drugače vrne nepravilno.! zanikanje Preverja, če nekaj ni pravilno.

Page 88: Kaj je CSS?

Preizkušanje več kot enega pogojaVsak pogoj se preverja po vrsti od leve proti desni in takoj, ko je

definirana točka dosežena, se nadaljnje preverjanje ne izvaja več. Pri uporabi && mora biti vsak pogoj izpolnjen, tako da se preverjanje preneha takoj, ko je eden od pogojev napačen. Pri uporabi || je potreben le en pravilen pogoj, da se preverjanje ustavi. Primer: $a = 10;$b = 25;if ($a > 5 && $b > 20) // vrne pravilnoif ($a > 5 || $b> 30) // vrne pravilno, $b se ne preverja

Page 89: Kaj je CSS?

Uporaba switch stavka za verižna odločanja

Switch stavek predstavlja alternativo if… else stavku. Osnovna skladnja izgleda takole:

switch (spremenljivka, ki se testira){case vrednost1: stavki, ki se izvršijobreak;case vrednost2: stavki, ki se izvršijobreak;default: stavki, ki se izvršijo}

Ko spremenljivka poslana funkciji switch ustreza kateri od možnosti podanih s ključno besedo case, se koda izvaja, dokler ne pride izvajanje kode do ključne besede break in tu se izvajanje switch stavka konča.

Page 90: Kaj je CSS?

Uporaba switch stavka za verižna odločanja

Primer:

switch ($mojaSpremenljivka){case 1: echo '$mojaSpremenljivka je 1';break;case jabolko: echo '$mojaSpremenljivka je jabolko';break;default:echo '$mojaSpremenljivka ni ne 1 ne jabolko';}

Page 91: Kaj je CSS?

Uporaba switch stavka za verižna odločanja

Glavne stvari glede switcha, ki se jih je potrebno zapomniti so naslednje:- izraz, ki sledi ključni besedi case mora biti ali število ali niz;- primerjalnih operatorjev ne moreš uporabiti s ključno besedo case. Tako naprimer uporaba case > 100; ni dovoljena;- vsak blok stavkov naj bi s normalno končal s ključno besedo break, razen če izrecno želiš nadaljevati izvrševanje kode;- več primerov case ključnih besed lahko združiš skupaj in pri njih uporabiš isti blok kode;- če ne pride do ujemanja, se izvršijo stavki, ki sledijo default (slo. privzeto) ključni besedi. Če ni določenega privzetega stanja, se bo switch stavek končal in nadaljeval z naslednjim blokom kode.

Page 92: Kaj je CSS?

ZankeNajbolj enostaven tip zanke se imenuje while zanka. Njena

osnovna zgradba izgleda takole:

while (pogoj je resničen) {naredi nekaj}

Naslednji primer prikaže vsa števila od 1 do 100. Začne se z določitvijo spremenljivke $i na vrednost 1, in nato uporablja isto spremenljivko kot števec za nadzor zanke, prav tako pa za prikaz trenutnega števila na ekranu.

Page 93: Kaj je CSS?

Zanke

Naslednji primer prikaže vsa števila od 1 do 100. Začne se z določitvijo spremenljivke $i na vrednost 1, in nato uporablja isto spremenljivko kot števec za nadzor zanke, prav tako pa za prikaz trenutnega števila na ekranu.

$i=1 //določi števecwhile ($i <= 100) { echo "$i <br />"; $i++; //povečaj števec za 1 }

Page 94: Kaj je CSS?

Zanke• Varianta while zanke uporablja ključno besedo do in sledi temu osnovnemu

vzorcu:

do { koda, ki se izvrši } while (koda, ki se preverja);

Edina razlika med do… while zanko in while zanko je v tem, da se koda v bloku izvrši vsaj enkrat, tudi če pogoj ni nikoli resničen. Naslednji primer prikaže vrednost $i enkrat kljub temu, da je večja kot pričakovana največja vrednost.

$i = 1000;do {

Page 95: Kaj je CSS?

ZankeEdina razlika med do… while zanko in while zanko je v tem, da se koda

v bloku izvrši vsaj enkrat, tudi če pogoj ni nikoli resničen. Naslednji primer prikaže vrednost $i enkrat kljub temu, da je večja kot pričakovana največja vrednost.

$i = 1000;do { echo "$i<br />"; $i++; //povečaj števec za 1 } while ($i <= 100);

Pri uporabi while in do… while moraš biti pazljiv, da ne ustvariš neskončne zanke, ki se nikoli ne konča.

Page 96: Kaj je CSS?

For zankaFor zanka je manj dovzetna za povzročanje neskončnih zank, zato ker si primoran

določiti vse pogoje zanke v prvi vrstici. For zanka uporablja naslednji osnovni vzorec:

for (inicializiraj števec; preveri; povečaj) { koda, ki se izvrši }

Naslednja koda naredi isto kot prejšnja while zanka – prikaže vsa števila od 1 do 100:

for ($i = 1; $i <= 100; $i++) { echo "$i<br />"; }

Page 97: Kaj je CSS?

For zankaTrije izrazi znotraj narekovajev nadzorujejo delovanje:

- prvi izraz določi začetno stanje. Tu lahko uporabljaš katerokoli spremenljivko, vendar je dogovor tak, da se pri zankah uporablja spremenljivka $i. Če je potreben več kot en števec, se pogosto uporabljata še spremenljivki $j in $k.- drugi izraz je preizkus, ki določa, ali naj zanka nadaljuje z izvajanjem. Tu je lahko število, spremenljivka ali izraz, ki izračuna vrednost.- tretji izraz pokaže pot skozi zanko. Večinoma želiš iti skozi zanko korak za korakom, tako da je primerna uporaba operatorja za povečanje za 1 (++) ali zmanjšanje za 1(--). Lahko pa uporabiš večje korake naprimer $i+=10.

Page 98: Kaj je CSS?

FunkcijePHP ima več kot 3000 že vgrajenih funkcij. Funkcije se spozna po

tem, da jim vedno sledi par oklepajev. Včasih so oklepaji prazni, kot npr. phpversion(). Pogosto pa oklepaji vsebujejo spremenljivke, števila ali nize kot npr.:

$toLeto = date('Y');

Funkcija date v tem primeru izračuna trenutno leto in jo shrani v spremenljivko $toLeto. Postavitev vrednosti med narekovaje je poznano kot posredovanje argumenta funkciji. Funkcija vzame vrednost v argumentu in jo obdela da vrne rezultat.

Page 99: Kaj je CSS?

Funkcije

V primeru, da funkcije vzamejo več kot en argument, ločimo argumente z vejicami na način:

$poslanoSporocilo = mail ($do, $zadeva, $sporocilo);

Ta funkcija pošlje e-pošto na naslov shranjen v prvem argumentu, zadeva je shranjena v drugem argumentu in sporočilo v tretjem.

Page 100: Kaj je CSS?

Razdelitev kode na enote z uporabo funkcij

Funkcije ponujajo primeren način za poganjanje pogosto izvajanih operacij. PHP omogoča, poleg velikega števila že vgrajenih funkcij, izdelavo lastnih funkcij. Prednosti so, da napišeš kodo le enkrat, namesto da bi jo moral vsakič ponovno natipkati. To pospeši čas razvijanja, poleg tega pa naredi kodo bolj berljivo in lažje je tudi vzdrževanje kode. Če je problem v kodi v funkciji, jo posodobiš le na enem mestu namesto na več mestih. Poleg tega funkcije običajno pospešijo hitrost izvajanja spletnih strani.Izdelava lastnih funkcij v PHP-ju je zelo enostavna. Blok kode obdaš z zavitimi oklepaji in uporabiš ključno besedo function za poimenovanje nove funkcije. Imenu funkcije vedno sledi par narekovajev.

Page 101: Kaj je CSS?

Razdelitev kode na enote z uporabo funkcij

Primer:

function reciZivjo() { echo 'Živjo!'; }

Rezultat je prikaz besede "Živjo!" na zaslonu. Tak tip funkcije vedno izvede isto stvar. Da bodo funkcije odzivne na okoliščine, jim je potrebno poslati vrednosti kot argumente.

Page 102: Kaj je CSS?

PHP + MySQL

• PHP v povezavi z MySQL, so na različnih platformah (lahko razvijejo v operacijskem sistemu Windows in služijo na platformi Unix)