9 Ideen für den Aufbau großer Websites mit weniger

Wir alle wissen, wie mühsam Webarbeit sein kann. Es ist keine Aufgabe für schwache Nerven und erfordert in der Regel ein Jahr oder mehr des Studiums, um wirklich zu begreifen. Im Laufe unserer Ära haben wir brillante Ideen und Innovationen gesehen, die die Online-Community zu Open Source und Sharing führten.

Der Aufbau einer Website hat sich wirklich zu einem vielschichtigen Prozess entwickelt. Sie müssen die Webpage-Grafiken, Coding-Front-End-Stile und Layout, Server-Hosting und möglicherweise Back-End-Programmierung zum Booten berücksichtigen. Entwickler haben mit diesen Systemen seit Jahren gespielt und schließlich haben wir einen Punkt von Interesse erreicht, aber es wird sehr anstrengend sein, wenn Sie all diese Arbeiten komplett selbst erledigen.

Im Folgenden habe ich einige hilfreiche Ressourcen für die effiziente Planung von Websites vorgestellt. Diese treten während des gesamten kreativen Prozesses in vielen Formen auf. Obwohl dies keine erschöpfende Liste ist, hoffe ich, Ressourcen zu erwähnen, die sowohl für Experten als auch für Anfänger hilfreich sind.

1. Überlassen Sie es den Experten

Von Symboldesignern bis hin zu Programmierern auf der ganzen Welt haben wir alle unterschiedliche Fähigkeiten unterschiedlichster Größenordnung. Wir stellen uns nicht oft als Superhelden vor, die versuchen, Fähigkeiten zu entwickeln, die über die Meisterschaft hinausgehen. Aber ein kreativer Künstler und Programmierer zu werden ist ein wahres Geschenk.

Für diejenigen von uns, die sich auf eine bestimmte Nische konzentrieren, sollte externe Hilfe herzlich willkommen sein. Es kann den Aufbau einer Website um das Zehnfache beschleunigen und bietet eine einzigartige Erfahrung, um innerhalb eines Teams zu arbeiten. Einige der besten PSD zu HTML-Dienste gehören psd2html und xhtmlchop.com, Google "PSD zu HTML-Dienste", um mehr zu bekommen, oder Check-out eine Liste von mehr als 100 Dienstleistungen hier.

Der physische Prozess des Hinsetzens, um ein Photoshop-Dokument in HTML / CSS zu codieren, kann ärgerlich sein. Vor allem, wenn Sie seit vielen Jahren codieren, da die Wiederholung langweilig und fast antiquiert wird. Viele dieser Dienste versprechen 24-Stunden-Lieferung und bieten sogar Rabatte für Unterseiten-Designs.

Wenn Sie sich für das Codieren interessieren, aber mit Design-Fähigkeiten zurückfallen, würde ich Ihnen empfehlen, einige der digitalen Künstler-Netzwerke zu durchstöbern. Dazu gehören Dribbble und DesignMoo, wo Grafikdesigner ihre neuesten Arbeiten veröffentlichen und teilen können. Im Allgemeinen finden Sie auch eine Portfolio-Anzeigeseite für jeden Künstler mit Kontaktinformationen wie E-Mail, Twitter oder IM-Chat.

2. Outsourcing-Lösungen

Es gibt großartige Beispiele für Freelancer, die ihre Dienste anbieten, um Projektstudios zu unterstützen. Aber mit dem heutigen Kommunikationsniveau gibt es viele Fälle, in denen Freiberufler Hand in Hand arbeiten, um die Projektarbeit abzuschließen. Sogar möglicherweise von zwei verschiedenen Standorten rund um den Globus!

Mit der Veröffentlichung so vieler freiberuflicher Communities war es für Designer und Entwickler noch nie einfacher, sich zu treffen und zusammenzuarbeiten. Ein großartiger Community Programmer Meet Designer ermöglicht sowohl Web-Entwicklern als auch Designern, Ideen für Projekte zu senden und zu teilen. Dies ist ein relativ unbekanntes Netzwerk und funktioniert immer noch als ein kleiner Kreis von Profis.

Alternativ können Sie nach einer Arbeit als Freiberufler suchen und Jobs schwierig finden. Hier zeigen die vielen Stellenbörsen aus dem Internet ihren Nutzen. Solche Unternehmen wie Fresh Web Jobs und Krop sind nur einige Beispiele für die vielen freiberuflichen Möglichkeiten. Jeder wird täglich aktualisiert und bietet vollständige Beschreibungen mit Kontaktinformationen.

3. Verwenden Sie Open Source

Eine der besten Erfindungen aus der heutigen Web-Entwicklungs-Community muss Open-Source-Software sein. Es werden täglich unzählige Anstrengungen unternommen, um bestehende Bibliotheken zu ergänzen und zu verbessern. jQuery und MooTools sind zwei von Hunderten von JavaScript-Bibliotheken, die sich durch einfache Tutorials und Reputation vom Rest abheben. JavaScript ist jedoch nicht das einzige offene Protokoll, an dem gearbeitet wurde. Buchstäblich Hunderttausende von Entwicklern teilen jeden Tag Code-Pakete auf GitHub mit und bringen diese bei. Sprachen umfassen PHP, CSS, SQL, ASP, Objective-C, Java und so viele mehr!

WordPress, eine von Matt Mullenweg entwickelte und in den letzten Jahren historisch gewachsene Blogging-Plattform, ist möglicherweise der Inbegriff von Open-Source-Erfolgsprojekten. Es scheint beeindruckend zu sein, so viele kleinere Pakete durch das Internet zu scannen, aber WordPress versorgt Millionen von Websites und hostet Tausende von Entwicklern, die an ihrem Backend arbeiten. Das ganze Paket ist kostenlos herunterzuladen und sehr einfach zu installieren. Die offizielle Firmenwebseite wordpress.org bietet Links und Tutorials für Entwickler, die WP-Themen und Plugins erstellen möchten. Wir haben auch ein einführendes Tutorial zu WP-Plugins für beginnende Programmierer gesponsert. Ebenso gibt es eine offizielle Galerie mit einer beeindruckenden Anzahl an kostenlosen Plugins für alle WordPress-Nutzer.

Für diejenigen von Ihnen, die nach Open-Source-E-Commerce-Skripten suchen, lesen Sie diesen Beitrag.

4. Entwerfen eigener Symbole - Nicht erforderlich

Wenn wir uns der Grafik- und Animationsseite des Designs nähern, sehen wir immer noch eine offene und gemeinsame Community. Web-Designer genießen nicht nur ihre Kunstwerke in der Welt zu teilen, sondern auch anderen zu helfen, ihre Ideen zu fördern.

Grafiken sind einige der kompliziertesten Aspekte einer Website. Dies gilt insbesondere, da erstklassige Grafiker schwer zu bekommen sind. Viele der kostenlosen Icon-Sets wie FamFamFam, Wefunction, Fugue und andere legen ihre Downloads frei, um sie auf Vergeltungslinks zu verwenden oder ihre Arbeit anzuerkennen. Dies scheint ein einfacher Kompromiss für unbegrenzte Anwendungen zu sein!

Ein weiterer fantastischer Service Icon Finder verhält sich wie eine Suchmaschine für die beliebtesten Icon-Sets. Wenn Sie die Google-Suchergebnisse durchsuchen, gibt es häufig Hunderte von Webdesign-Blogs, in denen die besten kostenlosen Symbole angezeigt werden. Diese wurden auch in Suchmaschinen wie Icon Finder verwendet, um das Erstellen von Websites noch schneller zu machen.

5. Bessere Deal in Hosting und File Sharing

Wir können alle heutzutage zusätzliches Geld verwenden. Selbst als Webdesigner ist es wichtig, diejenigen Unternehmen ausfindig zu machen, die Angebote anbieten und die freiberufliche Generation unterstützen.

Web-Hosting ist nur eine der vielen Ausgaben, die berücksichtigt werden müssen. Oft finden Sie Coupons auf verwandten Websites, die beim Kauf von Domainnamen und Serverplatz Geld sparen.

File-Sharing ist zu einem wichtigen Bestandteil des Lebensstils des Webdesigners geworden. Es gibt bezahlte und kostenlose Dienste, und wenn Sie jemanden im Geschäft kennen, ist es nicht schwierig, einen Mitgliedskonto zu erhalten. Im übrigen sollten Sie unsere alternativen Dateifreigaben durchsehen, die für alle Benutzer völlig kostenlose Unterstützung bieten.

6. Kostenlose Leistungsüberprüfung

Website-Anwendungen sind der neueste Trend, der durch die digitalen Nähte platzt. Von mobilen Apps bis hin zu Browser-Apps scheint heutzutage fast alles auf einem Computer zu sein. Für Webmaster ist es wichtig, die vielen kostenlosen Möglichkeiten für mechanische Tests und Website-Wartung zu kennen.

Wenn Sie wie die meisten von uns sind, ist die Verfügbarkeit der Website von großer Bedeutung. Wenn Ihre Website nur für ein paar Minuten heruntergefahren wird, kann das für Ihre Besucherzahlen katastrophal werden, ganz zu schweigen davon, dass Ihre Besucher sehr verwirrend sind. Pingdom ist ein kostenloses Tool, mit dem Webmaster Antwortcodes von ihrem Webserver überprüfen können. Dies ist eine sichere Methode, um Ihr Back-End zu überwachen und die Leistung hinter den Kulissen zu überwachen.

Google Webmasters ist ein weiterer großartiger Service, mit dem Entwickler die Inhaberschaft ihrer Website beanspruchen können. Dies kann mit einer Sitemap, einem Meta-Tag oder anderen von Google bereitgestellten Alternativen erfolgen. Wenn Sie ein Google-Konto verwenden, können Sie RSS-Daten speichern und sogar Keywords für einzelne Websites verfolgen. Die App ist 100% kostenlos und ermöglicht das Speichern unbegrenzter Website-Verbindungen!

7. Code-Editoren können billig (oder kostenlos) sein

Ob wir es gerne zugeben, neigen die meisten Webdesigner dazu, in irgendeiner Form von Web-Entwicklung zu tun. Es ist nur für diejenigen, die wirklich in Adobe Photoshop oder Illustrator begabt sind, die nicht in HTML und CSS-Design wagen.

Für Programmierer Frontend und Backend gleichermaßen kann es schwierig sein, eine komfortable Arbeitsumgebung zu finden. Adobe bietet Dreamweaver an, das Codehighlighting in vielen Sprachen unterstützt, aber leider ziemlich viel Geld kostet. Wir haben die Top 10 der kostenlosen Quellcode-Editoren überprüft und direkte Download-Links zu jeder Seite angeboten.

Wenn Sie gerade mit dem Programmieren anfangen, empfehle ich dringend, etwas Zeit in diese zu investieren. Ihre Entwicklungsumgebung ist entscheidend und hat Auswirkungen auf die Art und Weise, wie Sie Code schreiben. Viele dieser Editoren sind Windows-spezifisch, und obwohl Sie einige Mac-freundliche Optionen finden können, empfehle ich Panics Coda - eine viel billigere Code-Editoren (im Vergleich zu Adobe Dreamweaver) für ernsthafte Web-Entwicklung.

8. Sammle einige Starter Kits

Nun, da Sie eine solide Vorstellung von den verfügbaren Diensten und Programmen haben, versuchen Sie, ein paar Starter-Kits herunterzuladen, um Sie in Schwung zu bringen. Als Webdesigner ist es wichtig, unsere bewusste Aufmerksamkeit auf Kreativität zu richten und neue Ideen für Layoutplattformen zu entwickeln.

In den letzten Jahren haben Designer langsam kostenlose Pakete mit Icons, Vorlagen, Formularelementen, GUI-Komponenten und vielen ähnlichen Werken veröffentlicht. Bitte lesen Sie unsere Liste der Webdesigner-Starter-Kits, um zu sehen, ob Ihnen etwas auffällt.

Photoshop Layout-Arbeit ist nicht immer am einfachsten abzuschließen. Oft finden wir uns unschlüssig und versuchen erneut, Farbschemata und Platzierung zu korrigieren. Das alte Sprichwort "Übung macht den Meister" scheint in diesem Szenario zusammen mit vielen anderen wahr zu sein. Und diese grundlegenden Starter-Kits sollten dich auf den richtigen Fuß bringen!

9. Halten Sie immer mit der Lernzeit

Mit der Zeit verlieren wir alle das Interesse an Aktivitäten. Wenn Sie sich für Webdesign begeistern, sollten Sie sich selbst motivieren und neue Themen studieren. Denken Sie daran, sich für eine Entwicklungssprache zu öffnen oder eine neue Software zu üben.

Die Online-Tools sind heute fortschrittlicher als je zuvor, um jungen Webdesignern dabei zu helfen, den Preis zu gewinnen. Die Webdesign-Bibliothek wurde ursprünglich unter Template Monster zusammen mit Jetimpex Inc. gestartet und hat einen Katalog mit sehr beliebten Tutorials fortgesetzt. Die Website wird täglich mit neuen Links und Schaufensterartikeln zur Inspiration aktualisiert.

Die Website verlinkt auch zwischen vielen Partnerorten einschließlich Template Ninajas. Dies führt zu täglichen Angeboten, die Sie sonst nirgends finden - manchmal sogar Demos oder Freebies! Website-Vorlagen sind ein großartiger Ort, um loszulegen, wenn Sie mit der Erstellung eines Webseiten-Layouts nicht vertraut sind oder einfach nur neue Ideen brauchen.

Ich würde auch das von Envato erstellte Tuts + Network wärmstens empfehlen. Sie hosten Tausende von Tutorials aus Photoshop, Illustrator, HTML5, ActionScript, Vektorformen und sogar Fotografie. Einige ihrer Codes erfordern eine Mitgliedschaft zum Herunterladen, aber alle Tutorials sind frei zu folgen und bieten Schritt-für-Schritt-Anweisungen, um den Lernzyklus zu erleichtern.

Neben den geschriebenen Artikeln bieten die meisten Kommentare auch gute Ratschläge. Das gesamte Netzwerk wird von Webdesignern betrieben und von Webdesignern gelesen, so dass Sie sich auf qualitativ hochwertiges Feedback verlassen können.

Fazit

Diese Methoden sollten Sie auf einen donnernden Weg zur Erleuchtung des Webdesigns bringen. Die besten Tricks des Handels werden seit Jahren durch die Internet-Community weitergegeben. Und ebenso wie die Anzahl der Webdesigner zugenommen hat, wurden mehr offene Standards geschaffen.

Betrachten Sie einige der oben dargestellten Ideen und verbringen Sie einige Zeit mit interessanten Artikeln oder Tutorials. Selbst wenn du dich mit frischem Material vertraut machst, kannst du dein Gehirn joggen und dich in eine gehobene Design-Denkweise versetzen. Wenn Sie ähnliche Ideen haben, können Sie sie im Kommentarbereich teilen.

13 Infografiken, um die Blogosphäre besser zu verstehen

Vor nicht allzu langer Zeit präsentierten wir die besten Infografiken über soziale Medien, die wir im Internet finden konnten. Dieses Mal zeigen wir Ihnen, wie Infografiken Ihr Wissen über die vernetzte Welt der Blogs verbessern können, die wir "Blogosphäre" nennen. Da die Popularität von Blogs zunimmt, möchten Blogger wissen, wie sie mehr Menschenmengen zu ihren Posts oder der gesamten Website ziehen können. Einige

(Tech- und Design-Tipps)

Holen Sie sich eine große Sammlung von Design-Tools auf "Sans Francisco"

Es mag wie ein seltsamer Name erscheinen, aber Sans Francisco ist eine großartige Ressource für Designer. Die Website kuratiert die besten Werkzeuge (kostenlos + bezahlt) für Designer in über einem Dutzend Kategorien.Diese Tools reichen von UI / UX-Tests bis hin zu Icon-Design-Programmen und Collaboration-Tools für Designteams .Die

(Tech- und Design-Tipps)