Välkommen till whr.se, recensioner av webbhotell. I denna avdelning publicerar vi guider och artiklar runt webbteknik, programmering och marknadsföring på Internet bland annat.

CSS eller tabeller för layout?

Det finns ett antal skillnader mellan att skapa layout i CSS i jämförelse med tabeller. Här kommer några av dem.

CSS

CSS står för “Cascading Style Sheets” och är ett språk skapat för att på ett bra sätt separera HTML-strukturen från designen.

Fördelar

  • Genom att separera HTML-strukturen från designen är det betydligt lättare att förstå koden. Stilmallen läggs med fördel i en separat fil.
  • Layouten är “flytande” vilket gör att man kan positionera elementen fritt, till skillnad från tabeller som använder sig av ett fast rutnät.

Nackdelar

  • Alla webbläsare läser inte CSS likadant. Internet Explorer är en webbläsare som länge legat efter vad det gäller att vara kompatibel med CSS. Med Internet Explorer 9 kommer Microsoft [...] Läs hela inlägget
    Publicerad 2011-05-16. Skriv en kommentar
    Kategori Bygga hemsida.

Skillnad mellan design och layout

Vad är egentligen skillnanden mellan design och layout? Man kan lätt förvillas och tro att det är samma sak, eftersom båda i regel förekommer när man pratar om en webbplats utseende.

Jag väljer att börja med att gå igenom vad layout är eftersom det är grunden till hur designen kommer att hamna.

Layout

Man skulle kunna beskriva layout som en webbplats skelett. Den håller uppe hela webbplatsen. Layouten utgör alla olika delar som placerats på webbplatsen.

En logotyp i toppen och menyn till höger är två exempel på vad layouten styr. Ett motsatt exempel skulle vara att layouten talar om att logotypen ska ligga i botten och menyn till vänster. Även om det [...] Läs hela inlägget

Publicerad 2011-04-07. Skriv en kommentar
Kategori Bygga hemsida.

CSS3 – Skapa snyggare webbplatser utan bilder

Gradienter / toningar

Heltäckande färger i all ära men ibland är det riktigt snyggt att använda sig av gradienter eller toningar som de också kallas. Ett stort användningsområde för detta är knappar som ska se ut som att de går att klicka på. Att i det fallet lägga till en toning gör att knappen får effekten av att den är utbuktad. Gradienter på bakgrundsbilder fungerar med alla moderna webbläsare. Använd Ultimate CSS Gradient Generator för att skapa din egen gradient.

Multipla bakgrundsbilder

Man har tidigare kunnat använda flera bakgrundsbilder på varandra, men bara genom att placera olika HTML-element på varandra genom att antingen använda transparanta (genomskinliga) bilder eller genom CSS-kommandot opacity. [...] Läs hela inlägget

Publicerad 2011-03-03. Skriv en kommentar
Kategori Bygga hemsida.

Skillnaderna GIF, JPG och PNG

Du kan någonsin ha undrat varför några bilder har .gif på slutet av dess namn medan andra bilder slutar kanske .jpg. Även om du möjligtvis inte har funderat kring det här tidigare ska jag nu försöka förklara enkelt varför dessa skiljer sig och vad det innebär, eftersom det väldigt viktigt när du ska bygga en webbsida som ska innehålla bilder.

Mest använda bildformat på internet idag är JPG och GIF. Båda format har sina för- och nackdelar, och vi ska nu ta en titt på vilka dessa egenskaper är.

JPG bilder är väldigt bra fotografiska bilder. JPG bilder väger lite, är av liten filstorlek tack vare att den använder ”lossy compression” formateringsmetoden. Lossy compression är just som det låter i namnet, bilden [...] Läs hela inlägget

Publicerad 2011-02-11. Skriv en kommentar
Kategori Teknik.

Bakgrundsbilder med CSS

CSS slår verkligen (X)HTML när det kommer till bakgrundsbilder. Med CSS är du inte fast i upprepande mönster, och så har du möjlighet att positionera bakgrundsbilden vart du än vill. Du kan även applicera bakgrundsbilden till ett specifik element i dokumenten, och inte enbart till hela webbsidan.

Nu ska vi ta en titt på vilka inställningar är använda till att placera och positionera runt bakgrundsbilder, med början från enklaste ”background-image” property.

Lägga till bakgrundsbild

Background-image property används till för att lägga en bakgrund till ett element. Dess primära jobb är att ge exakt läge för bildfilen.

background-image
Values: URL (bildplats) /none/inherit
Default: none
Applies to: all elements
Inherits: none

Värdet background-image är en sort URL- behållare som håller bildens URL. URL relaterar till [...] Läs hela inlägget

Publicerad 2011-01-11. Skriv en kommentar
Kategori Guider.

Statistik över vanliga skärmupplösningar

Eftersom webbläsaren bara kan vara så stor som skärmupplösningen tillåter, så är det viktigt att kunna förutse och planera vilken som är den bästa upplösningen. Här kommer statistik över vilka skärmupplösningar som är vanliga här på whr.se. Se mer global statistik på w3schools.com.

Statistik över skärmupplösningar för whr.se


Källa Google Analytics.

Flytande layout

Även om du som webbdesigner kan tycka att din sida ser bra ut i en specifik fönsterstorlek så behöver du tänka på att användaren själv kan bestämma hur bred, smal, liten eller stor sidan ska vara. Du vet alltså inte om din sida [...] Läs hela inlägget

Publicerad 2010-12-13. Skriv en kommentar
Kategori Guider, Teknik.

Nu även på danska och norska

En variant av whr.se finns nu även på danska och norska, genom webhotelanmeldelser.dk (danska) och webhotelltester.com (norska). Flera artiklar har översatts och många recensioner även så.

Antalet webbhotell är mycket färre i Danmark och Norge. Sverige har faktiskt förvånansvärt många aktiva webbhotell, många danska webbhotell har även etablerat sig här så som One.com och Surftown. Exempel på svenska webbhotell som etablerat sig i Danmark är dock få. Samma sak gäller  Norge, endast svenska Strongbox har en norsk sajt. Som tur är finns alltid amerikanska webbhotell så som Hostgator, som fungerar i utmärkt i alla länder.

Tips och råd inför etablering av hemsida utomlands

Här är våra råd inför en etablering på Internet i till exempel Norge och [...] Läs hela inlägget

Publicerad 2010-10-26. Skriv en kommentar
Kategori Web Hosting.

Grundkurs i SQL

SQL står för Structured Query Language och är ett språk som används när du, användaren, ska ställa frågor till en databashanterare. Du använder alltså språket när du ska söka information i en databas. Att kunna hantera SQL är en fördel då det är det mest förekommande frågespråket i dagsläget. Det finns flera olika databasmotorer som stödjer SQL, en av de mest kända av dem är mySQL.

Mot Sql-databaser arbetar också php och asp.net, dessa två språk används annars främst för att bygga dynamiska hemsidor. En dynamisk hemsida är en sida vars innehåll ofta förändras, raderas och tilläggs. Asp.net kommer från ett programmeringsspråk medan php snarare är ett scriptspråk.

Nedan presenteras [...] Läs hela inlägget

Publicerad 2010-07-02. Skriv en kommentar
Kategori Guider.

Hjälper Webbhotell till med flytt av domän, e-post och hemsida?

Fick ännu en fråga i helgen där frågan var om ett webbhotell är behjälpliga vid flytt av själva hemsidan, domänen och uppsättning av e-post. Detta kan vara en rätt stor process, så det är en bra fråga. Jag kollade upp svaret med One.com och Binero.

Svaret från One var inte helt oväntat att det inte ingår som standard, utan bara om tid finns. För det låga priset One kör med så var det väntat. Binero kunde dock vara behjälpliga med både domän och e-post flytt. Hemsidan kunde man också få enklare support med, men en hel flytt ingick ej. Detta beror givetvis mycket på hur avancerad hemsida man har. Generellt kan man säga att databasdrivna hemsidor är svårare att [...] Läs hela inlägget

Publicerad 2010-06-28. Skriv en kommentar
Kategori Guider.

Enkel html-sida med bilder, funkar One.com?

Fick en fråga i helgen via mail med råd om Webbhotell till en sajt som skulle ställa ut tavlor. Publicerar frågan och svaret här så att alla kan ta del av det.

Fråga:

Hej!
Jag har en html-hemsida som jag vill lägga ut på internet. Jag
ska ställa ut tavlor på sidan, så många bilder finns med, och ca 10 små
länkar med ett mindre fönster finns att öppna. Kan webbhotellet “One” vara
något för mig? Jag skulle även vara tacksam för support för hemsidan, har
några frågor/problem jag vill ha hjälp med.

Tack för hjälpen, hör av er!

Svar:

Hej,

Ja, då hade One fungerat utmärkt. De har även ett fotoalbum man kan aktivera och lägga in sina [...] Läs hela inlägget

Publicerad 2010-06-14. Skriv en kommentar
Kategori Web Hosting.