Archive for the ‘ Webbdesign ’ Category

Gratis hemsidor

By admin on juni 7, 2010

gratis hemsidorVill du skaffa en snygg hemsida men inte kan producera den själv och tycker att det är för dyrt att anlita en professionell byrå som arbetar med webbdesign? Beroende på ändamålet med hemsidan finns det olika sätt att komma undan med en gratis hemsida. Vill du enbart ha en personlig blogg finns det många olika gratisalternativ som exempelvis Blogger och WordPress.com.

Letar du gratis hemsidor till ett mer kommersiellt syfte finns det många resurser med gratis hemsidesmallar att hitta på nätet. Fördel här är dock om du på något sätt kan göra enklare justeringar såsom lägga in din egna logotyp. Du måste också givetvis kunna lägga in egen text.

Här är några ställen du kan leta efter mallar för gratis hemsidor:

Open Source Web Design

TemplateMo.com

9 snygga CSS-mallar

10 gratis hemsidemallar med PSD-filer

50 gratis hemsidor av hög kvalitet

Fler än 70 gratis maller med PSD-filer

100 gratis XHTML-mallar

Gratis mallar i HTML5 och CSS

99 XHTML/CSS-mallar

Gratis mallar för portfolio

15 templates och frameworks

Webbdesign i Photoshop

By admin on mars 16, 2010

webbdesign i photoshop Webbdesign i PhotoshopDe flesta som arbetar professionellt med webbdesign och layoutarbeten vid hemsidesproduktion skapar först designen i Photoshop, för att sedan skapa delbilder som kodas in och bygger upp hemsidan. Det finns många tips och skolor som går att använda sig av för att skaffa sig inspiration och nya värdefulla kunskaper när man ska bygga en hemsida. Jag har samlat några av de sidor som tar fram och lägger ut bra guider för webbdesign i Photoshop här. Vissa av dem visar enbart hemsideslayouter och vissa av dem varvar andra Photoshop-guider.

Utöver ovanstående sidor som publicerar en stor mäng bra guider för webbdesign i Photoshop har jag också hittat några sidor som listar upp guider för snygga hemsidor framtagna i Photoshop av olika designers. Dessa sidor är Web Design Ledger, Noupe och instantShift.

Lär dig CSS

By admin on december 8, 2009

Vid webbproduktion finns det egentligen inget vettigt alternativ än att använda sig av CSS (Cascading Style Sheets). Med hjälp av det kan du skilja på innehållet på hemsidan och den del av koden som styr din webbdesign dit du vill ha den rent utseendemässigt. På så sätt får du en betydligt sökmotorvänligare hemsida och det är enkelt att ändra i det layoutmässiga på webbsidan.

För den som har byggt hemsidor med tabeller tidigare är det kanske inte ett naturligt sätt att koda, men det finns oändligt med resurser att ta hjälp av och om du vill lära dig att bygga hemsidor med hjälp av CSS hittar du några av dessa här:

Fler snygga webbsidor

By admin on november 19, 2009

fler snygga webbsidorFör ett tag sedan postade jag inlägget Snygga hemsidor, där jag tipsade om ett gäng länkar där du helr enkelt hittar ett antal snygga hemsidor att inspiraras av när du ska jobba med webbdesign. Tänkta i detta inägg tipsa om länkar till ytterligare sidor där du kan hitta en stor mängd fler snygga webbsidor. Hoppas det kan komma till användning i din webbproduktion.

Kolla på följande sidor:

Resurser för grafisk design

By admin on november 10, 2009

resurser för grafisk designPå GraphicMania hittade jag en bloggpost där de presenterar ett väldigt stort antal resurser för grafisk design. Inriktningen är grunge och du hittar flera olika set av ikoner, över 20 snygga texturer, 15 stycken typsnitt med grungekänsla och mängder av Photoshoppenslar som kryddar din design lite extra.

Även om du inte arbetar med en hemsida som går i grungestil kan det  finnas material som går att använda för att bryta av den genomgående designen och få olika partier att sticka ut från mängden.

Resurserna hittar du här!

Snygga hemsidor

By admin on oktober 26, 2009

snygga hemsidorAlla som arbetar med webbdesign vill naturligtvis producera snygga hemsidor. Givetvis kan det då vara bra med lite nya infallsvinklar, så att man inte står och stampar i samma fotspår hela tiden. Det finns mycket nytt att lära sig när det gäller kreativa lösningar för hemsidor. Titta igenom nedanstående länkar för inspiration till snygga hemsidor.

Vill du hitta fler snygga hemsidor kan du kolla in mitt inägg där jag skrev om inspiration för webbdesign.

Arbeta med CSS i Dreamwaver

By admin on oktober 21, 2009

arbeta med css i dreamweaverNär jag arbetar med webbdesign i Dreamweaver brukar jag till 95% sitta och knacka kod i texteditorn. Har varit nöjd med det och egentligen aldrig gått in för att lära mig ens en bråkdel av programmets alla funktioner. Hittade av en slump en Dreamweaver guide som tar upp hur man kan CSS-koda en punktlista till en snygg meny. Detta enbart med Dreamweavers inbyggda funktioner. Resultatet blir detsamma som att man kodar manuellt, men tillvägagångssättet är helt olika. Lite roligt att se hur extremt olika man kan jobba för att nå samma mål.

HTML 5

By admin on oktober 17, 2009

Det var nu ett litet tag sedan HTML 5 lanserades. Det var då drygt 10 år sedan den kom någon ny version eller förändring för HTML. Tanken under den perioden var att XHTML, som är lite striktare, skulle ta över helt. Det finns givetvis både för och nackadelar med båda språken och då XHTML kanske inte var helt lyckat ur alla aspekter började då HTML 5 att tas fram.

För den som vill lära sig mer om HTML 5 kan jag rekommendera en 25 min lång video där Bruce Lawson berättar om framtiden för HTML 5.

En annan rolig guide för HTML 5 är den som Carsonified skrivit om hur du ritar med HTML 5.

En annan bra resurs att använda sig av för att komma igång med HTML 5 är den som Smashing Magazine publicerat där de kodar en sida från grunden i HTML 5.

Grunderna i CSS

By admin on oktober 6, 2009

grunderna i cssVid webbdesign och produktion av hemsidor bör du använda dig av stilmallar (CSS). CSS är förkortning för Cascading Style Sheets och det är den kod som styr utseendet på hemsidan. Det är i den koden du anger färger, bakgrunder, teckensnitt, hur olika delar på sidan förhåller sig till varandra mm. En stor fördel är givetvis att du får allt detta samlat på ett ställe och bara behöver ändra på ett ställe om du exempelvis vill byta färg på alla textlänkar på en hemsida. En annan stor fördel är att du kan lägga denna kod i en separat fil och därmed minimera koden i html-filen. Det i sin tur gör att textinnehållet i html-filen framhävs bättre, vilket är en stor fördel i sökmotorerna. Detta är en grundläggande del i sökmotoroptimering.

Har du inte arbetat med stilmallar tidigare kan jag rekommendera en artikel Smashing Magazine har skrivit om hur du kommer igång med grunderna i CSS.

Förutom att de går igenom de viktigaste sakerna du behöver kunna för att bygga en hemsida med hjälp av stilmallar presenterar de även ett antal bra resurser för hur du kan komma från din Photoshopskiss av hemsidan till en färdig webbsida.

Inspiration för webbdesign

By admin on september 30, 2009

inspiration för webbdesignNär man jobbar med webbdesign och layoutarbeten vid hemsidesproduktion kan det vara slönt att hitta lite inspiration från olika håll och kanter. Det är ju dumt att börja om från början och uppfinna hjulet varje gång. Givetvis ska man ju inte kopiera det andra tidigare har gjort, men ser man något snyggt är det ofta enkelt att hitta en egen väga att gå och utveckla det till något som känns nytt och fräscht.

Har samlat några länkar där du kan hitta mycket inspiration för webbdesign: