Piškotki
sprejmi Spletna stran za boljšo funkcionalnost uporablja spletne piškotke - več o tem.
Z obiskom in uporabo spletnega mesta soglašate s piškotki.
 

Srednja medijska in grafična šola Ljubljana

  • Povečaj velikost črk
  • Privzeta velikost črk
  • Zmanjšaj velikost črk
Domov Dijaki in starši Govorilne ure

Gorazd Krumpak

tehnologija

Kratica: KRGO
Razredništvo: 2. G
Telefon: 01/620 94 18
Email: gorazd.krumpak@smgs.si
GU za dijake: petek, 9.10–9.55
GU za starše: sreda, 10.15–11.00
GU za odrasle: torek, 10.15–11.00
Gorazd Krumpak

nazaj

Kazalo


Medijsko oblikovanje (MOB)

MOB 2. letnik

Vprašanja za ponavljanje (teorija)

Poglejte dokument  Prenesite dokument

X

Jezik HTML in CSS - poglavja (praksa)

Poglejte dokument  Prenesite dokument

X

HTML in CSSPrimeri spletnih strani

learn.shayhowe.com
http://www.webgtools.net/
w3schools
w3c.org
Usability and the Semantic Web - videolectures.net
25-point Website Usability Checklist
Home Page Design Guidelines (Jakob Nielsen''s Alertbox)
113 Design Guidelines for Homepage Usability (Nielsen Norman Group)
Creating a CSS layout from scratch - Subcide
CSS layouts | Max Design
HTML Background Image Code
The CSS Box Model | CSS-Tricks
Quick Tip: CSS 100% Height | TutWow
Up to Speed on HTML 5 and CSS 3
Lanyrd | the social conference directory
Future layouts
LeaVerou/CSSS - GitHub
HTML5 Readiness
HTML5 Please - Use the new and shiny responsibly
Welcome to Treehouse, Sta rt Learning Today
Mozilla Developer Network
modernizr.com
Isotope
jQuery Masonry

pouk.smgs.si/PrimeriSpletnihStrani
Home
Fuel and Oil Additives, Nanotechnology, Immediate and Dramatic Results in Fuel Efficiency - H2OIL Corporation
SMART OIL - GREEN EARTH OIL
Design a Website | Wix.com
Best Web Page Design Gallery - CoolHomepages Design Award - Web Templates - All Categories
Graphic Design
Petrol | Energija za življenje
Naslovnica — Coolinarika
mimovrste=)
Renew the World
Miroslaw Balka: How It Is
Webby Nominees
Najlepše, najboljše in najbolj uporabne spletne strani na svetu | Spletnik Blog
NAS A @ Home and City || Version 2.0
Naslovnica Podravka - Hrvatska
Planet Siol.net
Lek - član skupine Sandoz
Mercator
Dobrodošli v Merkurjev spletni svet!
Zasebni uporabniki - www.telekom.si
ryder-ripps.com/mars

Jezik HTML in CSS - vaje za ponavljanja (praksa)

Slovanski-bogovi.si

Sport.si

Grboslovje (heraldika)

Izdelava spletne strani (praksa)

  1. Izberemo si temo.
  2. Zberemo gradivo (besedilo, slike, fotografije, diagrame, tabele, obrazce, video in animacije …) :
    • vsebina mora biti v slovenščini,
    • slike ustrezno pripravimo za splet (ločljivost min. 72 ppi, RGB barvni model, ustrezne dimenzije),
    • članke uredimo, slovnično in pravopisno popravimo, [navedemo vir in datum citiranja] …
  3. Preglejte spletne strani in si zapišite naslove strani, ki so vam všeč in bi želeli, da je vaša spletna stran podobna tej.
  4. V obliki diagrama izrišemo strukturo strani in imena dokumentov (brez šumnikov, presledkov in posebnih znakov).
  5. Določimo dimenzije, pri tem upoštevamo varno spletno področje – web safe area.
  6. Narišemo natančen načrt mreže oz. zaslonske slike (glava, meni, noga …). Na načrtu označimo natančne mere, vseh sklopov!
  7. Narišemo dizajn za eno vzorčno stran spletne strani v Photoshopu ali Illustratorju v merilu 1:1. Vstavimo resnično besedilo in slike in ga oblikujemo točno tako kot bo v končnem izdelku.
  8. Na načrt si zapišemo:
    •  uporabljene barve (v 16-tiškem in RGB(A) zapisu, priporočamo 3 barve),
    • vrsto pisave, naslonila, barvo in velikost besedila, enako naredimo tudi za naslove,
    • določimo barvo ozadja, barvo robov, barvo okvirjev …
    • določimo obliko povezavo (posebej za stanja link, hover, visited),
    • določimo standardne dimenzije in obliko za slike,
  9. Razrežemo grafiko in zapišemo HTML in CSS kodo.
  10. Vključimo lahko dodatke:
    • galerija slik,
    • statistika,
    • video embed,
    • spletne pisave,
    • google zemljevid,
    • FB dodatki,
    • jQuery,
    • favicon
  11. Objavimo na strežniku in preverimo napake.

Minimalni standard pri izdelavi spletne strani

  • načrt organizacije/hierarhije vsebine (vsaj 2 nivoja) in podstrani z imeni dokumentov,
  • min. 5 podstrani v obsegu min. 400 besed,
  • načrt zrcala (zaslonske slike) spletne strani,
  • pravilna koda HTML: http://validator.w3.org/,
  • pravilna koda CSS: http://jigsaw.w3.org/css-validator/,
  • vse notranje povezave delajo (ni mrtvih povezav): http://htmlhelp.com/tools/valet/,
  • povezave, ki kažejo na zunanje strani, se odprejo v novem oknu,
  • slike so optimizirane in ustrezne velikosti, vse imajo obvezni atribut alt,
  • urejeni metapodatki (orodje za izdelavo meta podatkov),
  • uporabljen "box model", uporaba HTML5 semantičnih oznak (npr.: header, footer, nav, article, section, aside ...),
  • naslovi so označeni z h1–h6, prvi se začne s h1, ostali sledijo, brez izpuščenih naslovov,
  • imena datotek in map brez presledkov, šumnikov in posebnih znakov, dovoljeni so samo znaki angleške abecede, velike in male črke, ter številke, razlikujemo velike in majhne črke,
  • raznolikost vsebine (besedilo obrazec, seznam, tabela, slika, video, povezava preko preko slike),
  • konsistentno oblikovanje podstrani,
  • vtičniki in razširitve,
  • orodje za izdelavo senc okvirjev, orodje za izdelavo senc besedila, orodje za oblikovanje zaobljenih robov okvirjev.
  • objava na strežniku.


MOB 4. letnik

Navodila za izpit za IO

Izdelava spletne strani v CMS-ju (Content Management System):

  • uporaba odprtokodnega CMS-ja (Wordpress, Joomla ...),
  • postavitev spletne strani na izbrano temo*,
  • objava različnih vrst medijev (besedilo, slika, zvok, animacija, video),
  • priprava min. 8 člankov/prispevkov (v obsegu min. 400 besed),
  • priprava gradiva za splet,
  • urejeni metpodatki (orodje za izdelavo meta podatkov),
  • izdelava menijev,
  • upravljanje z uporabniki,
  • upravljanje z datotekami,
  • upravljanje z zunanjimi povezavami,
  • namestitev vtičnikov CMS-ja,
  • namestitev fotogalerije,
  • namestitev obvestila o piškotkih na strani,
  • namestitev foruma,
  • namestitev koledarja,
  • namestitev drobtinic (breadcrumbs),
  • namestitev prijavnega okna,
  • namestitev naključnih slik/citatov,
  • namestitev oglaševanja, oglasnih pasic,
  • namestitev "poštarja" (newsletter),
  • namestitev facebook vtičnikov,
  • namestitev predlog,
  • namestitev slovenskega jezika,
  • Optimizacija spletne strani – SEO (Search Engine Optimisation),
  • spremljanje statistike obiska spletne strani,
  • ...

* Za temo se individualno dogovorite z mentorjem.

** Teoretični del izpita pokriva prof. Mojca Guštin.

*** Izdelke je potrebno oddati v dogovorjeni obliki en teden pred datumom izpita.


Tipografija in reprodukcija (TRE)

TRE 2. letnik

Navodila za izpit za IO

Teoretični del

Poudarek na knjigah Knjižna tipografija (Klementina Možina) in Mikrotipografija (Klementina Možina) in ostala literatura iz spodnjega seznama.

Poglavja:

  • Zgodovinski razvoj pisav.
  • Deli črk.
  • Rauličice črke.
  • Črkovni slogi.
  • Inicialka.
  • Okraski in ornamenti.
  • Naslonila.
  • Spiranje in stavljenje.
  • Zrcalo strani.
  • Zgodovina papirja.
  • Montaža strani.
  • Tipografski slogi.
  • Vrste stavka.
  • Barve in tipografija.
  • Tipografski merski sistemi.
  • Računalniška grafika.
  • Korekturna znamenja.

Praktični del

Poudarek na knjigah Adobe Photoshop 7.0, učilnica v knjigi (založba Pasadena), Adobe Illustrator CS (Adobe System), Adobe InDesign CS4 (Iva Molek) in ostala literatura iz spodnjega seznama.

  1. Vektorizacija logotipa v Illustrator-ju (primer logotipa).
  2. Priprava grafik za tisk v Photoshop-u za letak/zloženko.
  3. Izdelava dvostranega letaka/zloženke v InDesign-u na poljubno temo.
  4. Izdelava PDF dokumenta v kvaliteti za tisk po pravilih za pripravo tiskovin za tisk.

* Izdelke je potrebno oddati v dogovorjeni obliki en teden pred datumom izpita.

Priprava tiskovin za tisk

  • Priprava dimenzij dokumenta.
  • Oblikovanje zrcala strani in vzorčnih strani.
  • Oblikovanje in prelom strani po pravilih stavljena, slovničnih in pravopisnih pravilih.
  • Priprava slikovnih predlog v ustreznem barvnem modelu (CMYK) in ločljivostjo vsaj 300 ppi.
  • Priprava dokumenta PDF (dodatek za porezavo [3–5 mm], kakovost za tisk, križi za porezavo, barvna lestvica, sivinska lestvica, oznake za skladje).

Literatura pri predmetu TRE:

  • Jože Toporišič. Slovenski pravopis. Ljubljana: Slovenska akademija znanosti in umetnosti, 2001, 1805 str. ISBN 961-635-837-5. (Slovenski pravopis izdan po letu 2001)
  • Klementina Možina. Knjižna tipografija. Ljubljana: Univerza v Ljubljani, Filozofska fakulteta in Naravoslovnotehniška fakulteta, 2003, 302 str. ISBN 961-237-044-3.
  • Klementina Možina. Mikrotipografija. Ljubljana: Univerza v Ljubljani, Naravoslovnotehniška fakulteta, 2009, 275 str. ISBN 978-961-6045-65-0.
  • Iva Molek. Adobe InDesign CS4: učbenik za program Medijski tehnik v modulih Tipografija in reprodukcija in Grafični reprodukcijski sistemi. Ljubljana: Tehniška založba Slovenije, 2010, 135 str. ISBN 978-961-251-176-0.
  • Adobe Creative Team. Adobe Photoshop 7.0, učilnica v knjigi. Ljubljana: Pasadena, 2002, 450 str. ISBN 978-961-636-128-6.
  • Adobe Creative Team. Adobe Photoshop CS5, učilnica v knjigi. Ljubljana: Pasadena, 2008, 450 str. ISBN 978-961-636-189-7.
  • Adobe Creative Team. Adobe Photoshop CS5, učilnica v knjigi. Ljubljana: Pasadena, 2010, 380 str. ISBN 978-961-666-115-7.
  • Aleš Šuler. Adobe Illustrator 9.0. Šempeter pri Gorici: Flamingo, 2000, 195 str. ISBN 961-617-649-8.
  • Adobe Creative Team. Adobe Illustrator CS, učilnica v knjigi. San Jose: Adobe Systems, 2004, 564 str. ISBN 978-032-119-380-3.
  • Adobe Creative Team. Adobe Illustrator CS2, učilnica v knjigi. San Jose: Adobe Systems, 2005, 454 str. ISBN 978-032-132-183-1.
  • Adobe Creative Team. Adobe Illustrator CS3, učilnica v knjigi. San Jose: Adobe Systems, 2007, 458 str. ISBN 978-032-149-200-5.
  • Adobe Creative Team. Adobe Illustrator CS6, učilnica v knjigi. Berkeley: Adobe Press, 2012, 480 str. ISBN 978-032-182-248-2.
  • Robert Mihalič. Hitri vodnik skozi CorelDraw X3. Ljubljana: Pasadena, 2006, 150 str. ISBN 961-636-168-6.
  • Klementina Možina. Zgodovinski razvoj knjižne tipografije: doktorska disertacija. Ljubljana, Univerza v Ljubljani, Filozofska fakulteta, 2001, 330 str.
  • Maks Blejec: Priročnik za ročne stavce. Ljubljana: Združenje grafičnih podjetij Jugoslavije, sekcija za LRS, 1957, 625 str.
  • Jože Paradiž: Ročni stavec, 1. del. Ljubljana: Šolski center tiska in papirja, 1971, 255 str.
  • Srečko Mrak: Ročni stavec, 2. del. Ljubljana: Šolski center tiska in papirja, 1972, 255 str.
  • Emil Ruder: Tipografija. Ljubljana: Partizanska knjiga, Znanstveni tisk, 1977, 273 str.
  • Srečko Mrak: Tehnologija stavljenja, 3. del. Ljubljana: Tehniška založba Slovenije, 1980, 455 str.
  • Vilko Žiljak: Računalniški fotostavek. Ljubljana: PIS tiska in papirja, 1988, 318 str.
  • Vilko Žiljak: Namizno založništvo. Ljubljana: Odbor za grafično dejavnost, 1989, 255 str.
  • Drago Bajt: Pišem, torej sem. Maribor: Založba Obzorja, 1993, 282 str. ISBN 86-377-0669-X.
  • Marko Kumar: Tehnologija grafičnih procesov. Ljubljana: Center RS za poklicno izobraževanje, 2008, 480 str. ISBN 978-961-6246-65-1.
  • Adobe Systems Incorporated. Od zamisli do tiskovine. Ljubljana: Pasadena, 2000, 228 str. ISBN 961-6265-99-8.
  • http://www.graficar.si/
  • Grafičar 1/2002. Klementina Možina: Grafični izrazi na slovenskem. ISSN 1318-4377.
  • Grafičar 4/2002, str. 6–8. ISSN 1318-4377.
  • Grafičar 3/1996, str. 4–5. Alenka Sluga: Lufthansa, Gates in Gutenberg. ISSN 1318-4377.
  • Grafičar 1/2002, str. 6–14. Klementina Možina: Grafični izrazi v norem slovenskem pravopisu. ISSN 1318-4377.
  • Grafičar 1/1998. ISSN 1318-4377.
  • Grafičar 2/1998. ISSN 1318-4377.
  • Grafičar 1/2002. ISSN 1318-4377.
  • Thomas Bivins, William E. Ryan: How to Produce Creative Publications. Lincolnwood, Illinois, ZDA: NTC Bussiness Books, 1991, 438 str. ISBN 978-084-423-495-3.
  • Peter Weverka: Word za Windows 95 za telebane. Ljubljana: Pasadena, 1996, 249 str. ISBN 978-9-616-06525-2.
  • Dawid Hewson: Introduction to Desktop Publishing. Hatfield, Anglija: John Taylor Book Ventures, 1989, 112 str. ISBN 978-0-877-01565-9.
  • Stephan Fűssel: Gutenberg und seine Wirkung. Frankfurt: Insel Verlag, 1999, 216 str. ISBN 978-3-458-16980-2.
  • H. P. Willberg, F. Forssman: Lesetypographie. Mainz: Hermann Schmidt Verlag, 1999.
  • Rob Carter: Experimental Typography. California: RotoVision, 1997. ISBN 978-2-880-46279-6.
  • Friedrich W. Weiterhaus: Duden Satz- und Korrekturanweisungen. Mannheim: Bibliographisches Institut, 1986.
  • Robin Williams: The non-designer''s type book, 2nd edition. Berkeley, California, ZDA: Peachpit Press, 2006, 240 str. ISBN 978-0-321-30336-3.
  • Robin Williams: The non-designer''s design book, 2nd edition. Berkeley, California, ZDA: Peachpit Press, 2004, 240 str. ISBN 978-0-321-19385-8.
  • Nigel Chapman, Jenny Chapman: Digital Multimedia, 3rd edition. Chichester, Anglija: Wiley cop., 2009, 724 str. ISBN 978-0-470-51216-6.


Nove tehnologije (NTE)

NTE 4. letnik

Navodila za izpit za IO

Na izbrano temo* je potrebno pripraviti seminarsko nalogo in jo pripraviti v naslednjih oblikah:

  1. EPUB (format digitalne knjige, s kazalom, QR koda),
  2. PDF (v obliki interaktivne  e-revije, interaktvno kazalo in zaznamki, QR koda),
  3. RSS vir (kratek opis),
  4. pripeta QR koda v publikaciji, ki kaže na objavo seminarske naloge na spletnem mestu - orodje za izdelavo QR kode,
  5. članek na izbrano temo (380–420 besed, wordov dokument), 2 forografiji/sliki v kvaliteti za tisk (10x15 cm, ločljivost 300 ppi, CMYK).

* Za temo se individualno dogovorite z mentorjem.

** Drugi del izpita pokriva prof. Iva Molek.

*** Izdelke je potrebno oddati v dogovorjeni obliki en teden pred datumom izpita.


Poklicna matura (PM)

Koncept za izdelek

  • predstavimo temo izdelka,
  • predstavimo cilje, ki jih z izdelkom želimo doseči,
  • predstavimo namem izdelka in njegovo uporabno vrednost,
  • opišemo, kako bomo pripravili gradivo/material/predloge,
  • izrišemo ročno skico našega izdelka,
  • predstavimo orodja, ki jih bomo potrebovali pri delu,
  • opišemo postopek dela in posamezne faze izdelave izdelka,
  • naredimo seznam literature, s katero si bomo pomagali pri delu,
  • koncept je potrebno lastnoročno podpisati, zapišete datum in oddate na papirju, do predvidenega roka, kjer podpišete evidenco o oddaji koncepta.

Navodila za izdelavo in oblikovanje pisnega dela (dokumentacije)

Poglejte dokument  Prenesite dokument

X

Teme za poklicno maturo

Spletne predstavitve:

  • Predstavitvena spletna stran za podjetje,
  • Predstavitvena spletna stran za organizacijo,
  • Spletna stran podprta z multimedijskimi vsebinami,
  • Oblikovanje predloge (template) za CMS Joomla,
  • Postavitev spletne strani s CMS-jem Joomla,
  • Oblikovanje predloge (template) za CMS WordPress,
  • Postavitev spletne strani s CMS-jem Wordpress,
  • Dinamična spletna stran v tehnologiji PHP in MySQL,
  • Oglasna deska,
  • Spletna fotogalerija po meri.

Interaktivne aplikacije:

  • Interaktivna predstavitev, izdelana v programu Flash,
  • Preprosta igra, izdelana v programu Flash (interaktivna aplikacija),
  • Preprosta aplikacija, izdelana v programu Flash (interaktivna aplikacija),
  • Interaktivna aplikacija za napravo z zaslonom na dotik,
  • Ohranjevalnik zaslona za mobilno napravo.
  • Facebook aplikacija.

Tiskovine in elektronska gradiva:

  • Vodič za izdelavo izdelka v programu Photoshop,
  • Vodič za izdelavo izdelka v programu Illustrator,
  • Stenski koledar 2013,
  • Celostna grafična podoba za podjetje,
  • Celostna grafična podoba za organizacijo,
  • Izdelava e-revije,
  • Izdelava e-knjige,
  • Elektronsko učno gradivo.
  • Nigel Chapman, Jenny Chapman: Digital Multimedia, 3rd edition. Chichester: Wiley cop., 2009, 724 str. ISBN 978-0-470-51216-6.
Posodobljeno Torek, 25 Marec 2014 09:22
 
nazaj


Uradne ure   |   Kje smo   |   eUčilnica   |   Povezave   |   Načrt strani   |   Piškotki