Arbeta lokalt innan webbplatsen släpps
De flesta utvecklare känner till att man kan arbeta lokalt på datorn med HTML, CSS och Javascript. Inte alla vet om att man även kan arbeta med serversidospråk som exempelvis PHP och databasen MySQL.
Oavsett vilket verktyg man använder för detta skapas i regel en testmiljö på adressen http://localhost/. Det kan ses som ett alias istället för din riktiga domän.
WAMP och MAMP
WAMP betyder Windows Apache MySQL PHP och finns att ladda ner på wampserver.com. Det är lätt att installera och man behöver inga direkta förkunskaper för att klara av det.
Det som kan vara lite lurigt innan man är van är att få databasen rätt inställd. Den ska exempelvis helst ha en annan användare än ”root”-användaren.
Om man väljer att använda WAMP [...] Läs hela inlägget
Säkerhet i WordPress
Uppdatera till senaste versionen
Det kanske enklaste sättet att hålla WordPress-systemet säkert är att helt enkelt uppdatera WordPress till den senaste versionen. När en ny version har kommit får man information om det genom en gul informationsruta. På de flesta webbhotell kan man uppdatera WordPress direkt från administrationen och det gör att man blir mer motiverad att hålla installationen uppdaterad.
På vissa webbhotell går det inte att uppdatera automatiskt och på andra krävs det en liten handpåläggning. På Binero krävs att man lägger till tre rader kod i wp-config.php för att kunna uppdatera WordPress via administrationen. Det är värt att lägga den tiden.
define( ‘FS_METHOD’, ‘direct’ );
define( ‘FS_CHMOD_DIR’, 0755 );
define( [...] Läs hela inlägget
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
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
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
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
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
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
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
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