HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen
Connect to 130.242.128.19 on port 80 ... ok GET /webbsidor/adressikon/index.php HTTP/1.1[CRLF] Host: internet.physto.se[CRLF] Connection: close[CRLF] Accept-Encoding: gzip[CRLF] Accept-Charset: ISO-8859-1,UTF-8;q=0.7,*;q=0.7[CRLF] Cache-Control: no[CRLF] Accept-Language: de,en;q=0.7,en-us;q=0.3[CRLF] Referer: http://web-sniffer.net/[CRLF] [CRLF]
| Name | Value | Delim |
|---|---|---|
| Status: HTTP/1.1 200 OK | ||
| Date: | Thu, 02 Sep 2010 14:52:04 GMT | |
| Server: | Apache/2.2.9 (Unix) mod_ssl/2.2.9 OpenSSL/0.9.8h mod_python/3.3.1 Python/2.4.4 DAV/2 PHP/5.2.6 mod_perl/2.0.4 Perl/v5.8.5 | |
| X-Powered-By: | PHP/5.2.6 | |
| Set-Cookie: | CSSpreferens=gvl1atgh5ounqfr4tt1ci6g6u1; path=/ | |
| Connection: | close | |
| Transfer-Encoding: | chunked | |
| Content-Type: | text/html | |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="sv"> <head> <!-- mime-typ och character set, html/xhtml --> <meta http-equiv='content-type' content='text/html; charset=utf-8'> <!-- dokumenttitel --> <title>Fysikums webb- och mediakurser - Adressikoner</title> <!-- kontroll av sökrobotar --> <meta name='robots' content='index,follow'> <!-- mime-typer för stilmallar och javascript --> <meta http-equiv='content-style-type' content='text/css'> <meta http-equiv='content-script-type' content='text/javascript'> <!-- chache-kontroll --> <meta http-equiv='pragma' content='no-cache'> <meta http-equiv='cache-control' content='no-cache, must-revalidate'> <meta http-equiv='expires' content='0'> <!-- kontaktinformation --> <meta name='author' content='Hans Mühlen, Fysikum, Stockholms universitet'> <meta name='contact_addr' content='hans pkt muhlen snabela physto pkt se'> <meta name='copyright' content='Copyright (c) 1995-2010 Hans Mühlen'> <!-- skapelse- och revisionsdatum --> <meta name='date-revision-yyyymmdd' content='20070516'> <!-- förhindra internet explorer att lägga nedladdningsikoner över bilder --> <meta http-equiv='imagetoolbar' content='no'> <!-- adressikon --> <link rel='shortcut icon' href='../../pic/favicon16x16.png'> <!-- sidreferenser --> <link rel='alternate' media='print' href='/webbsidor/adressikon/index.php?p=1'> <!-- hjälp till sökrobotar --> <meta name='keywords' content='fysikum, stockholms universitet, albanova, nät, nätverk, digitala media, media, web, webb, webpublicering, webbpublicering, kurs, datorkurs, programmering, webbprogrammering, webprogrammering, webb- och databasprogrammering, databasprogrammering, informationsteknik, grafisk design, koda, handkoda, publicera, hemsida, webbsida, webbutveckling, databas, databaser, html, php, sql, css, stilmall, stilmallar, http, relationsdatabas, apache, php-tolk, mysql, dreamweaver, photoshop, flash, klient, server, tabell, länk, formulär, internet, filer, filhantering, grafik, '> <meta name='description' content='Fysikums webb- och mediakurser.'> <!-- stilmallar --> <!--[if !IE]>--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-stilval.css'> <!--<![endif]--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-fontfamily-trebuchet.css'> <!--[if !IE]>--> <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-plain.css' title='Stilmall "plain"'> <!--<![endif]--> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-colors.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-gemensamt.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-fontsize-print.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-fontfamily-verdana.css'> <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-selectstyle-print.css'> <!--[if IE]><link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-msie.css'><![endif]--> <!-- javascript --> <script type='text/javascript' src='../../_js/js-mmreloadpage.js'></script> <script type='text/javascript' src='../../_js/js-framekiller.js'></script> <script type='text/javascript' src='../../_js/js-jump.js'></script> <script type='text/javascript' src='../../_js/js-favelets.js'></script> <script type='text/javascript' src='../../_js/js-viewport.js'></script> <!-- google analytics --> <script type='text/javascript'> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type='text/javascript'> var pageTracker = _gat._getTracker("UA-3966006-1"); pageTracker._initData(); pageTracker._trackPageview(); </script> </head> <body> <div id='block-container'> <div id='skiptocontent' class='flik'><p><a href='#pagecontent'>Gå direkt till innehållet</a></p></div> <div id='block-banner' class='artikel it'> <h1><a href='../../'>FYSIKUMS WEBB- OCH MEDIAKURSER</a></h1> </div> <!-- block-banner --> <div id='block-navigation'> <p class='hidden'>Sökväg för denna sida inom webbplatsen:</p> <ul id='crumb'> <li class='root'> <span><a href='../../index.php'>hem</a></span> <div> <p><a href='../../kursinfo/digitalamedia/index.php'><strong>WEBBDESIGN OCH DIGITALA MEDIA</strong></a></p> <p><a href='../../kursinfo/webbprogrammering/index.php'><strong>WEBB- OCH DATABASPROGRAMMERING</strong></a></p> <p><a href='../../serverprogram/index.php'><strong>Program på serversidan</strong></a></p> <p><a href='../../utvecklingsprogram/index.php'><strong>Program på utvecklingsdatorn</strong></a></p> <p><a href='../../media/index.php'><strong>Digitala media</strong></a></p> <p><a href='../../externa_enheter/index.php'><strong>Arbeta med externa enheter</strong></a></p> <p><a href='../../filhantering/index.php'><strong>Filhantering</strong></a></p> <p><a href='../../internet/index.php'><strong>Om internet</strong></a></p> <p><a href='../../webbplatser/index.php'><strong>Skapa webbplatser</strong></a></p> <p><a href='../../webbapplikationer/index.php'><strong>Webbapplikationer</strong></a></p> <p><a href='../../servertekniker/index.php'><strong>Tekniker på serversidan</strong></a></p> <p><a href='../../klienttekniker/index.php'><strong>Tekniker på klientsidan</strong></a></p> <p><a href='../../webbsidor/index.php'><strong>Komponenter i webbsidor</strong></a></p> <p><a href='../../oh/index.php'><strong>Föreläsningsanteckningar</strong></a></p> <p><a href='../../resurser/index.php'><strong>Resurser</strong></a></p> <p><a href='../../kursinfo/index.php'><strong>Kursinformation</strong></a></p> </div> </li> <li class='grupp'> <span><a href='../../webbsidor/index.php'>webbsidekomponenter</a></span> <div> <p><a href='../../webbsidor/adressikon/index.php'><strong>adressikon</strong></a></p> <p><a href='../../webbsidor/bilder/index.php'><strong>bilder</strong></a></p> <p><a href='../../webbsidor/embed/index.php'><strong>embed</strong></a></p> <p><a href='../../webbsidor/formular/index.php'><strong>formulär</strong></a></p> <p><a href='../../webbsidor/imagemap/index.php'><strong>klickbara bilder</strong></a></p> <p><a href='../../webbsidor/lankar/index.php'><strong>länkar</strong></a></p> <p><a href='../../webbsidor/lager/index.php'><strong>lager</strong></a></p> <p><a href='../../webbsidor/listor/index.php'><strong>listor</strong></a></p> <p><a href='../../webbsidor/meta/index.php'><strong>metadata</strong></a></p> <p><a href='../../webbsidor/ramar/index.php'><strong>ramar</strong></a></p> <p><a href='../../webbsidor/tabeller/index.php'><strong>tabeller</strong></a></p> <p><a href='../../webbsidor/text/index.php'><strong>text</strong></a></p> <p><a href='../../webbsidor/webbfarg/index.php'><strong>webbfärger</strong></a></p> </div> </li> <li class='artikel'> <span>adressikon</span> <div> <p><a href='../../webbsidor/adressikon/infoga_i_webbsida/index.php'><strong>infoga i webbsida</strong></a></p> <p><a href='../../webbsidor/adressikon/lasmer/index.php'><strong>läs mer</strong></a></p> <p><a href='../../webbsidor/adressikon/skapa_bilder/index.php'><strong>skapa bilder</strong></a></p> </div> </li> </ul> </div> <!-- block-navigation --> <div id='block-main'> <hr class='hidden'> <div id='pagehead'> <div id='headline'> <h3 class='artikel'>ADRESSIKON</h3> <p>URL: <a href='../..' class='underline'>internet.physto.se</a></p> </div> <!-- headline --> <div id='menu'> <p>I denna artikel:</p> <div class='menu-vansterspalt'> <p>1. <strong><a href='skapa_bilder/index.php'>Skapa adressikoner med grafikeditorer</a></strong></p> <p>2. <strong><a href='infoga_i_webbsida/index.php'>Infoga adressikoner i webbsidor</a></strong></p> <p>3. <em>Läs mer om adressikoner</em></p> </div> <div class='menu-hogerspalt'> <p></p> </div> <div class='ruta-avsluta-spalter'></div> </div> <!-- menu --> <div id='preamble'> <p></p> </div> <!-- preamble --> </div> <!-- pagehead --> <hr class='hidden'> <div id='pagecontent'> <div class='artikel'> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Adressikoner visas i favorit- och adressilistan</h4> <p>Du har kanske sett <em>adressikoner</em> (ibland kallade <i>webbsideikoner</i> eller <em>favoritikoner</em>, eng. <i>favicon</i>, <i>shortcut icon</i> eller <i>page icon</i>) på dina surfturer ute på webben. En adressikon är <b>en liten 16x16 pixel stor bild som visas jämte en webbplats namn när du lägger webbplatsen i din favorit- eller bokmärkeslista</b>. Webbplatsens ikon kan också <b>visas jämte webbplatsadressen</b> i din webbläsares adressfält samt <b>i webbsideflikar</b> (eng. <i>tabs</i>) för program som stöder sådana, t.ex Firefox.</p> <p>Adressikoner är något så ovanligt som en av Microsoft introducerad, ickestandardiserad teknik som faktiskt är riktigt trevlig och användbar, och som dessutom tagits upp av andra webbläsartillverkare så att den inte bara fungerar i Internet Explorer (version 5 eller senare; det funkar inte i någon av Internet Explorers Mac-versioner) utan även i bl.a Firefox/Mozilla/Netscape, Konqueror och Safari. I själva verket funkar originellt nog denna Microsoftidé <i>bättre</i> i de <i>andra</i> webbläsarna än i Microsofts egna webbläsare Internet Explorer! Mycket ska man få vara med om...</p> <p>Så här kan det t.ex se ut i Internet Explorer (bilden är Microsofts egen reklambild; alla favoritwebbplatserna är följaktligen Microsofts egna):</p> <p class='bild'><img src='../../webbsidor/adressikon/bild/meta-favicon-msie.gif' width='467' height='210' alt=''></p> <p>I webbläsaren Mozilla (här i Mac-versionen), Firefox, Opera m.fl. visas inga ikoner i bokmärkeslistan, men däremot ligger ikoner i adressfält och webbsideflikar:</p> <p class='bild'><img src='../../webbsidor/adressikon/bild/meta-favicon-tabs.gif' alt=''></p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Kärt barn har förfärligt många namn...</h4> <p>Något om namnet på denna teknik. Microsoft, som tog fram tekniken, kallar bilderna <i>shortcut icons</i>. En "shortcut eller "genväg" är en företeelse i Windows, en snabblänk till en fil eller katalog som ligger någon annan stans. Vanliga filgenvägar brukar man ju placera t.ex på skrivbordet eller i genvägslisten längst ner på Windows-skärmen. Namnet "shortcut icon" kommer sig av att länkar i Internet Explorers favoritlista rent fysiskt lagras i precis samma filformat <em>windows icon</em> som genvägar i Windows filsystem. I Windows 2000/XP hittar du de filer som visas som adressikoner i Internet Explorer på sökvägen</p> <p class='ruta kodrad'> <code>C:\Documents and Settings\</code><i>username</i><code>\Favorites</code> </p> <!-- ruta --> <p>där <i>username</i> är ditt inloggningsnamn i Windows. Favoritlänkens ikon är helt enkelt samma som ikonen för de genvägsfiler som ligger på denna sökväg. [Jag förstår ärligt talat inte varför Microsoft har valt att använda en obskyr teknisk term "shortcut icon" för en offentlig webbteknik som adressikoner. Ingen untom Windows-programmerare kan ju rinligen bry sig något om hur Internet Explorer fungerar bakom kulisserna. Tyvärr får vi finna oss i Microsofts val av namn, åtminstone så länge vi diskuterar hur tekniken fungerar i Internet Explorer.]</p> <p>Filnamnet för adressikoner enligt Microsofts föreskrifter ska vara "favicon.ico" (mer om detta nedan), så på nätet ser man många referenser till tekniken under det konkreta och beskrivande namnet <i>favicons</i> (där <i>fav</i> förstås kommer från <i>Favorites</i>, namnet på Internet Explorers bokmärkeslista).</p> <p>Mozilla, organisationen som står bakom bl.a webbläsarna Firefox och Mozilla, har vidareutvecklat tekniken (mer om även detta nedan) under namnet <i>page icons</i>, ett namn som ju anknyter mer till hur fenomentet används än till teknikaliteter.</p> <p>På svenska föreslår Svenska dtatermgruppen att man använder termen <i>adressikoner</i> eller <em>adressymboler</em>, se <a href='http://www.nada.kth.se/dataterm/rek.html#a187' class='extern'>www.nada.kth.se/dataterm/rek.html#a187</a>. Detta namn anknyter naturligt till att adressikoner visas i början av webbläsares adressfält, men missar helt att ikonerna också visas i favoritlistor och på flikar.</p> <p>Att hitta ett bra namn för en ny företeelse är sannerligen inte enkelt...</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Adressiokoner är en robust teknik</h4> <p>Ett vanligt problem med webbsideutveckling är att HTML-, stilmalls- eller javascriptkod kan tolkas olika i olika webbläsare, och att det för somliga företeelser (framförallt ostandardiserad fusk-HTML) finns webbläsare som inte kan eller vill visa företeelsen alls. Man pratar i webbsammanhang därför om "robusta" tekniker. <b>Webbsidor som innehåller en företeelse skapad med en "robust" teknik fungerar utan problem även i webbläsare som inte gillar tekniken</b>. Stilmallar, om de används rätt, ska t.ex vara en sådan robust teknik: webbsidor designade för moderna webbläsare är läsliga (men kanske fula) även i äldre webbläsare som inte klarar av att tolka stilmallar.</p> <p>Trots att det är Microsoft som står bakom idén med adressikoner är denna teknik faktiskt robust, på ett trivialt sätt: om du går till en webbplats med adressikoner med en webbläsare som <i>kan</i> visa ikonerna så syns de i favoritlista och adressfält, men om du besöker webbplatsen med en äldre webbläsare som <i>inte kan</i> hantera denna teknik märker du ingen skillnad: i stället för adressikon visas bara webbläsarens standardikoner.</p> <p>Detta förutsätter naturligtvis att man <b>inte lägger någon betydelse i adressikonen</b>, en betydelse som gör att man <i>måste</i> kunna se ikonen för att fatta vad som händer. T.ex om du dumt nog skulle lägga olika ikoner på olika sidor, och hänvisa till ikonerna för att besökarna ska veta t.ex om en tjänst som presenteras på en sida är gratis eller avgiftsbelagd. <em>All betydelsebärande information ska ligga nere i själva webbsidan</em>!</p> <p>Se alltså på adressikoner enbart som en liten dekorativ lustifiering av din webbplats, onödig men kul, inget annat.</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Två typer av bilder kan fungera som favortitikon</h4> <p><b>En adressikon består av <i>en bild som är 16x16 pixel stor</i></b>. Jag ska <a href='../../webbsidor/adressikon/skapa_bilder/index.php'>i ett avsnitt längre fram</a> ge tips på hur du skapar en sådan ikonbild, men först några tråkiga nyheter som krånglar till arbetet lite.</p> <p>Jag antydde tidigare att det finns skillnader i hur adressikoner hanteras i å ena sidan webbläsaren Internet Explorer och å andra sidan en del andra webbläsare, bl.a Firefox/Mozilla/Netscape, Konqueror och Safari. En av dessa skillnader ligger i vilket <i>grafikformat</i> den bilden som ska utgöra adressikon måste sparas i. AlltsŒ:</p> <!--table border='0' cellpadding='5' cellspacing='0' xwidth='100%'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Grafikformat tillåtet för adressikon:</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Internet Explorer (Win)</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Firefox, Mozilla, Konqueror, Safari m.fl.</b></span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'> <i>Windows Icon</i> (<code>.ico</code>)</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>JA</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'> <i>GIF</i> (<code>.gif</code>)</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>NEJ</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'> <i>PNG</i> (<code>.png</code>) </span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>NEJ</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'> <i>JPEG</i> (<code>.jpg</code>) </span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' nowrap style='border-bottom:solid black 2px'><span class='smallsans'>NEJ</span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' nowrap style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> </tr> </table--> <table border='0' cellpadding='5' cellspacing='0' xwidth='100%'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='mediumsans'><b>Grafikformat för adressikon:</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='center bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><i><strong>Windows Icon</strong></i><!-- <br>(<code>.ico</code>)--></span></td> <td width='30' class='center bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><i><strong>GIF</strong></i><!-- <br>(<code>.gif</code>)--></span></td> <td valign='top' class='center bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><i><strong>PNG</strong></i><!-- <br>(<code>.png</code>)--></span></td> <td width='30' class='center bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><i><strong>JPEG</strong></i><!-- <br>(<code>.jpg</code>)--></span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'><b>Internet Explorer (Win)</b></span></td> <td width='30'></td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td valign='top' class='center'><span class='smallsans'>NEJ</span></td> <td valign='top' class='center'><span class='smallsans'>NEJ</span></td> <td valign='top' class='center'><span class='smallsans'>NEJ</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Firefox, Mozilla, Konqueror, Safari m.fl.</b></span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> </tr> </table> <p>[Windows Vista lär ha stöd för adressikoner i PNG-format; när detta skrivs (vintern 2007) har jag inte hunnit kontrollera denna uppgift.]</p> <p>Filformatet <i>Windows Icon</i> är det som används av operativsystemet Windows för ikoner på filer, mappar och genvägar. En Windows Icon-fil har filnamnstillägget <code>.ico</code> och är egentligen inte en bild utan typiskt en samling bilder hopbuntade till en fil. I samlingen inår olika bilder för de olika upplösningar eller färgdjup som kan förekomma i Windows. En adressikonsfil behöver i och för sig bara innehålla en enda bild, själva den 16x16 pixel stora ikonen, men filformatet är som sagt mer flexibelt än så.</p> <p>Som tabellen ovan antyder <i>måste</i> din ikon vara sparad som en Windows Icon-fil om tricket ska fungera för besökare på din webbplats som använder Internet Explorer för Windows. Anledningen att Microsoft valt detta i andra sammanhang mycket ovanliga filformat är (som jag nämnde tidigare) att länkar i favoritlistan rent fysiskt sparas som genvägsfiler i Windows filsystem, och adressikonen är helt enkelt ikonen för dessa genvägsfiler. Enkelt för Microsoft - men krångligt för alla oss andra.</p> <p>För de andra webbläsarna kan adressikoner lika gärna vara sparade i något av de mer vanliga filformaten GIF, JPEG och PNG, som ju är de filformat bilder inbäddade i webbsidor ska ha. För webbutvecklare vore det onekligen enklare om man slapp lära sig hantera ett helt nytt filformat för något så oviktigt som adressikoner. Dessutom har det kanske mest populära bildredigeringsprogrammet bland webbutvecklare, Photoshop, ingen aning om vad en Windows icon-fil är, vilket ju ytterligare komplicerar livet.</p> <p>Eftersom det är väsentligen mycket enklare att skapa filer i GIF, JPEG eller PNG än Windows Icon-filer kan vi bara hoppas på att Internet Explorer kommer att mogna efterhand och acceptera alla dessa format i en framtida version av programmet (problemet finns för Internet Explorer t.o.m. version 7, för Windows t.o.m. Windows XP; det är alltså möjligt att Windows Vista fungerar bättre).</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Två sätt att lägga in en adressikon för en webbsida</h4> <p>Det finns ytterligare ett område där det råder viss förvirring mellan olika webbläsare som kan visa adressikoner, nämligen i <b>sättet att aktivera adressikoner för en webbplats</b>. Enligt den något knapphändiga informationen hos Microsoft var tanken ursprungligen att det ska finnas två sätt att aktivera adressikoner.</p> <h5><em>Metod 1</em>: <br>En enda bildfil som automatiskt används för samtliga sidor i en webbplats</h5> <p>Den första metoden kräver strikt standardisering för att kunna fungera med alla webbläsare, utan extra instruktioner i form av inbäddad HTML-kod i webbsidor:</p> <ol class='decimal'> <li><p>bildfilen med favoritikonen <i>måste</i> ha ett standardiserat namn, nämligen <code>favicon.ico</code></p></li> <li><p>bildfilen <i>måste </i>placeras på rotnivån i en webbplats, d.v.s direkt jämte startsidefilen <code>index.htm</code> (eller <code>index.asp</code> el. dyl.)</p></li> </ol> <p>Då ska automatiskt alla sidor som laddas ner från denna webbplats kunna utnyttja adressikonen. Detta trick fungerar inte i somliga webbläsare, särskilt Firefox/Mozilla/Netscape. Notera också att man med denna metod <i>måste</i> spara sin adressikonfil i filformatet <i>Windows Icon</i>, medan <i>GIF</i> t.ex dessvärre inte kan användas.</p> <h5><em>Metod 2</em>: <br>Varje webbsida innehåller särskild HTML-kod som pekar på en viss bildfil</h5> <p>En fördel med att ha specifik adressikonkod i varje enskild webbsida på webbplatsen är att varje webbsida kan ha en annan adressikon än andra sidor. Så kan man t.ex anpassa valet av adressikon för olika avdelsningar som alla ligger på samma server.</p> <p>En annan fördel är att man kan placera adressikonfilen varsomhelst i katalogstrukturen i webbrotkatalogen, och är inte längre begränsad till huvudnivån.</p> <p>Denna metod är den enda som funkar med webbläsarna Firefox/Mozilla/Netscape. Vill du vara lite bredare än att bara serva användare av Internet Explorer är du tvungen till att välja detta sätt att hantera adressikoner.</p> <p>Metoden bygger på att du <i>i varje webbsidefil på din webbplats</i> lägger in en referens till adressikonfilen med HTML-elementet <code><link></code>, samma element som även används för att referera till en extern stilmallsfil. Nackdelen med metoden är följaktligen att denna extra HTML-kod måste läggas in i var och en av dina webbsidor.</p> <p>Metoden är onekligen mer arbetskrävande, och du får själv bedöma om den extra mödan uppvägs av fördelarna.</p> <p class='fri'>Låt mig få sammanfatta situationen:</p> <!--table border='0' cellpadding='5' cellspacing='0' xwidth='100%'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Internet Explorer (Win), <br>Camino (Mac), <br>Safari (Mac) m.fl</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Firefox, Mozilla, Netscape m.fl.</b></span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'><b>En Windows Icon-fil <br><code>/favicon.ico</code> <br>gemensam för alla sidor?</b></span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>JA</span></td> <td width='30'></td> <td valign='top' nowrap><span class='smallsans'>NEJ</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Hänvisning med <code><link></span> <br>i varje enskild webbsida <br>till fil av godtyckligt format?</b></code></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' nowrap style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' nowrap style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> </tr> </table--> <table border='0' cellpadding='5' cellspacing='0' xwidth='100%'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='mediumsans'><strong>Placering av ikonfilen:</strong></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>En Windows Icon-fil <code>/favicon.ico</code> gemensam för samtliga sidor?</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Hänvisning med <code><link></code> i varje enskild webbsida till ikonfil av lämpligt format?</b></span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top'><span class='smallsans'><b>Internet Explorer (Win), Camino (Mac), Safari (Mac), m.fl</b></span></td> <td width='30'></td> <td xvalign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'></td> <td xvalign='top' class='center'><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'><br></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Firefox, Mozilla, Netscape m.fl.</b></td> <td width='30' style='border-bottom:solid black 2px'></td> <td xvalign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>NEJ</span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td xvalign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> </tr> </table> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Vad besökaren måste göra för att få se adressikoner på din webbplats</h4> <p>Så långt det du som webbsideskapare måste göra för att se till att adressikoner <i>i princip</i> ska kunna ses för dina webbsidor. Men hur ser det ut ute <i>i verkligheten</i>, på en besökares dator? Ja också där finns skillnader mellan Internet Explorer och dess kollegor.</p> <p>Adressikonerna verkar dyka upp i <em>adressfältet</em> hos webbläsare som Firefox/Mozilla/Netscape så fort en besökare laddat ner en ikonförsedd sida, medan det i Internet Explorer krävs att sidan först läggs till favoritlistan innan ikonen även visas i adressfältet (åtminstone gällde det t.o.m. version 6 av Internet Explorer).</p> <p>Å andra sidan fungerar inte adressikonerna i <em>favorit- eller bokmärkeslistan</em> i Mozilla/Netscape, även om det är tal om att detta kan komma att rättas till i senare versioner (jag har testat version 1.7 av Mozilla). I Mozillagruppens mest moderna webbläsare Firefox (version 1.0 och senare) har problemet dock åtgärdats, och nyinlagda bokmärken visas med (ev.) adressikon. Ytterligare ett skäl till att använda Firefox.</p> <p>Det finns en tredje plats där adressikonerna kan visas, nämligen i de <em>webbsideflikar</em> (eng. <em>tabs</em>) som de mest moderna webbläsarna har. Flikar infördes först med version 7 av Internet Explorer, och de visar adressikoner. I Firefox flikar syns adressikoner, men inte i Safaris.</p> <p>Ja det är ingen hejd på förvirringen... Så här verkar situationen se ut:</p> <!--table border='0' cellpadding='5' cellspacing='0'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Internet Explorer (Win v.6)</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Internet Explorer (Win v.7)</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Mozilla, Netscape m.fl.</b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b>Firefox</b></span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>När visas ikonen?</b></span></td> <td width='30'> </td> <td valign='top'><span class='smallsans'><i>Först när webbsidan <br>lagts in i favoritlistan</i></span></td> <td width='30'> </td> <td valign='top'><span class='smallsans'><i>Så fort man <br>laddar ner sidan</i></span></td> <td width='30'> </td> <td valign='top'><span class='smallsans'><i>Så fort man <br>laddar ner sidan</i></span></td> <td width='30'> </td> <td valign='top'><span class='smallsans'><i>Så fort man <br>laddar ner sidan</i></span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Var visas ikonen?</b> <br> <i>Adressfältet</i> <br> <i>Favorit/bokmärkeslistan</i> <br> <i>Webbsideflikar/tabbar</i></span></td> <td width='30'></td> <td valign='top'><span class='smallsans'> <br>JA <br>JA <br>NEJ</span></td> <td width='30'></td> <td valign='top'><span class='smallsans'> <br>JA <br>JA <br>JA</span></td> <td width='30'></td> <td valign='top'><span class='smallsans'> <br>JA <br>NEJ <br>JA</span></td> <td width='30'></td> <td valign='top'><span class='smallsans'> <br>JA <br>JA <br>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Funkar det?</b></span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><i>ibland...</i></span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><i>alltid</i></span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><i>alltid</i></span></td> <td width='30' style='border-bottom:solid black 2px'></td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><i>alltid</i></span></td> </tr> </table--> <table border='0' cellpadding='5' cellspacing='0'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='mediumsans'><strong>När visas ikonen?</strong></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b><i>Först när webbsidan <br>lagts in i favoritlistan</i></b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td valign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b><i>Så fort man <br>laddar ner sidan</i></b></span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Internet Explorer (Win v.6)</b></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'><strong>X</strong></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'></span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Internet Explorer (Win v.7) <br>Mozilla, Netscape, Firefox, Safari</b></span></td> <td width='30' style='border-bottom:solid black 2px'> </td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'></span></td> <td width='30' style='border-bottom:solid black 2px'> </td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'><strong>X</strong></span></td> </tr> </table> <br> <table border='0' cellpadding='5' cellspacing='0'> <tr> <td width='1' bgcolor='white'><span class='smallsans'> </span></td> <td class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='mediumsans'><strong>Var visas ikonen?</strong></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td xvalign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b><i>Adressfältet</i></b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'></td> <td xvalign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b><i>Favorit- / bokmärkeslistan</i></b></span></td> <td width='30' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'> </span></td> <td xvalign='top' class='bgcolor-lightgray' style='border-top:solid black 2px; border-bottom:solid black 1px'><span class='smallsans'><b><i>Webbsideflikar / tabbar</i></b></span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Internet Explorer (Win v.6)</b></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>NEJ</span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Internet Explorer (Win v.7)</b></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Mozilla, Netscape m.fl.</b></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>NEJ</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top'><span class='smallsans'><b>Firefox (Mac)</b></span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> <td width='30'> </td> <td valign='top' class='center'><span class='smallsans'>JA</span></td> </tr> <tr> <td width='1' bgcolor='white'> </td> <td valign='top' style='border-bottom:solid black 2px'><span class='smallsans'><b>Safari</b></span></td> <td width='30' style='border-bottom:solid black 2px'> </td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td width='30' style='border-bottom:solid black 2px'> </td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>JA</span></td> <td width='30' style='border-bottom:solid black 2px'> </td> <td valign='top' class='center' style='border-bottom:solid black 2px'><span class='smallsans'>NEJ</span></td> </tr> </table> <p>För att jävlas riktigt extra verkar Internet Explorer inte vilja visa adressikoner om man testar tekniken lokalt från sin hårddisk, vilket ju är det vanliga sättet att testa webbsidor man jobbar med innan de slutligen publiceras. Man måste alltså först publicera sidorna (och förstås själva adressikonfilen) för att kontrollera om det funkar.</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Är adressikoner en säkerhetsrisk?</h4> <p>En liten anmärkning till. Adressikonernas uppfinnare Microsoft har kritiserats för att ha designat tekniken på ett så klantigt sätt att den introducerar en säkerhetsrisk (som om det vore förvånande när Microsoft är inblandade). En serveradministratör kan nämligen i sina serverloggar se vilka besökare som efterfrågar favoritiokonfilen, och som man därför kan sluta sig till har lagt in en webbsida i sin favortilista. Eftersom man på detta indirekta sätt kan se vilka länkar som finns i besökarens favoritlista, har kritikerna sagt, kan man kartlägga personliga preferenser hos webbanvändare, vilket (åtminstone i Amerika) ses som ett intrång i privatsfären. Nu är detta väl knappast en himlaskriande säkerhetsrisk, och dessutom har andra webbläsare räddat Microsoft ur knipan genom att <i>alltid</i> ladda ner adressikonen, oberoende av bokmärkningen. Vi kan alltså skapa adressikoner för våra webbplatser utan att vara oroliga för säkerheten.</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Skapa egna adressikoner</h4> <p>Med detta sagt som introduktion tänkte jag nu gå igenom dels <a href='../../webbsidor/adressikon/skapa_bilder/index.php'>hur du skapar egna adressikoner med ett grafikprogram</a> (jag ska demonstrera hur du arbetar med editorn Photoshop), dels <a href='../../webbsidor/adressikon/infoga_i_webbsida/index.php'>hur du anpassar dina webbsidor för att de ska visa adressikonen</a> (antingen manuellt i HTML-kod eller i den grafiska webbeditorn Dreamweaver).</p> </div> <!-- sektion --> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> </div> <!-- artikel --> </div> <!-- pagecontent --> <p id='sequor'><a href='skapa_bilder/index.php'>FORTSÄTT</a></p> <hr class='hidden'> </div> <!-- block-main --> <div id='block-colophon'> <form method='post' action='#block-container' class='sitequicklinks'> <div> <h3 class='hidden'><label for='select'>SNABBNAVIGERING</label></h3> <select name='select' id='select' onchange='jump(this)'> <option selected='selected'>Gå till...</option> <option class='sitequicklinks-rubrik' value='../../kursinfo/kursmaterial/index.php'>KURSMATERIAL ONLINE</option> <option value='../../serverprogram/index.php'>Program på serversidan</option> <option value='../../utvecklingsprogram/index.php'>Program på utvecklingsdatorn</option> <option value='../../media/index.php'>Digitala media</option> <option value='../../externa_enheter/index.php'>Arbeta med externa enheter</option> <option value='../../filhantering/index.php'>Filhantering</option> <option value='../../internet/index.php'>Om internet</option> <option value='../../webbplatser/index.php'>Skapa webbplatser</option> <option value='../../webbapplikationer/index.php'>Webbapplikationer</option> <option value='../../servertekniker/index.php'>Tekniker på serversidan</option> <option value='../../klienttekniker/index.php'>Tekniker på klientsidan</option> <option value='../../webbsidor/index.php'>Komponenter i webbsidor</option> <option class='sitequicklinks-rubrik' value='../../oh/index.php'>FÖRELÄSNINGSANTECKNINGAR</option> <option class='sitequicklinks-rubrik' value='../../resurser/index.php'>RESURSER</option> <option class='sitequicklinks-rubrik' value='../../kursinfo/index.php'>KURSINFORMATION</option> <option value='../../kursinfo/digitalamedia/index.php'>Webbpublicering och digatala media</option> <option value='../../kursinfo/webbprogrammering/index.php'>Webb- och databasprogrammering</option> <option value='../../kursinfo/inforkursen/index.php'>Inför kursen</option> <option value='../../kursinfo/kursmaterial/index.php'>Kursmaterial online</option> <option value='../../kursinfo/studentkonton/index.php'>Studentkonton</option> </select> </div> </form> <!-- sitequicklinks --> <hr class='hidden'> <div id='favelets'> <h3 class='hidden'>FAVELETS</h3> <dl> <dt>kodvalidering:</dt> <dd><ul> <li><a href='http://validator.w3.org/check?uri=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php&verbose=1'>x/html</a></li> <li><a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php&warning=0&profile=css21&usermedium=all'>css</a></li> </ul></dd> </dl> <dl> <dt>tester:</dt> <dd><ul> <li><a href='http://validator.w3.org/checklink?url=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php&hide_type=all&depth=&check=Check'>länkar</a></li> <li><a href='http://www.delorie.com/web/ses.cgi?url=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php'>sökrobot</a></li> <li><a href='http://juicystudio.com/services/readability.php?url=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php#readresults'>läsbarhet</a></li> <li><a href='javascript:cssCompatibilityMode()'>css-läge</a></li> </ul></dd> </dl> <dl> <dt>HTTP-data:</dt> <dd><ul> <li><a href='javascript:displayCookie()'>cookies</a></li> <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=GET&ua='>get-huvud</a></li> <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fwebbsidor%2Fadressikon%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=POST&ua='>post-huvud</a></li> </ul></dd> </dl> <dl> <dt>sidstruktur:</dt> <dd><ul> <li><a href='javascript:showDivs()'>div</a></li> <li><a href='javascript:showSpans()'>span</a></li> <li><a href='javascript:elementsInspector()'>element</a></li> <li><a href='/webbsidor/adressikon/index.php'><åter></a></li> </ul></dd> </dl> <dl> <dt>resurser:</dt> <dd><ul> <li><a href='../../resurser/latin1/index.php'>latin1</a></li> <li><a href='http://www.utf8-chartable.de/unicode-utf8-table.pl?unicodeinhtml=dec&htmlent=1'>utf-8</a></li> <li><a href='../../resurser/216rgb/index.php'>#rgb</a></li> <li><a href='http://www.nada.kth.se/dataterm/'>dataterm</a></li> <li><a href='http://acronyms.thefreedictionary.com/'>förk.</a></li> <li><a href='http://www.quirksmode.org/css/contents.html'>css-kompat.</a></li> </ul></dd> </dl> <ul> <li><script type='text/javascript'>void document.write(innerWindowDimensions());</script></li> </ul> <ul> <li><script type='text/javascript'>void document.write(heightOfPage());</script></li> </ul> </div> <!-- favelets --> <hr class='hidden'> <div id='copyright'> <p>© 1995-2010 <a href='http://www.physto.se/~hvzm/'>Hans Mühlen</a></p> <p>Kontaktadress: hvzm<span class='snabela'> </span>physto.se</p> <p>Kurserna ges av <a href='http://www.physto.se/'>Fysikum</a> vid <a href='http://www.su.se/'>Stockholms universitet</a>.</p> <p><a href='../../cookies/index.php'>Vi använder cookies</a>.</p> </div> <div id='select-style' class='flik'> <dl> <dt class='stilval-rubrik'>välj stilmall:</dt> <dd><ul> <li class='stilval-item'><abbr title='enkel'>U</abbr></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?stilval=meny" title='välj stil: vänsterspalt'>M</a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?stilval=boxed" title='välj stil: blurb-in-box'>B</a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?stilval=print" title='välj stil: utskrivbar version'>P</a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?stilval=text" title='välj stil: ren text'>X</a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?stilval=nocss" title='välj stil: utan stilmall, webbläsarens defaultstil'>¬</a></li> </ul></dd> </dl> </div> <!-- select-style --> <div id='select-font' class='flik'> <dl> <dt class='stilval-rubrik'>välj typsnitt:</dt> <dd><ul> <li class='stilval-item'><abbr title='trebuchet (sansserif)'>r</abbr></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=verdana" title='välj typsnitt: verdana (sansserif)'><em>v</em></a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=tahoma" title='välj typsnitt: tahoma (sansserif)'><em>a</em></a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=impact" title='välj typsnitt: impact (sansserif)'><em>i</em></a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=georgia" title='välj typsnitt: georgia (serif)'><em>g</em></a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=times" title='välj typsnitt: times (serif)'><em>t</em></a></li> <li class='stilval-item'><a href="/webbsidor/adressikon/index.php?fontval=courier" title='välj typsnitt: courier (monospace)'><em>c</em></a></li> </ul></dd> </dl> </div> <!-- select-font --> <p id='updated'>Senast uppdaterad 16 maj 2007</p> <hr class='hidden'> <div class='hidden'> <div class='vcard'> <span class='fn'>Hans Mühlen</span> <div class='org'> <span class='organization-name'>Stockholms universitet</span> <span class='organization-unit'>Fysikum</span> </div> <div class='adr'> <span class='type'>postal</span> <span class='type'>work</span> <span class='street-address'>Roslagstullsbacken 21</span> <br><span class='postal-code'>106 91</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='tel'>Tel: <span class='type'>work</span> <span class='value'>+46 8 5537 8423</span> </div> <div class='tel'>Fax: <span class='type'>fax</span> <span class='type'>work</span> <span class='value'>+46 8 5537 8601</span> </div> <div class='email'>E-post: <span class='type'>work</span> <span class='value'>hvzm<span class='snabela'> </span>physto.se</span> </div> Hemsida: <span class='url'><a href='http://www.physto.se/~hvzm/'>www.physto.se/~hvzm</a></span> </div> </div> <div class='hidden'> <div class='vcard'> <div class='org fn'> <span class='organization-name'>Stockholms universitet</span> <span class='organization-unit'>Fysikum</span> </div> <div class='adr'> <span class='type'>postal</span> <span class='type'>work</span> <span class='street-address'>Roslagstullsbacken 21</span> <br><span class='postal-code'>106 91</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='adr'> <span class='type'>parcel</span> <span class='type'>work</span> <span class='street-address'>Roslagsvägen 30 B</span> <br><span class='postal-code'>104 06</span> <span class='locality'>Stockholm</span>, <span class='country-name'>Sverige</span> </div> <div class='tel'>Tel: <span class='type'>work</span> <span class='value'>+46 8 5537 8444</span> </div> <div class='tel'>Fax: <span class='type'>fax</span> <span class='type'>work</span> <span class='value'>+46 8 5537 8601</span> </div> Hemsida: <span class='url'><a href='http://www.physto.se/'>www.physto.se</a></span> </div> </div> <div class='ruta-avsluta-spalter'></div> </div> <!-- block-colophon --> <div id='block-direction'> <div id='orientering-oversikt' class='flik'> <p>[<a href='../../kursinfo/kursmaterial/index.php'>översikt</a>]</p> </div> <!-- orientering-oversikt --> <div id='orientering-utskrivbar' class='flik'> <p>[<a href='/webbsidor/adressikon/index.php?p=1'>utskrivbar</a>]</p> </div> <!-- orientering-utskrivbar --> </div> <!-- block-direction --> <div id='block-appendix'> <div id='appendix-dropshadow'></div> <div id='appendix-pageextension'></div> </div> <!-- block-appendix --> </div> <!-- block-container --> </body> </html>