Håll det nya årets upplösning och gör skottet från tryck till webbdesign

Du har designat för utskrift sedan college och har ett öga för vad som gör visuella jobb. Men landskapet har förändrats (och för vissa kan det till och med se lite skrämmande). Så när bollen sjönk i början av 2012 var din upplösning att lära sig lite mer om den digitala sidan av allt och göra dig så mycket mer marknadsförbar.

Nu är det dags att komma igång. Det finns massor av resurser där ute för att hjälpa skrivare att få sina fötter våta i kodning, HTML och digital design. På grund av de färdigheter som du redan har som skrivdesigner kan övergången vara enklare än du tror. Du vet redan hur man använder text, färg och bilder, men behöver färdigheter för att få det att hända i onlineformatet. Med lite tid och engagemang kan nästan alla lära sig grunderna med några bra (och gratis) handledning på din dator.

Kodning för nybörjare

Webbplatser som Codeacademy och Carl Herolds högre dator för alla tillåter användare att lära sig grunderna för datorkodning utan kostnad. Användare går igenom en serie kurser som utvecklats av utvecklare.

Codeacademy, som startade sommaren 2011, har mer än 500 000 användare och fick $ 2,5 miljoner från investerare för att finansiera satsningen i oktober, enligt The New York Times. Högre dator för alla, som startade 2009, hävdar cirka 6 000 abonnenter. Var och en av webbplatserna är enkel att använda och kräver inte tidigare kunskap om kodning.

Bonusen för Codeacademy är att lektionerna är strukturerat på ett nästan spelliknande sätt, så att du kan vinna prestations märken för att slutföra lektioner och dela dem online. Codeacademy lektioner börjar på den mest grundläggande nivån - Lektion 1: Lär känna Du visar syntaxen för programmering - och går vidare till lektioner i Javascript-funktioner. Den enda verkliga nackdelen är att lektionerna saknar kontext om varför saker görs på detta sätt.

Den spelliknande atmosfären i Codeacademy är kul. Att gå igenom lektionerna ger dig en omedelbar känsla av prestation och förståelse. Med varje inmatning i träningsområdet får användaren omedelbar återkoppling om koden skrivits in korrekt och om inte tips om hur man går vidare. Gränssnittet behöver inte ljud och kan övas i vilken takt som helst, även om det fungerar bättre om du avslutar hela lektionen innan du loggar ut.

Carl Herolds högre dator för alla är en mycket mer strukturerad inställning. Du behöver inte registrera dig för webbplatsen för att gå igenom lektionerna, som är mer som läsföreläsningar än Codeacademys interaktiva karaktär. Herold tar användarna genom historia och bakgrund av kodnings- och programmeringsspråk i de första lektionerna och fortsätter att skriva grundläggande program.

Informationsdjupet är imponerande, men gränssnittet kan vara skrämmande för första gången kodare. Lektionerna kräver mycket läsning och gränssnittet har inte en arbetsutrymme för träning.

Att kombinera lektionerna i de två onlinemodulerna kan vara den bästa vägen för att lära sig så mycket om kodning som möjligt. Herolds information förklarar principerna på ett tydligt sätt så att du kan förstå vad det betyder. Codeacademys lektioner erbjuder praktisk erfarenhet av att arbeta med programmering i ett lättanvänt format.

Lär dig HTML

Även om en grundläggande kunskap om kodning inte kan skada någon, vill de flesta designers hoppa direkt in i webbdesign. Det är där HTML kommer in. Markup-språket använder en uppsättning taggar som noteras inuti vinkelbeslag för att beskriva vad som finns på en webbsida.

Börja med gratis handledning på w3schools.com eller HTML Dog. Varje sida erbjuder en serie korta lektioner för nybörjare från hur man använder grundläggande HTML - inställning av stycken och rubriker - till mer komplexa funktioner, till exempel byggnadstabeller eller infoga bilder.

Lärdomarna från w3schools.com är ganska interaktiva och enkla att förstå. Varje modul tillåter användare att spela med bitar av HTML och se resultaten på skärmen. Lektionerna lägger också till ett extra element av undervisning i övningarna, förklarar varför vissa taggar fungerar som de gör och hur tings motsvarar gamla och nya sätt att bygga webbsidor.

Nybörjarens lektioner på w3schools.com är ganska grundläggande, men kan lägga ett bra underlag för att någon som flyttar från skriv ut har aldrig arbetat online. De avancerade lektionerna kan verkligen hjälpa designers att göra en sida så som de vill utan att behöva förlita sig på gratis mallar eller boxade designark. Lektionerna innehåller information om hur man ställer in en webbsidans layout. gå in i detalj om att arbeta med media, till exempel bilder, video och ljud; och introducera användare till HTML5.

HTML Dogs lektioner är mycket mer av en guidad tur. De fungerar som en direktguide som låter användarna öva på egen hand med anteckningsblock och en webbläsare (som är standard på de flesta datorer). Lektionerna är ganska enkla och direkta men saknar interaktivitet. Webbplatsen går dock in i ganska bra detaljer om alla de gemensamma användningsvillkoren som kommer att dyka upp i HTML, till exempel? Stark? och? em.?

HTML Dog tillåter användare att dyka in i mer komplexa lektioner också, med en introduktion till CSS och mellanliggande och avancerade HTML-kurser som täcker objekt som Javascript och använda formulär.

Mer avancerade? Kurser?

Nu när du är kopplad till att lära dig allt du kan om det digitala formatet, kolla in alla material på Google Code University. Programmet, sponsrat av webgigant Google, har utseendet och känslan av en högskoleutbildningsguide.

Lektioner och kurser är gratis och kräver ingen registrering. Det finns en mängd olika saker att prova, inklusive tutorials inspelade samtal och kurser med övningar. Mycket av kursen är ganska avancerad, med föreläsningar och material från lärare och studenter vid Harvard, Duke och Carnegie Mellon.

Den stora fördelen med Google Code University är nätverket av resurser.Lektioner är aktuella och flyttar med teknik, till exempel? Bygga en Android Application 101.? Varje kurs anger förkunskaper som krävs för kursen, nödvändig programvara eller material och lärandemål.

Öva nya färdigheter

Det bästa sättet att testa vad du har lärt dig är att sätta begreppen i aktion.

Känner du dig bra om några av dina kodningsförmågor? Skapa enkelt spel eller program för att visa upp ditt arbete. Spela med något du kan fortsätta att arbeta med och fortsätta raffinera nya färdigheter. Skapa en webbsida - och använd inte en mall. Börja enkelt, men över tiden försöker du lägga till nya element. Titta på saker du gillar online och försök att kopiera dem på din webbplats.

Om du känner dig extra säker, be din chef att samarbeta med andra på ett digitalt projekt eller leta efter en liten som du kan hantera ensam men med tillsyn och vägledning om du stöter på problem. Låt folk veta att du försöker göra språnget till digital design; Det är troligt att dina kamrater hjälper dig på vägen.

Slutligen fortsätt lära dig nya saker. När du har behärskat kodning och HTML, tänk på design på andra områden, t.ex. för mobila applikationer och surfplattor.

Slutsats

Det finns stora resurser ute för att hjälpa dig att lära dig alla nya färdigheter du vill ha i 2012 - och du behöver inte gå tillbaka till skolan för att göra det. Ställ några mål och börja med online-kurser och handledning för att få ut det mesta av din inlärningserfarenhet.

Öva allt du lär dig bara springa igenom handledning är inte tillräckligt för att göra kompetensen relevant. Upptäck erfarenheter och projekt som testar din nyfunna kunskap. Kom ihåg att de grundläggande begreppen som bestämmer en bra design inte förändras från utskrift till webben. Nyckeln till framgång i båda områdena är en uppdaterad verktygslåda.