How To Teach Yourself Web Design

How To Teach Yourself Web DesignHow To Teach Yourself Web Design

Ja, het is perfect mogelijk om jezelf te leren web design. Ik vroeg rond deze week te zien hoe mensen erin geslaagd om de vaardigheden te verwerven en ik probeerde te herinneren wat werkte voor mij.

Er zijn drie belangrijke manieren waarop je kunt jezelf te onderwijzen web design.

  1. Door te doen. Mensen leren door het daadwerkelijk maken van websites.
  2. Door het gebruik van online bronnen. Iedereen op een gegeven moment vindt antwoorden over hoe om websites te ontwerpen online.
  3. Door te lezen. Deze verbaasde me. De meeste ontwerpers zeggen dat ze leren webdesign, gedeeltelijk, door het lezen van boeken.

Dus, laten we gaan door elk van deze categorieën om uit te vinden hoe je jezelf te onderwijzen web design.

1. Leren web design door te doen

De beste manier om te beginnen om webpagina’s te begrijpen is om te kijken hoe de bestaande websites worden samengesteld en bouwen ze zelf.

Observeer hoe andere websites werken

Om te beginnen, de meeste webpagina’s op het internet zijn geschreven, ten minste gedeeltelijk, in HTML. Om de HTML die deze pagina je nodig hebt creëert zien “Bron weergeven in de browser die u gebruikt. Probeer te gaan Cmd / Ctrl-U (voor Firefox), ga Cmd / Ctrl-Alt / Opt-U (voor Chrome), en als je gebruik maakt van Internet Explorer, moet je echt jezelf afvragen of web design is de juiste carrière pad voor je.

Een ander ding dat je zou kunnen opmerken van de HTML-bron is dat alle HTML-pagina’s hebben dezelfde structuur. Ze beginnen allemaal met een lt;! DOCTYPEgt; verklaring zeggen welke versie van HTML is het in, gevolgd door een lt; HTMLgt; verklaring, gevolgd door lt; headgt; van het document dat is een container van verschillende elementen, waaronder links naar scripts, style sheets, de meta-informatie, enz. Na de lt; headgt; komt de lt; bodygt; waarbij de elementen van de webpagina zijn gemarkeerd.

Oefening: Selecteer alle broncode van deze pagina in een notitieblok (PC) of TextEdit (Mac) document en sla het op uw computer als “test.html of zoiets. Open dit bestand in een browser en het moet precies hetzelfde als de online kijken versie. Nu zet uw verbinding met het internet en zien wat de testpagina eruit ziet. Pretty anders, hè? Probeer uit te werken waarom.

Instrumenten van de handel

Terwijl je dit doet, zullen er bepaalde tools die je nodig hebt.

  • Meerdere browsers en smartphones. Probeer het testen van uw eigen sites op verschillende browsers en een telefoon (dit is waar je een langdurige haat affaire met Internet Explorer zal beginnen).
  • teksteditor. U kunt de basis Kladblok (PC) of TextEdit (Mac), of misschien Coda (Mac) of Dreamweaver gebruiken – weet Dreamweaver niet in de visuele modus, gewoon werken op de code, moet u begrijpen hoe dit spul werkt onder de kap.
  • Validator. Bevestig uw webpagina’s met de HTML Validator en de CSS Validator (gebruik een browser plugin zoals Web Developer voor Chrome om snel een beroep op hen).
  • Chrome Developer Tools en Firebug voor Firefox. Deze tools helpen u CSS en JavaScript, die, als je dacht dat HTML moeilijk was, doen neem enig begrip te begrijpen.
  • Afbeeldingen en foto-editors. Centraal in web design zijn foto-editors zoals Photoshop of Fireworks. Deze zijn vrij duur, maar er is GIMP plus een groot aantal online foto-editors als je net begint.

Het creëren van je eigen statische HTML-websites

Terwijl uw kennis van HTML, CSS en JavaScript groeit je moet het creëren van statische HTML-sites, lokaal of op een webserver. Continu spelen met de code om te proberen om leuke dingen te doen. Probeer om bepaalde elementen in andere websites te herscheppen door het kopiëren van stukjes van de code.

Hoewel de websites die u uiteindelijk maakt waarschijnlijk niet te worden gemaakt van HTML-bestanden, is het essentieel dat u begrijpt hoe u statische HTML-sites eerst maken voordat je kunt beginnen met behulp van PHP en / of Content Management Systemen (CMS) naar HTML.

Het creëren van je eigen websites met CMS

De meeste websites zijn gemaakt door CMS’en – software die HTML-pagina’s binnen een bepaalde templates kunt maken. De beste zijn WordPress. Joomla en Drupal. maar er zijn tal van lichtere, open source CMS u kunt experimenteren met, zullen deze je leren hoe PHP, en met andere CMS, ASP, worden gebruikt om websites samen stuk.

Gebruik MAMP (Mac) of WAMP (Windows) op uw computer om deze systemen lokaal draaien, zodat u een goed begrip van hoe ze werken kunnen krijgen.

Met behulp van foto-editors

U moet weten hoe je Photoshop of iets dergelijks te gebruiken. U heeft deze nodig om afbeeldingen te maken voor de site, evenals om volledige visuals van hoe de site eruit zal zien wanneer u klaar bent om het ontwerpproces te helpen bieden.

krijg het ontwerpen

Natuurlijk, ik heb niet gezegd dat de resulterende websites niet alleen zal moeten valideren, het werk, worden gevonden door zoekmachines, dienen een doel en de handel worden gebracht, maar ook … ze hebben er goed uitzien.

Om uw artistieke oog te verbeteren, regelmatig te produceren werk en dan proberen om het beter. Schetsontwerpen op papier te werken dan op hen in Photoshop of wat dan ook grafisch programma die je hebt. De praktijk zal u helpen om een ​​betere ontwerper. Ik zal aanbevelen meer middelen later die je zal helpen met het ontwerp principes.

2. Online bronnen

Als mensen willen antwoorden gaan ze naar het internet en “Google het of zoeken op YouTube. Webdesign is niet anders. Er zijn veel middelen die u online zal helpen. Eerst en vooral is er W3 Schools die webdesigners verwijzen als de beste online self onderwijs resource, is er ook Tizag. Sommige mensen adviseren Lynda.com hoewel ik het niet persoonlijk heb gebruikt.

blogs

Er zijn een aantal grote ontwerp blogs die er zijn. Er zijn grote degenen die u kunnen helpen als SmashingMagazine. WebDesignerDepot. 1stWebDesigner en de Envato netwerk.

Persoonlijk krijg ik meer van de onafhankelijke web en grafisch ontwerpers die blog. Er zijn echter ladingen die ik heb geleerd van de afgelopen jaren dus hier zijn slechts een paar en ik verontschuldig me aan een uitstekende bloggers die ik de lijst heb gebleven.

  • Chris Colyer ‘S CSS Tricks is een fantastische responsieve website, maar heeft ook grote webdesign info en trucs
  • Veerle Pieters heeft een grote Photoshop en Illustrator tutorials op de blog van Veerle’s
  • David Airey is iemand die ik gevolgd heb een tijdje op zijn eigen gelijknamige blog. LogoDesignLove en IdentityDesigned. David is geïnteresseerd in de overkoepelende identiteit van organisaties onder andere dingen.
  • Chris Spooner heeft me veel met tutorials onderwezen op zijn blog op SpoonGraphics en plus informatie en inspiratie op Line25
  • Fabio Sasso ‘S prachtig ontworpen website Abduzeedo biedt veel inspiratie en weirdness.
  • Nick La ‘S N.Design Studio en WebDesignerWall hebben een aantal fantastische informatie en grote inspiratie.

Aarzel niet om uw favoriete ontwerp blogs toe te voegen in de reacties hieronder.

Forums

Wanneer u bashing je hoofd tegen een bakstenen muur forums zijn geweldige plekken om antwoorden te krijgen. Plaats een beschrijving van uw probleem en het webadres en heel vaak iemand zal contact met u op met een oplossing. Hier zijn een aantal van mijn favoriete forums.

3. Boeken

Veel webdesigners beweren dat goede ouderwetse fysieke boeken hebben geholpen leren ze web design. Hier zijn een paar van mijn favorieten en enkele anderen die zijn aanbevolen voor mij. De links zijn Amazon.com affiliate links.

  • Bouw je eigen website The Right Way Het gebruik van HTML & CSS 3e (derde) editie van Ian Lloyd is een Sitepoint boek dat ik jaren geleden las. Het hielp me echt op het moment dat het zich richt op web design best practices. Zorg ervoor dat u een up-to-date versie te kopen (op het moment dat de derde editie die veel op HTML5 omvat).
  • CSS: The Missing Manual door David Sawyer McFarland bevat uitleg, voorbeelden en stap-voor-stap handleidingen. Dit boek is vooral aanbevolen als het geeft je de achtergrond van CSS en bevat veel over CSS3.
  • De principes van Beautiful Web Design. 2nd Edition door Jason Beaird, stelt dat het ontwerp is een vaardigheid die kan worden geleerd en leert u de basisprincipes van het ontwerp.
  • Color Design Werkboek: A Real World Guide het gebruik van kleur in Graphic Design by AdamsMorioka (editor) levert de essentiële informatie die nodig is om kleur toe te passen creatief en effectief aan het werk te ontwerpen.
  • Do not Make Me Think: A Common Sense aanpak voor web usability. 2nd Edition door Steve Krug een instant klassieker op web usability, geladen met inzichten en praktische adviezen.
  • Getting Real: The slimmer, sneller, eenvoudiger manier om een ​​succesvolle web applicatie te bouwen met 37 signalen kunnen worden over het maken van web applicaties niet sites, maar het heeft zo’n geweldige manier om het vereenvoudigen van processen web dat ik vond het zo’n nuttig lezen.
  • Graven in WordPress door Chris Coyier & Jeff Starr komt ten zeerste aanbevolen als de grote WordPress boek. Beschikbaar als PDF-versie (handig voor het kopiëren van code), evenals een fysieke versie.

Er zijn veel meer boeken die ik zou vooral over design theorie hebben opgenomen. Als u suggesties van de boeken die je hebben geholpen met web design hebben, laat het ons weten over hen in de commentaren.

Wat je kunt doen

Veel ontwerpers beweren dat het niet is eigenlijk de beste leraar. Dus er even uit en design websites! Wanneer, zoals zal ongetwijfeld gebeuren, kom je over een bakstenen muur, kunt u een aantal van de online middelen te gebruiken hier om u te helpen. En, als je niet kunt kijken naar het computerscherm niet meer, kun je een boek over lezen!

Ik zou graag uw suggesties van web design middelen en tips te horen voor het onderwijs zelf hier in de commentaren. Plus, vraag me hier als er iets is wat je vastzit op het moment.

Gerelateerde berichten:

  • De 12 Beste Udemy cursussen voor ondernemers
  • How To Make Money On Udemy
  • 15 Verbazingwekkende Content Creation ideeën voor uw Content Marketing
  • Productiviteit Hacks voor de Lazy en Ongedisciplineerde
  • 12 Foolproof Manieren om uw inkomstenstromen verhogen
  • Udemy Alternatieven Voor het verkopen Video Cursussen Online

Aaron Johnston zegt

Ik ben momenteel het leren van HTML & CSS, een boek van O’Reilly HTML met CSS & XHTML. zeer informatief boek en gemakkelijk te leren. Ik ben tot gelijke tred met HTML en zal het onder de knie snel hebben.

Ik heb een project om mijn eigen portefeuille website te bouwen gepland en ik ben over te gaan tot de CSS deel van het boek aan het en meester CSS stijl op hetzelfde moment.

Ik zal dan naar HTML5 & CSS3 en vervolgens een aantal JavaScript en jQuery.

Brilliant bericht door the way, er is zo ontzettend veel bronnen van online en sommige van deze blogs en websites die u noemde zijn in de voorhoede van de kennis doorgegeven.

Hallo Aaron, ja, iemand anders aanbevolen dat O’Reilly boek in de commentaren ook. Er zijn zeker tal van goede boeken die er iedereen gelezen. Best of luck het bouwen van uw portefeuille website – het is de meest frustrerend prachtig ding! En, blij dat je graag op de paal. &# 128578;

Als u Internet Explorer, moet je echt jezelf afvragen of web design is de juiste carrièrepad voor u

lees net dit bericht en ik kan zeggen dat het een veel nuttige informatie in het. Veel voor mij en anderen om af te gaan en te lezen.

Een ding dat je deed raken op, maar niet echt ingaan op de details en ik vind handig is om te gaan en te zien tal van websites, omdat je ideeën uit hun design als inspiratie op dingen die je wilt doen kunt krijgen. Gewoon iets wat ik graag doen, die misschien ook andere mensen nuttig?

Net buiten een aantal van die blogs die je nu aanbevolen lezen.

Hallo, Sean, absoluut. Je hebt gelijk krijg je niet alleen inspireren door andere sites, maar je kunt ook te weten komen hoe ze het deden bepaalde dingen door te kijken naar de bron. Ik ben altijd om dat te doen!

Colin zegt Sizemore

Ongelooflijk behulpzaam, maar ik was nieuwsgierig. Zou het krijgen van een verspilling van tijd een deelnemingen in web design? Ik ben net begonnen en was niet zeker of 2 jaar is het gemiddelde

Ik ben niet zeker, Colin, zeker zijn er vele grote webdesigners die er zijn die hebben geen formele opleiding hebben.

Je moet veel meer waar dat vandaan kwam uit op een goede webdesigner geworden … Nou dat is mijn mening &# 128521;

Uw mening zou beter worden ondersteund door enkele voorbeelden van wat je het over hebt.

Lee Johnson zegt

Ik hield van het artikel. Ik heb het leren van web design begon als ik wil uiteindelijk mijn eigen baas run mijn eigen bedrijf en zijn.

Ik heb het lezen van diverse boeken die ik nuttig heb gevonden:
prachtig CSS3 Een projectmatige Gids voor de nieuwste CSS door Zoe Mickley Gillenwater
Learning Web Design (4e Ed.) Door Jennifer Niederst Robbins
Vijf eenvoudige stappen Hardboiled Web Design by Andy Clarke
De webdesigner’s Roadmap door Giovanni Difeterici

Plus een aantal websites graag uw eigen (en uw e-books) en podcasts. Ik heb genoten van “Het starten van een Web Design Business met John Romaine en” Interview met Andy Sowards. Ik kijk uit naar je volgende uitzending.

Ga zo door.

Hey Lee. Bedankt voor je reactie en bedankt voor uw vriendelijke woorden over de site, de e-books en de podcast. Er is genoeg hier over het opzetten van een webdesign bedrijf, want ik weet zeker dat je hebt gezien. Stuur me een lijn als er iets specifiek u wilt weten over.

Een aantal goede aanbevelingen boek, zo goed! Bedankt voor hen. &# 128578;

Dank u voor het publiceren van deze gegevens binnen
jouw website.

Jonathan Kempf zegt

Bedankt, Jonathan. Ik ben het er niet mee eens. Sprekend als iemand die geen “design achtergrond bij allen (en daarmee bedoel ik de opleiding), ik denk dat het zeker mogelijk om te kunnen leren jezelf te ontwerpen principes.

Zoals gezegd, een zeer informatieve blog. Soort doet je beseffen dat je niet alleen bent!

Gewoon nieuwsgierig naar uw mening, maar die talen denk je dat wordt gebruikt door de meerderheid nu voor webdesign en welke denk je dat zal voornamelijk worden gebruikt in de komende 5-10 jaar?

De vraag te stellen als ik nu onder de knie hebben HTML en CSS en werd PHP starten. Niet zeker of dit is de beste route?

Bedankt en waarderen uw gedachten ..

Hi Sunny, goede vraag. Als ik was om te raden, zou ik zeggen HTML, CSS en PHP zijn geweldig om te leren voor de komende 5 jaar. Succes! Blij dat je de blog informatief. &# 128578;

Oksana Frewer zegt

Hallo Bob, ik ben blij dat ik botste tegen uw blog. Ik heb al een paar websites, maar ik probeer nooit SMS nog gebruiken. Maar ik ga het binnenkort doen. Maar goed, ik heb veel over de laatste paar dagen geleerd. Bedankt.
Postscriptum Ik ben het volledig eens met de les N1 over IE.

Ik ben blij dat je hebt botste tegen mijn blog ook, Oksana. Veel succes!

Hallo Rob
Wederom een ​​grote post zoals gewoonlijk, ik ben een groot fan van jou schrijven van vaardigheden en kennis … ..Ik volgde ook bijna alle blogs die je aan te bevelen. Chris Spooner, css trucs en beroven Cubbon zijn mijn favoriet. Na het succesvol doorbrengen van 2,5 jaar in web design industrie, zou ik willen aanraden wpbeginner.com voor WordPress beginner zoals ik.

Wow, ik noemde in één adem als Chris Spooner en Chris Coyier daar, Gaurav, dat is geweldig! Ik ben het eens, WPbeginner.com is een geweldige site ook.

Raju Yarida zegt

Graag gedaan, Raju, ik hoop dat je iets van het gebruik hier te vinden.

Ik geniet van het kijken via uw website. Dank je!

Groot artikel! Ik moet zeggen dat ik het eens met de eerdere opmerkingen over dat ik je stoppen dit te doen zal het verliezen. Ik denk echter dat de zaak met mijn college instructeur was. Ik ben blij dat ik mijn college kosten volledig betaald voor mij omdat de hele cursus werd onderwezen op basis van tabellen, Dreamweaver (die ik excuses als ik degenen die het gebruiken beledigd), en echt achterhaalde concepten die na het afstuderen vond ik te zijn achter de huidige normen. Een voordeel daarvan is dat ik begon te zien hoe de ideeën en gedachten in elkaar gezet (zonder “design achtergrond) naar een elementaire functionele website met een contact formulier.

Ik kijk ernaar uit om het onderwijzen van mezelf web design weer, zodat ik mijn eigen bedrijf te creëren. Ik heb al een paar vragen over het maken van sites, en de info zal hier me zeker helpen op mijn reis.

Ga zo door.

Hallo Chris, bedankt voor popping door en het verlaten van een reactie. Ja college cursussen kunnen worden achterhaald door de tijd die mensen eindigen ze. Beste van geluk in uw reis en laat me weten als je hulp nodig hebt. &# 128578;

Hoi!
Ik heb geleerd wat HTML en CSS codering … en ik wil echt om het uit te proberen op een website! Ik zou het leuk vinden om te spelen met het creëren van een daadwerkelijk gebruik van HTML / CSS, maar ik kan niet schijnen om een ​​plek om dat te doen vinden, alles wat ik heb gevonden zijn plaatsen die een sjabloon dat u in te vullen hebben. Alstublieft helpen.

Hi Jeni, als je wilt naar HTML en CSS te proberen je kunt gewoon lokaal schrijven van de bestanden en test ze uit op een browser – je hoeft niet eens te worden aangesloten op het internet. Of je kunt een aantal goedkope hosting te krijgen. Er is niets houdt je tegen.

Bedankt Rob. Uw informatie is precies wat ik nu nodig hebben. Ik heb gefrustreerd hard geprobeerd om anderen te bouwen websites voor mij. Een bedrijf in New York na het nemen van mijn geld ontwierp een website die was niet-functioneel en zou’nt het probleem te verhelpen. De volgende kerel gewoon verdwenen. Ik heb veel goede Domeinnamen ik wil bouwen in volledig functioneren websites. Ik hoop met u in contact te blijven. Moge God u belonen voor de kennis die hij je gaf vrijelijk delen.

Blij om te helpen, Salo. Kennis is macht. Het is echt niet zo moeilijk om een ​​website te bouwen. Het is gewoon een beetje verwarrend in eerste instantie. &# 128578;

Bron: robcubbon.com

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

18 − vier =