<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Marko Lampret</title>
	<atom:link href="http://www.lampret.net/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lampret.net/blog</link>
	<description>IT's not complicated =)</description>
	<pubDate>Tue, 19 Aug 2008 06:42:20 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Povezave do spletnih strani</title>
		<link>http://www.lampret.net/blog/povezave-do-spletnih-strani/</link>
		<comments>http://www.lampret.net/blog/povezave-do-spletnih-strani/#comments</comments>
		<pubDate>Tue, 19 Aug 2008 06:37:55 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[XHTML, CSS, php, SQL]]></category>

		<category><![CDATA[html]]></category>

		<category><![CDATA[linki]]></category>

		<category><![CDATA[optimizacija]]></category>

		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=67</guid>
		<description><![CDATA[Kako narediti povezavo do zunanje spletne strani, da bo čimbolj prepoznavna?
Nepravilno:
http://www.replika.si - Računovodski servis replika d.o.o.
http://www.replika.si/storitve.php - Računovodstvo Replika
Pravilno:
Računovodski servis Replika d.o.o.
Računovodstvo Replika
V prvem primeru sem ločil URL povezave in ime strani. Zaradi tega sem izgubil pomembne ključne besede, ki jih iskalniki indeksirajo med povezavami. Poleg tega v prvem primeru nisem določil TITLE značke, ki pripomore k razpoznavnosti vsebine povezane strani.
Sam [...]]]></description>
			<content:encoded><![CDATA[<p>Kako narediti povezavo do zunanje spletne strani, da bo čimbolj prepoznavna?</p>
<p><strong>Nepravilno:</strong><br />
<a href="http://www.replika.si">http://www.replika.si</a> - Računovodski servis replika d.o.o.<br />
<a href="http://www.replika.si/storitve.php">http://www.replika.si/storitve.php</a> - Računovodstvo Replika</p>
<p><strong>Pravilno:</strong><br />
<a title="Računovodski servis, računovodstvo" href="http://www.replika.si/">Računovodski servis Replika d.o.o.</a><br />
<a title="Računovodstvo, knjigovodstvo" href="http://www.replika.si/storitve.php">Računovodstvo Replika</a></p>
<p>V prvem primeru sem ločil URL povezave in ime strani. Zaradi tega sem izgubil pomembne ključne besede, ki jih iskalniki indeksirajo med povezavami. Poleg tega v prvem primeru nisem določil TITLE značke, ki pripomore k razpoznavnosti vsebine povezane strani.</p>
<p>Sam pogosto uporabljam tudi prvo varianto, sploh kadar je bolj pomemben sam URL povezave, kot dejansko optimiziranje. Lep primer takega seznama je v mojih referencah, kjer so navedeni samo URL-ji.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/povezave-do-spletnih-strani/feed/</wfw:commentRss>
		</item>
		<item>
		<title>E-uprava</title>
		<link>http://www.lampret.net/blog/e-uprava/</link>
		<comments>http://www.lampret.net/blog/e-uprava/#comments</comments>
		<pubDate>Fri, 25 Jul 2008 07:09:33 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[Osebno]]></category>

		<category><![CDATA[e-uprava]]></category>

		<category><![CDATA[gov.si]]></category>

		<category><![CDATA[homologacija]]></category>

		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=65</guid>
		<description><![CDATA[Moram pohvalit državni portal E-uprava, ker me je danes prijetno presenetil.
Kak teden nazaj sem homologiral predelave na avtomobilu in rečeno je bilo, da bom urejeno homologacijo prejel po priporočeni pošti na dom (kar se bo verjetno zgodilo danes ali jutri).
Kar tako, iz radovednosti sem danes pogledal na E-upravo, pod možnost izpisa podatkov o vozilu (https://e-uprava.gov.si/e-uprava/emrvl.euprava). Kaj [...]]]></description>
			<content:encoded><![CDATA[<p>Moram pohvalit državni portal E-uprava, ker me je danes prijetno presenetil.</p>
<p>Kak teden nazaj sem homologiral predelave na avtomobilu in rečeno je bilo, da bom urejeno homologacijo prejel po priporočeni pošti na dom (kar se bo verjetno zgodilo danes ali jutri).</p>
<p>Kar tako, iz radovednosti sem danes pogledal na E-upravo, pod možnost izpisa podatkov o vozilu (<a href="https://e-uprava.gov.si/e-uprava/emrvl.euprava">https://e-uprava.gov.si/e-uprava/emrvl.euprava</a>). Kaj sem ugotovil? Predelave so že vpisane!</p>
<p>Prav fino se mi zdi, da je portal tako ažuren, da so spremembe vpisane še preden sem &#8220;fizično&#8221; prejel izpolnjen kartonček po pošti domov. Bravo, E-uprava!</p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/07/predelave.png"><img class="size-medium wp-image-66 aligncenter" title="predelave" src="http://www.lampret.net/blog/wp-content/uploads/2008/07/predelave-300x172.png" alt="" width="300" height="172" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/e-uprava/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Kakšno je vaše geslo?</title>
		<link>http://www.lampret.net/blog/kaksno-je-vase-geslo/</link>
		<comments>http://www.lampret.net/blog/kaksno-je-vase-geslo/#comments</comments>
		<pubDate>Tue, 27 May 2008 20:16:04 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[Varnost in zasebnost]]></category>

		<category><![CDATA[enkripcija]]></category>

		<category><![CDATA[geslo]]></category>

		<category><![CDATA[md5]]></category>

		<category><![CDATA[varnost]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=62</guid>
		<description><![CDATA[Ime? Priimek? Morda znamka monitorja, avtomobila, mobitela? Je vaše geslo izjemno enostavno in se verjetno nahaja nekje v slovarju?
Zakaj je uporaba kompleksnih gesel tako pomembna? V slučaju, da izkoristi varnostno luknjo v sistemu, lahko napadalec pridobi dostop do datoteke ali baze kjer so shranjena uporabniška imena in gesla. Ta gesla so sicer kriptirana, a obstajajo [...]]]></description>
			<content:encoded><![CDATA[<p>Ime? Priimek? Morda znamka monitorja, avtomobila, mobitela? Je vaše geslo izjemno enostavno in se verjetno nahaja nekje v slovarju?</p>
<p>Zakaj je uporaba kompleksnih gesel tako pomembna? V slučaju, da izkoristi varnostno luknjo v sistemu, lahko napadalec pridobi dostop do datoteke ali baze kjer so shranjena uporabniška imena in gesla. Ta gesla so sicer kriptirana, a obstajajo metode za razbijanje zaščite.</p>
<p>Gesla v spletnih aplikacijah so velikokrat kriptirana z <a href="http://en.wikipedia.org/wiki/MD5" target="_blank">MD5 algoritmom</a>. Ta algoritem ustvari šifrirano geslo, ki ga je ob upoštevanju varnostnih priporočil skoraj nemogoče razbiti. V praksi se žal izkaže, da v primeru uporabe &#8220;slabih&#8221; gesel lahko šifrirano geslo razbijemo že v nekaj urah, ali še prej. Gesla, ki so zelo pogosta, pa lahko prosto dobimo na spletu. Za kriptiranje mojih primerov bom uporabil spletno stran <a href="http://www.md5encryption.com/">http://www.md5encryption.com/</a>.</p>
<p>Vzemimo uporabnika &#8220;markol&#8221; z geslom &#8220;marko&#8221;. Predpostavimo, da je geslo v taki obliki dovoljeno za uporabo v sistemu. Napadalec, ki bi dobil dostop do datoteke z gesli, bi v tej datoteki videl sledeč zapis, ki predstavlja uporabniško ime in kriptirano geslo:</p>
<blockquote><p>markol:c28aa76990994587b0e907683792297c</p></blockquote>
<p>Na spletu je moč dobiti baze kriptiranih gesel, kjer so shranjena najpogosteje uporabljena gesla, tako da napadalcu ni treba razbijati gesla. Primer take strani je <a href="http://gdataonline.com/seekhash.php">http://gdataonline.com/seekhash.php</a>. Če v okence za iskanje vpišem hash c28aa76990994587b0e907683792297c, se na zaslonu pojavi rezultat:</p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/marko-md5.jpg"><img class="size-medium wp-image-63" title="marko-md5" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/marko-md5-300x145.jpg" alt="Hash MD5 \" width="300" height="145" /></a></p>
<p>Podobno se zgodi, če geslu pripišem letnico rojstva. Geslo je v tem primeru sicer dovolj dolgo, a je žal tako pogosto uporabljano, da se ga brez težav dobi v bazah na spletu. Te baze predstavljajo prvi korak napadalca k razbijanju pridobljenega gesla. Rezultati so vidni takoj, napadalcu ni treba niti poseči po programu za razbijanje gesel.</p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/marko82-md5.jpg"><img class="alignnone size-medium wp-image-64 aligncenter" title="marko82-md5" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/marko82-md5-300x145.jpg" alt="Marko82 md5" width="300" height="145" /></a></p>
<p>Zgoraj omenjeni primer predstavlja le del možnosti, ki jih imajo napadalci. Največja pomanjkljivost gesla je predvsem dolžina (oz. kratkost). Napadalec lahko nad geslom izvede &#8220;brute force&#8221; metodo za razbijanje gesel. To je v bistvu ugibanje gesla s poizkušanjem naključnih kombinacij nizov znakov, katerih MD5 bi lahko ustrezal geslu. Poglejmo, koliko časa potrebuje napadalec z zelo hitrim računalnikom za razbitje gesla z ugibanjem kombinacij:</p>
<p>dolžina: <strong>4 znaki</strong>, nabor znakov: <strong>a-z</strong> -&gt; manj kot 1 sekunda<br />
dolžina:<strong> 4 znaki</strong>, nabor znakov: <strong>a-z A-Z 0-9 + simboli</strong> -&gt; 4.8 sekunde<br />
dolžina: <strong>5 znakov</strong>, nabor znakov:<strong> a-z A-Z</strong> -&gt; 25 sekund<br />
dolžina: <strong>6 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9</strong> -&gt; 1 ura<br />
dolžina: <strong>6 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9 + simboli</strong> -&gt; 11 ur<br />
dolžina: <strong>7 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9 + simboli</strong> -&gt; 6 tednov<br />
dolžina: <strong>8 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9</strong> -&gt; 5 mesecev<br />
dolžina: <strong>8 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9 + simboli </strong>-&gt; 10 let<br />
dolžina: <strong>9 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9 + simboli</strong> -&gt; 1000 let<br />
dolžina: <strong>10 znakov</strong>, nabor znakov: <strong>a-z A-Z 0-9 </strong>-&gt; 1700 let<br />
dolžina: <strong>10 znakov</strong>, nabor znakov:<strong> a-z A-Z 0-9 + simboli </strong>-&gt; 91800 let</p>
<p>Podobne tabele so tudi na naslovu: <a href="http://www.lockdown.co.uk/?pg=combi&amp;s=articles" target="_blank">http://www.lockdown.co.uk/?pg=combi&amp;s=articles</a></p>
<p>Poleg ugibanja kombinacij &#8220;na slepo&#8221; se lahko napadalec posluži tudi slovarjev in s tem pohitri čas ugibanja.</p>
<p><strong>Geslo naj zadosti naslednjim kriterijem:</strong><br />
- dolžina vsaj 8 znakov<br />
- uporaba velikih in malih črk ter številk<br />
- geslo ne vsebuje besed, ki se jih dobi v slovarjih, niti imen znamk</p>
<p><strong>Še en dober namig za izbiro varnega gesla, ki si ga ni težko zapomniti:</strong></p>
<p>vir: <a href="http://www.redhat.com/docs/manuals/linux/RHL-8.0-Manual/security-guide/s1-wstation-pass.html" target="_blank">http://www.redhat.com/docs/manuals/linux/RHL-8.0-Manual/security-guide/s1-wstation-pass.html</a></p>
<p>1. izberite si verz iz pesmi, ki vam je všeč, npr:  <strong>The sun is sleeping quietly, Once upon a century</strong></p>
<p>2. prepišite prve znake v besedi (lahko tudi ločila) in upoštevajte velike-male črke:<strong> Tsisq,Ouac</strong></p>
<p>3. zamenjajte črke s številkami (o=0, i=1, a=4, s=5, b=8, &#8230;), in dobili smo odlično geslo, ki si ga lahko zapomnimo s pomočjo verza: <strong>T515q,0u4c</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/kaksno-je-vase-geslo/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Google te gleda</title>
		<link>http://www.lampret.net/blog/google-te-gleda/</link>
		<comments>http://www.lampret.net/blog/google-te-gleda/#comments</comments>
		<pubDate>Wed, 21 May 2008 20:41:51 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[Varnost in zasebnost]]></category>

		<category><![CDATA[kraja identitete]]></category>

		<category><![CDATA[podatki]]></category>

		<category><![CDATA[varnost]]></category>

		<category><![CDATA[vdor]]></category>

		<category><![CDATA[zasebnost]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=56</guid>
		<description><![CDATA[Malo sem se igral z iskalniki in poiskušal priti do raznih pomembnih osebnih podatkov, da vidim kdo v naši državi najbolj jezi informacijsko pooblaščenko. Iskal sem na razne načine s pomočjo Googla in Najdi.si, da bi dobil kar čimveč podatkov o naključnih posameznikih. Spreten prevarant bi te podatke lahko uporabil za krajo identitete.
Kar sem ugotovil, me je precej šokiralo.
Zanimivo [...]]]></description>
			<content:encoded><![CDATA[<p>Malo sem se igral z iskalniki in poiskušal priti do raznih pomembnih osebnih podatkov, da vidim kdo v naši državi najbolj jezi <a href="http://www.ip-rs.si/" target="_blank">informacijsko pooblaščenko</a>. Iskal sem na razne načine s pomočjo Googla in Najdi.si, da bi dobil kar čimveč podatkov o naključnih posameznikih. Spreten prevarant bi te podatke lahko uporabil za <a href="http://en.wikipedia.org/wiki/Identity_theft" target="_blank">krajo identitete</a>.</p>
<p>Kar sem ugotovil, me je precej šokiralo.</p>
<p>Zanimivo je, kako na spletu ležijo nezaščiteni in javnosti na voljo nekateri sicer zaupni in pomembni dokumenti. Lep primer so pogodbe, ki sem jih prikazal spodaj. Nekaj spretnih prijemov pri iskanju je bilo takoj uspešnih in prišel sem do podatkov posameznikov, ki so sodelovali pri prodaji nepremičnin. Na vseh spodaj prikazanih pogodbah so napisani sledeči podatki: <strong>ime</strong>, <strong>priimek</strong>, <strong>naslov</strong>, <strong>davčna št. občana</strong> in <strong>matična številka občana</strong>.</p>
<p>Namenoma sem vse podatke skril, da nebi prišlo do zlorab.</p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_1.jpg"><img class="size-medium wp-image-57" title="obcinska_pogodba_1" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_1-300x247.jpg" alt="Zasebnost" width="300" height="247" /></a></p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_2.jpg"><img class="aligncenter size-medium wp-image-58" title="obcinska_pogodba_2" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_2-300x121.jpg" alt="Pogodba 2" width="300" height="121" /></a></p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_4.jpg"><img class="alignnone size-medium wp-image-60" title="obcinska_pogodba_4" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_4-300x145.jpg" alt="Pogodba 4" width="300" height="145" /></a></p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_3.jpg"><img class="alignnone size-medium wp-image-59 aligncenter" title="obcinska_pogodba_3" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/obcinska_pogodba_3-300x191.jpg" alt="Pogodba 3" width="300" height="191" /></a></p>
<p> </p>
<p style="text-align: center;"><strong>Kaj bi lahko v zgornjih primerih odgovorni naredili, da iskalniki sploh <br />
</strong><strong>nebi prišli do osebnih podatkov?</strong></p>
<p>1. Najlažja različica: administrativna delavka bi že pred objavo dokumentov na spletni strani iz njih izbrisala  osebne podatke.</p>
<p>2. S pomočjo datoteke robots.txt bi skrbnik spletne strani lahko iskalnikom prepovedal dostop do map, kjer se nahajajo dokumenti z osebnimi podatki:</p>
<blockquote><p># Začetek robots.txt datoteke<br />
User-agent: *<br />
Disallow: /mapa_z_dokumenti<br />
# Konec datoteke</p></blockquote>
<p>3. Datoteke, ki vsebujejo osebne podatke, bi objavili le na intranetnih straneh, zaščitenih z gesli.</p>
<p> </p>
<p style="text-align: center;"><strong></strong></p>
<p style="text-align: center;"><strong>Najslabša možna oblika neprimerne objave osebnih podatkov:</strong></p>
<p style="text-align: center;"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/trr.jpg"><img class="size-medium wp-image-61" title="trr" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/trr-300x200.jpg" alt="transakcijski račun" width="300" height="200" /></a></p>
<p style="text-align: left;">Brez večjih naporov sem preko iskalnika prišel do nekaj pogodb, kjer je poleg zgoraj navedenih osebnih podatkov tudi podatek o <strong>transakcijskem računu pogodbenih strank</strong> - navedeni sta številka in poslovalnica banke, kjer je račun odprt.</p>
<p style="text-align: left;">Se spomnite filma <a href="http://www.imdb.com/title/tt0113957/" target="_blank">The Net</a>? &#8220;To se nikakor ne more zgoditi&#8221; je bilo takrat moje mišljenje. V preteklih letih sem ga spremenil. Kraja identitete in varovanje podatkov sta postali pomembni temi, ki se jih mora zavedati vsak uporabnik spletnih storitev.</p>
<p style="text-align: left;">Se spomnite <a href="http://news.bbc.co.uk/1/hi/entertainment/7174760.stm" target="_blank">Clarksona</a>? S pomočjo njegovega imena, rojstnega datuma in številke transakcijskega računa mu je neznanec z bančnega računa prenesel 500 funtov na račun dobrodelne organizacije.</p>
<p style="text-align: left;">Samo vprašanje časa je, kdaj se bo podoben primer pojavil pri nas. Dvomim pa, da bo denar pristal v rokah tistih, ki ga potrebujejo (kot v primeru Clarksona).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/google-te-gleda/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ko si veliko podjetje privošči zmanjševanje stroškov</title>
		<link>http://www.lampret.net/blog/ko-si-veliko-podjetje-privosci-zmanjsevanje-stroskov/</link>
		<comments>http://www.lampret.net/blog/ko-si-veliko-podjetje-privosci-zmanjsevanje-stroskov/#comments</comments>
		<pubDate>Mon, 19 May 2008 07:03:21 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[Kiber igračke]]></category>

		<category><![CDATA[asus]]></category>

		<category><![CDATA[ibook]]></category>

		<category><![CDATA[kopija]]></category>

		<category><![CDATA[msi]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=53</guid>
		<description><![CDATA[[ironija on] Podetjema MSI in ASUS gre očitno tako slabo, da si ne morejo privoščiti niti fotografa za njihov promocijski material. [ironija off]
Gre za reklamni material za nove sub-notebooke obeh podjetij - Asus EEE PC in MSI Wind.
Uporabili so kar generično fotografijo mladostnika z iBook-om, dodali svoj logotip, ter z grafičnimi orodji malo spremenili poteze prenosnika na fotografiji. Po [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/asus-msi-photoshop.jpg"></a><a href="http://www.gettyimages.com/Search/Search.aspx?contractUrl=1&amp;language=en-US&amp;family=creative&amp;p=200193762-001&amp;src=standard#"></a><em>[ironija on]</em> Podetjema MSI in ASUS gre očitno tako slabo, da si ne morejo privoščiti niti fotografa za njihov promocijski material. <em>[ironija off]</em></p>
<p>Gre za reklamni material za nove sub-notebooke obeh podjetij - Asus EEE PC in MSI Wind.</p>
<p>Uporabili so kar generično fotografijo mladostnika z iBook-om, dodali svoj logotip, ter z grafičnimi orodji malo spremenili poteze prenosnika na fotografiji. Po podrobnejšem pregledu fotografij se opazi tudi, da je uporabnik dobil malce temnejšo polt. <img src='http://www.lampret.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Resnično dvomim, da se je splačal prihranek tistih nekaj 100€, ki bi jih sicer porabili za profesionalnega fotografa.</p>
<p>Ali pač?? Konec koncev zdaj te fotografije krožijo po celem medmrežju. <img src='http://www.lampret.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
 </p>
<p style="TEXT-ALIGN: center"><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/asus-msi-photoshop.jpg"><img class="alignnone size-medium wp-image-54" title="asus-msi-photoshop" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/asus-msi-photoshop-300x174.jpg" alt="Fotoshop Asus in Msi" width="300" height="174" /></a></p>
<p style="TEXT-ALIGN: center">In še originalna fotografija:<br />
<a href="http://www.gettyimages.com/Search/Search.aspx?contractUrl=1&amp;language=en-US&amp;family=creative&amp;p=200193762-001&amp;src=standard#"><img class="alignnone size-medium wp-image-55" title="asus-msi-photoshop-1" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/asus-msi-photoshop-1-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>vir:<br />
<a href="http://www.engadget.com/2008/05/18/asus-and-msi-have-some-splaining-to-do/">http://www.engadget.com/2008/05/18/asus-and-msi-have-some-splaining-to-do/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/ko-si-veliko-podjetje-privosci-zmanjsevanje-stroskov/feed/</wfw:commentRss>
		</item>
		<item>
		<title>tabele so passé</title>
		<link>http://www.lampret.net/blog/tabele-div-css/</link>
		<comments>http://www.lampret.net/blog/tabele-div-css/#comments</comments>
		<pubDate>Sun, 18 May 2008 19:49:57 +0000</pubDate>
		<dc:creator>Marko Lampret</dc:creator>
		
		<category><![CDATA[XHTML, CSS, php, SQL]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[pozicioniranje]]></category>

		<category><![CDATA[validiranje]]></category>

		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.lampret.net/blog/?p=51</guid>
		<description><![CDATA[Opažam, da velika večina začetnikov pri postavljanju predlog še vedno uporablja tabele. Verjamem, da je lažje začeti s tabelami in da nudijo takojšnje, lahko predvidljive rezultate. Ko pa enkrat stran postane obširna, se izkaže, da so tabele prava mora. Delanje popravkov postane precej oteženo, saj se je v kodi težko orientirati.
DIV značka nam nudi odlično nadomestilo [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/css.jpg"></a>Opažam, da velika večina začetnikov pri postavljanju predlog še vedno uporablja tabele. Verjamem, da je lažje začeti s tabelami in da nudijo takojšnje, lahko predvidljive rezultate. Ko pa enkrat stran postane obširna, se izkaže, da so tabele prava mora. Delanje popravkov postane precej oteženo, saj se je v kodi težko orientirati.</p>
<p>DIV značka nam nudi odlično nadomestilo za tabele. Treba se je le naučiti nekaj osnovnih CSS lastnosti in se zavedati teža, ki ji povzroča IE6. Ko to osvojimo, je vse lažje.</p>
<p><strong>Kako centriramo stran s fiksno širino s pomočjo DIV značke?</strong></p>
<p>Začetnik v HTMLju bi postavil tabelo s fiksno širino in dodal &#8220;align=center&#8221;. Ker pa nismo več začetniki, se bomo poslužili DIV značk.</p>
<p>Najprej HTML koda:</p>
<blockquote><p>&lt;div id=&#8221;ogrodje&#8221;&gt;<br />
Vsebina spletne strani&#8230;.<br />
&lt;/div&gt;</p></blockquote>
<p>In nato še CSS oblikovanje:</p>
<blockquote><p>#ogrodje {<br />
width: 800px;<br />
margin-right: auto;<br />
margin-left: auto;<br />
}</p></blockquote>
<p>Postavili smo sredinsko poravnano plast širine 800px. Enostavno, ne? DIV značkam lahko damo poljuben ID, s katerim smiselno poimenujemo polja.</p>
<p><strong>Sredinsko centrirana stran fiksne širine. Vsebuje glavo, izbirni meni in vsebino.</strong></p>
<p>HTML koda:</p>
<blockquote><p>&lt;div id=&#8221;ogrodje&#8221;&gt;<br />
   &lt;div id=&#8221;glava&#8221;&gt;&lt;/div&gt;<br />
   &lt;div id=&#8221;izbirni_meni&#8221;&gt;&lt;/div&gt;<br />
   &lt;div id=&#8221;vsebina&#8221;&gt;&lt;/div&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>CSS oblikovanje:</p>
<blockquote><p>#ogrodje {<br />
 width: 800px;  /* Določimo širino strani. */<br />
/* Avtomatski odmik od desnega roba ekrana. */<br />
 margin-right: auto; <br />
/* Avtomatski odmik od levega roba ekrana. */<br />
 margin-left: auto;<br />
}</p>
<p>#glava {<br />
 height: 200px; /* Določimo višino glave. */<br />
 width: 800px; /* Določimo širino glave. */<br />
}</p>
<p>#izbirni_meni {<br />
 width: 200px;  /* Določimo širino menija. */<br />
 float: left; /* Določimo oblivanje z ostalimi elementi. */<br />
 min-height: 300px; /* Določimo minimalno višino menija. */<br />
}</p>
<p>#vsebina {<br />
 width: 600px; /* Določimo širino vsebine. */<br />
 float: left; /* Določimo oblivanje z ostalimi elementi. */<br />
 min-height: 300px; /* Določimo minimalno višino vsebine. */<br />
}</p>
<p>/*  Prikazanim elementom nisem določil barve ozadja, kot na sliki. */</p></blockquote>
<p>Pa smo dobili nekaj takega:</p>
<p> <a href="http://www.lampret.net/blog/wp-content/uploads/2008/05/css.jpg"><img class="alignnone size-medium wp-image-52" title="css" src="http://www.lampret.net/blog/wp-content/uploads/2008/05/css-300x181.jpg" alt="preprost izdelek" width="300" height="181" /></a></p>
<p>Dobili smo osnovo, na kateri lahko delamo dalje in to brez uporabe tabel!</p>
<p><strong>Priporočam naslednje povezave za dodatno branje o CSS pozicioniranju:<br />
</strong>- <a href="http://glish.com/css/">http://glish.com/css/</a><br />
- <a href="http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/">http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/</a><br />
- <a title="http://www.pixel2life.com/publish/tutorials/33/converting_tables_to_a_css_div_tag_and_xhtml_validated_layout/" href="http://www.pixel2life.com">http://www.pixel2life.com</a></p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.lampret.net/blog/tabele-div-css/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
