Halten Sie die Neujahrsauflösung und machen Sie den Sprung vom Druck zum Webdesign

Sie haben seit dem College für Print entworfen und haben ein Auge für das, was mit Visuals funktioniert. Aber die Landschaft hat sich verändert (und für manche sieht es vielleicht ein bisschen unheimlich aus). Als der Ball zu Beginn des Jahres 2012 fiel, war es Ihr Ziel, etwas mehr über die digitale Seite zu erfahren und sich so viel marktfähiger zu machen.

Jetzt ist es an der Zeit, loszulegen. Es gibt unzählige Ressourcen, die Druckdesignern dabei helfen, sich mit Codierung, HTML und digitalem Design zu beschäftigen. Aufgrund der Fähigkeiten, die Sie als Druckdesigner bereits besitzen, ist der Übergang möglicherweise sogar einfacher als Sie denken. Sie wissen bereits, wie Sie Text, Farben und Bilder verwenden, benötigen jedoch die erforderlichen Fähigkeiten, um dies im Online-Format zu ermöglichen. Mit etwas Zeit und Engagement kann fast jeder die Grundlagen mit ein paar großartigen (und kostenlosen) Tutorials direkt an Ihrem Computer erlernen.

Codierung für Anfänger

Mit Sites wie Codeacademy und Carl Herolds Higher Computing for Everyone können Benutzer die Grundlagen der Computercodierung kostenlos erlernen. Benutzer durchlaufen eine Reihe von Kursen, die von Entwicklern entworfen wurden.

Die im Sommer 2011 begonnene Codeacademy verfügt über mehr als 500.000 Nutzer und erhielt 2,5 Millionen US-Dollar von Investoren, um das Unternehmen im Oktober zu finanzieren, so die New York Times. Higher Computing for Everyone, das 2009 begann, beansprucht rund 6.000 Abonnenten. Jede der Websites ist einfach zu verwenden und erfordert keine Vorkenntnisse in Bezug auf die Kodierung.

Der Bonus für die Codeacademy ist, dass die Lektionen fast spielähnlich aufgebaut sind, sodass Sie Leistungsabzeichen verdienen können, wenn Sie die Lektionen beenden und online teilen. Die Codeacademy-Lektionen beginnen auf der untersten Ebene - Lektion 1: Erste Schritte zeigt die Syntax des Programmierens an - und geht weiter zu den Lektionen in Javascript-Funktionen. Der einzige wirkliche Nachteil ist, dass die Lektionen keinen Zusammenhang dazu haben, warum die Dinge so gemacht werden.

Die spielerische Atmosphäre der Codeacademy macht Spaß. Wenn Sie die Lektionen durchgehen, erhalten Sie sofort ein Gefühl der Errungenschaft und des Verständnisses. Mit jedem Eintrag im Übungsbereich erhält der Benutzer eine sofortige Rückmeldung darüber, ob der Code richtig eingegeben wurde. Falls nicht, werden Hinweise zum weiteren Vorgehen gegeben. Die Benutzeroberfläche erfordert keinen Sound und kann in jedem Tempo geübt werden, obwohl es besser ist, wenn Sie ganze Lektionen absolvieren, bevor Sie sich abmelden.

Carl Herolds Higher Computing für alle ist viel strukturierter aufgebaut. Sie müssen sich nicht für die Website registrieren, um die Lektionen zu durchlaufen, die eher Lesevorlesungen als die interaktive Natur der Codeacademy sind. Herold führt die Benutzer in den ersten Lektionen durch die Geschichte und den Hintergrund der Programmier- und Programmiersprachen und schreibt anschließend grundlegende Programme.

Die Tiefe der Informationen ist beeindruckend, aber die Oberfläche kann für Erstkodierer einschüchternd sein. Die Lektionen erfordern viel Lesen und die Oberfläche hat keinen Übungsarbeitsplatz.

Das Kombinieren der Lektionen in den beiden Online-Modulen ist möglicherweise der beste Weg, um so viel wie möglich über das Codieren zu lernen. Die Informationen von Herold erklären die Prinzipien auf eine klare Art und Weise, so dass Sie wissen, was alles bedeutet. Die Codeacademy-Lektionen bieten praktische Erfahrung mit der Programmierung in einem benutzerfreundlichen Format.

Lernen Sie HTML

Obwohl ein Grundwissen über das Kodieren niemanden verletzen kann, möchten die meisten Designer direkt in das Website-Design einsteigen. Hier kommt HTML zum Einsatz. Die Markup-Sprache verwendet eine Reihe von Tags, die in spitzen Klammern angegeben sind, um zu beschreiben, was sich auf einer Webseite befindet.

Beginnen Sie mit den kostenlosen Tutorials auf w3schools.com oder HTML Dog. Jede Site bietet eine Reihe von kurzen Lektionen für Anfänger, von der Verwendung von grundlegendem HTML-Code - dem Einrichten von Absätzen und Kopfzeilen - bis hin zu komplexeren Funktionen wie dem Erstellen von Tabellen oder dem Einfügen von Bildern.

Die Lektionen von w3schools.com sind ziemlich interaktiv und einfach zu verstehen. In jedem Modul können Benutzer versuchen, mit HTML-Bits zu spielen, und die Ergebnisse auf dem Bildschirm sehen. Die Lektionen fügen den Übungen außerdem ein zusätzliches Element hinzu. Sie erklären, warum bestimmte Tags so funktionieren, wie sie alten und neuen Methoden zum Erstellen von Webseiten entsprechen.

Die Anfängerkurse bei w3schools.com sind ziemlich einfach, können aber eine gute Grundlage für jemanden bilden, der aus dem Druck kommt und noch nie online gearbeitet hat. Die fortgeschrittenen Lektionen können Designern dabei helfen, eine Seite wie gewünscht aussehen zu lassen, ohne sich auf kostenlose Vorlagen oder Boxed-Design-Sheets verlassen zu müssen. Die Lektionen enthalten Informationen zum Einrichten des Layouts einer Webseite. ausführlich über die Arbeit mit Medien wie Bildern, Video und Audio eingehen; und Einführung in HTML5.

HTML Dogs Lektionen sind viel mehr eine geführte Tour. Sie dienen als direkter Leitfaden, mit dem Benutzer mit Notepad und einem Webbrowser (die auf den meisten Computern Standard sind) selbstständig üben können. Die Lektionen sind ziemlich einfach und direkt, es fehlt jedoch an Interaktivität. Die Seite geht jedoch ziemlich genau auf alle gängigen Verwendungsbedingungen ein, die in HTML auftauchen werden, wie z. B. "stark". und? em.?

Mit HTML Dog können Benutzer auch in komplexere Lektionen einsteigen, mit einer Einführung in CSS sowie fortgeschrittenen und fortgeschrittenen HTML-Kursen, die sich auf Elemente wie Javascript und die Verwendung von Formularen beziehen.

Fortgeschrittene? Kurse?

Nachdem Sie alles über das digitale Format erfahren möchten, lesen Sie alle Materialien der Google Code University. Das Programm, das vom Webriesen Google gesponsert wird, hat das Erscheinungsbild eines College-Kursführers.

Der Unterricht und die Kurse sind kostenlos und erfordern keine Anmeldung. Es gibt viele verschiedene Dinge, die Sie ausprobieren können, einschließlich aufgezeichneter Vorträge und Kurse mit Übungen. Ein Großteil der Kursarbeit ist ziemlich fortgeschritten, mit Vorträgen und Materialien von Pädagogen und Studenten an den Universitäten Harvard, Duke und Carnegie Mellon.

Der große Vorteil der Google Code University ist das Netzwerk der Ressourcen.Die Lektionen sind auf dem neuesten Stand und bewegen sich mit Technologien, wie z. B. Erstellen einer Android-Anwendung 101. In jedem Kurs werden die für den Kurs erforderlichen Kenntnisse, erforderliche Software oder Materialien und Lernziele aufgeführt.

Neue Fähigkeiten üben

Der beste Weg, um zu testen, was Sie gelernt haben, ist die Umsetzung der Konzepte.

Fühlen Sie sich gut mit einigen Ihrer Codierfähigkeiten? Erstellen Sie ein einfaches Spiel oder Programm, um Ihre Arbeit zu präsentieren. Spielen Sie mit etwas, mit dem Sie weiter arbeiten können, und verfeinern Sie neue Fähigkeiten. Erstellen Sie eine Webseite - und verwenden Sie keine Vorlage. Beginnen Sie einfach, aber versuchen Sie im Laufe der Zeit, neue Elemente hinzuzufügen. Sehen Sie sich Dinge an, die Sie online mögen, und versuchen Sie, sie auf Ihrer Website zu replizieren.

Wenn Sie sich besonders zuversichtlich fühlen, bitten Sie Ihren Chef, bei einem digitalen Projekt mit anderen zusammenzuarbeiten, oder suchen Sie nach einem kleinen Projekt, das Sie alleine bewältigen können, aber mit Aufsicht und Anleitung, wenn Sie in Schwierigkeiten geraten. Teilen Sie den Leuten mit, dass Sie versuchen, den Sprung zum digitalen Design zu machen. Wahrscheinlich werden Ihre Kollegen Sie dabei unterstützen.

Endlich weiter neue Dinge lernen. Wenn Sie das Codieren und HTML beherrschen, sollten Sie sich das Design in anderen Bereichen vorstellen, beispielsweise für mobile Anwendungen und Tablets.

Fazit

Es gibt großartige Ressourcen, mit denen Sie all die neuen Fähigkeiten erlernen können, die Sie sich 2012 wünschen - und Sie müssen dafür nicht wieder in die Schule gehen. Legen Sie sich einige Ziele fest und beginnen Sie mit Online-Kursen und -Tutorials, um Ihre Lernerfahrung optimal zu nutzen.

Übe alles, was du lernst; Das Durchlaufen von Tutorials reicht nicht aus, um die Fähigkeiten relevant zu machen. Suchen Sie nach Erfahrungen und Projekten, die Ihr neu gewonnenes Wissen testen. Denken Sie daran, dass sich die grundlegenden Konzepte, die gutes Design bestimmen, nicht vom Druck auf das Internet ändern. Der Schlüssel zum Erfolg in beiden Bereichen ist ein aktualisiertes Toolkit.