8 Tools, um Ihre Website kostenlos zu machen
Es ist die Wahrheit, dass wir manchmal Webseiten mit einem Budget erstellen müssen und wollen. Es ist auch wahr, dass wir manchmal einfach nur einige Seiten zum Spaß aufstellen und erstellen wollen, also wollen wir nicht eine Tonne Geld für sie ausgeben.
Zum Glück kommt hier das Web ins Spiel. Es gibt so viele großartige technologische Fortschritte, die es uns ermöglichen, Websites zu erstellen und aufzustellen, und zwar nicht nur mit einem Budget, sondern auch kostenlos. Vom Webdesign bis zur Entwicklung gibt es kostenlose Dienste, mit denen wir PROFESSIONELLE Websites erstellen können, nicht nur Vorlagen-basierte Websites, die an die späten 90er Jahre erinnern.
Heute haben wir 8 der besten Websites ausgewählt, um Ihnen bei der Erstellung Ihrer Website zu helfen - das ist richtig - alles ist webbasiert und KOSTENLOS.
Das Design
Für viele von uns, die Designer sind, können wir mit dem Design der Website beginnen. Es hilft uns zu visualisieren, was wir wo wollen und gibt uns eine Idee, wie alles aufgebaut und funktionieren wird. Viele Designer verwenden jetzt Programme wie Adobe Photoshop oder Adobe Fireworks, um ein Layout zu erstellen. Im Folgenden finden Sie drei Fotobearbeitungs-Apps, die meiner Meinung nach einen Versuch wert sind.
Phoenix von Voliere
Was die Entwickler sagen:
"Von einfachen Bildretuschierungen bis hin zu komplexen Effekten liefert Phoenix die wichtigsten Funktionen eines Desktop-Bildbearbeitungsprogramms mit der Einfachheit und Zugänglichkeit einer webbasierten Anwendung."
Was alle sagen:
Die Art und Weise, wie Phoenix uns präsentiert wird, ist ein Werkzeug, das sich hervorragend für Bildmanipulationen, Anpassungen und ähnliches eignet. Das Schöne an Phoenix ist, dass es viele der Funktionen hat, die man von Photoshop kennt, die aber viel einfacher sind. Alles, was notwendig ist, ist da und ist ein wenig intuitiver als komplexere Software wie Photoshop oder sogar Gimp.
Ein zusätzliches Plus: Phoenix wird von Aviary erstellt, das eine Fülle anderer webbasierter Anwendungen wie beispielsweise eine Vektordesign-Anwendung und eine Anwendung für Videoeffekte bietet. Sie können Ihre Dateien in Aviary speichern (solange Sie ein registrierter Benutzer sind) und Sie können problemlos Projekte zwischen Anwendungen öffnen. Dies ist ideal für jeden Designer oder Illustrator, der seine Vektor-Kreation erstellen und daraus ein Website-Layout erstellen möchte. Sie können auch PSD-Dateien importieren und bearbeiten.
Die Nachteile dieser Anwendung sind, dass es nicht eine Tonne von Filtern gibt. Dies ist nicht so wichtig, wenn Sie nur grundlegende Änderungen an Fotos vornehmen (Zuschneiden, Transformieren usw.). Wenn Sie jedoch ein komplexeres Layout oder Design erstellen möchten, sollten Sie eine andere Anwendung ausprobieren. Außerdem speichert Aviary Ihre Arbeit standardmäßig unter einer Creative Commons-Lizenz. Wenn Sie also dort keine Änderungen vornehmen, teilen Sie Ihre Arbeit überall. Es kann auch Ihre Arbeit für alle veröffentlichen, um das Aviary-Netzwerk zu sehen, wenn Sie möchten.
Herausgeber von Pixlr.com
Was die Entwickler sagen:
" Pixlr Editor ist ein kostenloser Online-Bildbearbeiter mit einem präfessionellen Touch. Fix, justiere und filtere deine Bilder ... "
Was alle sagen:
Pixlr Editor präsentiert sich so ziemlich als Online-Photoshop. Diese Anwendung ist nicht so einfach zu verstehen wie die vorherige, Phoenix. Es gibt so viele Funktionen und Filter in diesem Editor, die für dieses Programm einzigartig sind, vor allem zum Bearbeiten und Retuschieren von Bildern. Es wäre sehr schwierig, diese Anwendung von Grund auf neu zu verwenden, es sei denn, Sie haben etwas über Fotoretusche und Photoshop-Kenntnisse.
Die Ausgereiftheit dieser Anwendung ermöglicht mehr Image-schwere Layouts und komplexe Designs. Es gibt zahlreiche Filter und Anpassungen, mit denen Sie das Erscheinungsbild Ihrer Bilder und Ihres Designs anpassen können. Es gibt hier nicht viele Nachteile, außer dass es viel komplizierter ist als die meisten Online-Anwendungen, aber deswegen gibt es viel mehr Anpassungen, die gemacht werden können. Leider können Sie PSD-Dateien nicht öffnen und bearbeiten. Sie brauchen jedoch kein Benutzerkonto, um die mit Pixlr Editor erstellten Dateien zu speichern - Sie können sie direkt auf Ihrer Festplatte speichern.
Splashup
Was die Entwickler sagen:
" Splashup, früher Fauxto, ist ein leistungsstarkes Bearbeitungswerkzeug und Fotomanager. Mit den Funktionen, die Profis verwenden und die Anfänger möchten, ist es einfach zu bedienen, arbeitet in Echtzeit und ermöglicht es Ihnen, viele Bilder gleichzeitig zu bearbeiten. Splashup läuft in allen Browsern, integriert sich nahtlos in die Top-Websites für Foto-Sharing und hat sogar ein eigenes Dateiformat, damit Sie Ihre laufenden Arbeiten speichern können. "
Was alle sagen:
Diese Anwendung ist eine schöne Mischung zwischen der Einfachheit von Phoenix und der Raffinesse von Pixlr Editor. Es scheint eine Anwendung zu sein, die einem Photoshop-Nachahmer nahekommt, aber nicht ganz. Ich würde sagen, dass es nicht so intuitiv ist, da alle Werkzeuge und Knöpfe nicht gleich sind und es kann etwas verwirrend werden. Dies ändert jedoch nichts an der Leistungsfähigkeit der Entwurfsfunktionen.
Der größte Nachteil, den ich mit Splashup gefunden habe, ist, dass es mit Flash gebaut wurde. Es ist keine große Sache, aber es kann wahrscheinlich eine Menge Speicher aufnehmen und viele Bugs und Pannen durchmachen. Auch ich fand es nicht so intuitiv und einfach zu bedienen wie die anderen Programme, hauptsächlich wegen der Flash-Implementierung und der Unterschiede bei einigen Tasten.
Unter dem Strich ist Splashup jedoch in der Lage, ein Web-Layout zu entwerfen. Leider importiert dieses Programm keine PSD-Dateien, aber Sie müssen auch kein Konto zum Speichern von Dateien haben. Sie können sie auf Ihrer Festplatte speichern sowie eine Reihe von anderen Orten (z. B. Flickr, Photobucket, etc.).
Sumo Farbe
Was die Entwickler sagen:
" Sumopaint ist die vielseitigste Mal- und Fotomanipulationsanwendung online. Derzeit hat es mehr als 1 Million aktive Nutzer pro Monat und eine lebendige Community. "
Was alle sagen:
Ähnlich wie die anderen Redakteure nimmt Sumopaint einen ziemlich guten Stich in der Welt der Fotomanipulation und des Designs ein. Was ich an Sumopaint mag, ist die Integration vieler Werkzeuge, die Sie in Photoshop finden, die in vielen anderen Online-Editoren nicht zu finden sind, nämlich den Zauberstab und die Werkzeuge für benutzerdefinierte Formen. Das Setup ist dem früherer Versionen von Photoshop sehr ähnlich, was es sehr intuitiv macht.
Es verfügt über einige ausgeklügeltere Funktionen, Filter und Anpassungen, was wiederum die Arbeit mit komplexen Design-Layouts erleichtert. Dieser Editor wird mit Flash erstellt, daher kann es auch zu Problemen kommen, was die Verzögerung und den Speicher angeht. Aber wenn Sie auf die Flash-basierten Editoren setzen, ist dieser offensichtlich der herausragendere der beiden (SplashUp).
Diese App kommt in verschiedenen Sprachen, was sie extrem vielseitig macht. Sumopaint verfügt über eine recht große Design-Gemeinschaft von 4 Millionen Menschen, die die Arbeit der anderen teilen, zusammen arbeiten, bewerten und remixen. Sumopaint ist eines der am einfachsten zu verwendenden (vor allem wenn es aus Photoshop stammt) mit einigen der besseren Funktionen.
Die Codierung
Abhängig von Ihrem gewünschten Arbeitsablauf können Sie Ihr Design und Ihre Codierung gleichzeitig oder in zwei getrennten und unterschiedlichen Phasen durchführen. Wie auch immer Ihr gewünschter Fluss aussehen mag, Sie müssen Ihre Website irgendwann kodieren. Es gibt viele verschiedene herunterladbare Programme, die wir verwenden, um unsere Seiten zu kodieren, abhängig davon, was wir mögen, aber ich habe vier der besten für Webdesigner zusammengestellt (nicht unbedingt Entwickler, die fließend HTML oder CSS beherrschen).
Drücker
Was die Entwickler sagen:
"Drawter ist ein Werkzeug, das in JavaScript geschrieben wurde und auf der jQuery-Bibliothek basiert. Es bietet Ihnen die Möglichkeit, den Code Ihrer Website buchstäblich zu zeichnen. Es läuft auf jedem einzelnen Web-Browser, was es wirklich nützlich und hilfreich macht. Jedes Tag wird als eine Ebene dargestellt, die Sie gezeichnet haben.
Derzeit ist Drawter in der Pro-Version verfügbar, was bedeutet, dass es nur für Webmaster verwendet werden soll - Kenntnisse in HTML und CSS sind erforderlich. Drawter ist vorläufig kein Werkzeug für Laien, aber das gesamte Team hinter dem Projekt ist bestrebt, eine neue Version namens "Amateur" zu veröffentlichen. Bald werden Sie in der Lage sein, Ihre Webseiten ohne HTML- oder CSS-Kenntnisse zu zeichnen. Start 2010. "
Was alle sagen:
Was Drawter als Designer anzog, war die Fähigkeit, mein gewünschtes Layout mit dem Pixel-basierten Lineal entlang der beiden Achsen zu zeichnen. Es erzeugt den CLEAN-Code für Sie und alles, was Sie tun müssen, ist jeden Ihrer Abschnitte oder Divs, die Sie erstellen, zu benennen. Sie können Ihre divs mit CSS-Eigenschaften wie Hintergrundfarben und Bildern anpassen, damit Sie ein Gefühl dafür bekommen, wie Ihre Website aussehen wird. Sie können auch mit den Schriftarten und Rahmen herum experimentieren und alles, was Ihnen bei der visuellen Gestaltung Ihrer Website hilft.
Drawter hat auch viele verschiedene Attribute und ermöglicht Ihnen, Formular-Tags, Überschrift-Tags und vieles mehr für HTML einzufügen. Das ist großartig für diejenigen von uns, die Layouts haben, die wirklich viel Arbeit und Aufmerksamkeit erfordern, vor allem, wenn wir nicht so gut in Markup sind. Der größte Nachteil, den ich für Drawter gefunden habe, ist, dass es nur bei HTML4 ist - manche finden das vielleicht eine große Sache, andere vielleicht nicht. Ich glaube, es ist eines dieser praktikablen Dinge, vor allem, wenn Sie in HTML5 und CSS3 programmieren können.
YAML Builder
Was die Entwickler sagen:
"Das YAML Builder ist ein Tool zum visuellen Erstellen von YAML-basierten CSS-Layouts. Es ermöglicht die Einstellung grundlegender Layout-Eigenschaften wie die Anzahl und Positionierung der Inhaltsspalten sowie die dynamische Erstellung von gitterbasierten Layouts durch Ziehen und Ablegen von Untertiteln. Nicht ganz WYSIWYG, aber nah!
Der vom Builder generierte Code basiert auf der Dateistruktur der Vorlage "Simple Project", so dass das komplette Ergebnis direkt kopiert und eingefügt werden kann, ohne etwas zu ändern. Das erforderliche XHTML Markup, das Bildschirmlayout sowie die layoutspezifischen Anpassungen für den Internet Explorer werden automatisch generiert. "
Was alle sagen:
YAML Bulder basiert wieder einmal mehr auf dem CSS einer Website als alles andere. Was ich an YAML attraktiv fand, waren die Voreinstellungen, die sie bereits hatten - du hast deine zweispaltige Website, deine dreispaltige Website usw. Das ist großartig, wenn du zuerst deinen Code erstellen und dann in eine der Design-Anwendungen gehen willst das Aussehen Ihrer Website.
Ich fand es nicht so einfach und intuitiv zu benutzen wie Drawter, wo du gerade gezeichnet hast, was du wolltest. Grundsätzlich hat YAML ihre Vorlagen und alles anzupassen und zu ändern, müssen Sie die Eigenschaften finden und dann alles eingeben. Es ist auch nicht so groß wie Drawter, wo Sie Bilder hochladen und Farben ändern und Formular-Tags einfügen können. Dieser ist ein bisschen strenger in Bezug auf das Erstellen eines Frameworks, in dem Sie später Ihre Bilder und Ihre Anpassung einstecken und abhören können. Ich finde, dass dieser Fokus sich mehr auf die Codierung und weniger auf das Aussehen konzentriert.
Auch dieser Editor unterstützt momentan nicht HTML5.
jsFiddle
Was die Entwickler sagen:
" JsFidel ist ein Spielplatz für Webentwickler, ein Werkzeug, das auf viele Arten verwendet werden kann. Man kann es als Online-Editor für Snippets aus HTML, CSS und JavaScript verwenden. Der Code kann dann mit anderen geteilt werden, in einem Blog eingebettet werden usw. Mit diesem Ansatz können JavaScript-Entwickler sehr einfach Fehler isolieren. Wir sind bestrebt, alle aktiv entwickelten Frameworks zu unterstützen - es hilft bei der Testkompatibilität "
Was alle sagen:
Dies ist definitiv eine Anwendung mehr für die Entwickler und Mark-up-Spezialisten da draußen. Ich habe jsFiddle gewählt, weil Sie mit verschiedenen JavaScript-Bibliotheken wie mooTools und jQuery arbeiten können. Es ermöglicht Ihnen auch, Ihr JavaScript zu debuggen und das Aussehen Ihres fertigen Produkts vorherzusehen.
jsFiddle ist nicht wie die anderen Markup-Editoren, weil Sie hier alles von Grund auf neu programmieren müssen. Natürlich könnte das eine großartige Sache sein, weil Sie mehr Kontrolle darüber haben, was Sie tun, vor allem, wenn Sie genau wissen, was Sie tun möchten. Viele Entwickler verwenden jsFiddle nicht zum Codieren ganzer Seiten, aber sie verwenden es zum Debuggen und Bearbeiten von Problemen mit Teilen ihres JavaScript. JsFiddle ist jedoch mehr als in der Lage, Ihnen bei der Gestaltung Ihrer Website zu helfen.
Kodingen
Was die Entwickler sagen:
"Kodingen begann mit zwei Brüdern (Devrim & Sinan), die zusammen kamen, um der Community der Entwickler etwas zurückzugeben."
Was alle sagen:
Was sich sofort nach Kodingen zog, war der Gemeinschaftssinn, der sich zeigte. Anstatt sich wie ein Cloud-basierter Web-Editor zu fühlen, fühlte es sich wirklich wie ein offenes soziales Netzwerk an. Der Zweck von Kodingen ist es, die Menge an Flaum zu reduzieren, die wir ertragen müssen, wenn wir Websites erstellen, entwickeln, hosten und aktualisieren wollen. Im Allgemeinen müssen wir für jeden Schritt verschiedene Websites aufrufen, aber Kodingen macht dies zu einem One-Stop-Shop.
Wenn Sie sich anmelden, erhalten Sie ein sehr bescheidenes Hosting-Konto (500 MB und 1 GB Bandbreite), aber was ich an diesem Projekt mochte, war der Gemeinschaftssinn. Es werden so viele Programmiersprachen unterstützt und Sie können sich mit verschiedenen Mitgliedern in der Community verbinden, um Hilfe zu erhalten oder sich in Projekten zusammenzuschließen. Das ist großartig für diejenigen unter uns, die stärker im Design als in der Entwicklung sind und von Zeit zu Zeit ein wenig Hilfe brauchen, um unsere Website dorthin zu bringen, wo sie sein muss.
Der größte Nachteil hier ist nur, dass es Beta ist. Sie warnen Sie, bevor Sie sich Ihrer URL anschliessen und Ihre Dateien und ähnliches können am nächsten Tag verschwinden, also empfehlen sie dies wirklich zum Spielen und schnellen Zusammenarbeiten. Sollte dies jedoch jemals eine offizielle Veröffentlichung werden, denke ich, dass jeder, der an Webdesign und -entwicklung interessiert ist, in diesen Zug einsteigen sollte. Bei Kodingen ist alles in einem zusammengefasst - es gibt keine Hürden auf den Websites, um alles zusammenzuarbeiten, es ist alles an einem Ort, mit der Option, andere Leute dazu zu bringen, Ihnen zu helfen. Ich bin mir nicht sicher, wo Kodingen falsch liegen kann.
Fazit
Als Webdesigner und Entwickler möchten wir natürlich die beste Qualität verwenden, um die beste Qualität zu erzielen, und glücklicherweise haben wir Möglichkeiten, dies mit einem Budget zu erledigen. Forschen Sie weiter und finden Sie Tools, mit denen Sie bessere Websites erstellen können. Dies sind nur einige der erstklassigen Web-basierten Anwendungen und Websites, die Menschen mit kleinem Budget helfen.
Welche anderen Anwendungen und Programme haben wir von der Liste gestrichen, die Sie gerne verwenden?