Posts Tagged ‘ Webbdesign ’

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:

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.

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:

Texturer för designarbeten

By admin on september 18, 2009

texturer för designarbetenFör att få lite mer liv i sin design, oavsett om det rör sig om webbdesign eller annan grafisk design, kan det alltid underlätta att använda sig av någon textur inbakad i till exempel bakgrunden. Det mesta av grafisk arbeten när det gäller pixelgrafik sker i Photoshop. Här tipsar jag om ett antal länkar till resurser där ni hittar texturer för era designarbeten i Photoshop eller annat bildhanteringsprogram.

Massor med gratis ikoner

By admin on september 11, 2009

massor med gratis ikonerNågot som kan underlätta vid arbete med webbdesign är att hitta snygg grafik som går att använd på olika sätt i layouten på sidan. Till just detta finns det en massor med gratis ikoner att ladda ner och använda fritt i sina designarbeten. Det brukar kunna piffa upp utseendet på sidan ganska mycket.

Här hittar du en stor mängd gratis ikoner: