5 Tipps um schneller eine Webseite zu erstellen

Als Webdesigner und Programmierer ist es wichtig, dass man effektiv arbeitet und die Zeit nicht mit unnötigen Arbeiten verschwendet. Je schneller ein Projekt fertig ist, desto zufriedener ist der Kunde und desto früher kommen die ersten Einnahmen(bei eigenen Projekten).

Hier möchte ich euch 5 Tipps vorstellen, um schneller eine Webseite zu erstellen. Mir persönlich bringen diese Tipps recht viel. Die Zeiteinsparung und Vereinfachung von Arbeitsvorgängen steht dabei im Vordergrund. Sicherlich kann man die Liste noch erweitern.

Inhalt:

• 1. Schnell Screenshots machen
• 2. Viele Bilder verkleinern
• 3. Runde Ecken schnell erstellen
• 4. Modernes Hintergrund-Design Web2.0
• 5. Schnell eine Webseite in mehreren Browsern anschauen

1. Schnell Screenshots machen

Ich erstelle für meinen Blog oder Webseiten häufig Screenshots. Dabei bin ich früher folgendermaßen vorgegangen:

1. Drücken der Taste „Druck“
2. Öffnen des Grafikprogramms (z.B. Gimp oder Photoshop)
3. Zurechtschneiden des Screenshots + Skalieren
4. Speichern der / des neuen Grafik / Screenshots

Dabei verliert man allerdings viel Zeit. Jetzt kommt bei mir das Tool Gadwin PrintScreen zum Einsatz, welches im Hintergrund läuft. Dabei beeinträchtigt es das Arbeiten am PC (Ressourcen) kaum bis garnicht. Wird es benötigt ist es aber da: Durch Drücken der „Druck“-Taste öffnet sich schnell das Programm. So kann man in den Optionen einstellen, dass man dann mit der Maus ein Rechteck zieht und der Inhalt direkt gespeichert wird(Ordner kann gewählt werden) oder sogar ein Grafikprogramm zur weiteren Bearbeitung.

Tool: Gadwin PrintScreen

Zeitersparnis: Bis zu 2 Minuten pro Screenshot

2. Viele Bilder verkleinern

Sollen einmal viele Bilder (z.B. Galerie) auf einen Server geladen werden und auf der Seite angezeigt werden, müssen diese am besten in ein einheitliches Format und Größe gebracht werden. Damit mit dem Grafikprogramm nicht jede einzelne Datei verkleinert werden muss gibt es Tools, die automatisch viele Bilder verkleinern können.

Dafür kann man zu nichtkommerziellen Zwecken Multiple Image Resizer .NET kostenlos nutzen.

Tool: Multiple Image Resizer

Zeitersparnis: Je nach Anzahl der zu verkleinernden Bilder bis zu mehrere Minuten

3. Runde Ecken schnell erstellen

Damit das Design nicht so eckig aussieht, kann man per CSS Runde Ecken definieren. Hier nutze ich RoundedCornr, um schnell und einfach runde Ecken zu erstellen. Diese Webseite erstellt mit wenigen Klicks individuelle runde Ecken. Dabei werden, nachdem man die Farben und Einstellungen gemacht hat, HTML-Code, CSS und sogar die Grafiken automatisch erstellt und zur Verfügung gestellt.

Webseite: RoundedCornr

Zeitersparnis: Pro Design bis zu 15 Minuten

4. Modernes Hintergrund-Design Web2.0

Wenn die erstellte Webseite noch öde aussieht und das gewisse etwas fehlt, kommt das Hintergrundbild zum Einsatz. Den Stripe Generator nutze ich, um schnell Hintergrund-Bilder für ein fesches Web2.0-Design zu erstellen.

Zuerst wählt man die breite der Streifen, die Farben, die Ausrichtung der Streifen und eventuell einen Schatten. Anschließend kann man online eine Vorschau sehen. Sollte die Vorschau gefallen, kann das Hintergrundbild im PNG-Format runtergeladen werden.

Webseite: Stripe Generator

Zeitersparnis: Bis zu 10 Minuten gegenüber manueller Erstellung

5. Schnell eine Webseite in mehreren Browsern anschauen

Die Kompabilität des HTML-Codes mit allen Browsern ist extrem wichtig, wenn man neue Besucher nicht gleich vergraulen möchte. Eine meiner Lieblingsseiten, um ein Projekt in vielen Browsern schnell zu testen, ohne diese einzeln zu öffnen ist browsershots.

Hier gibt der Webdesigner einfach die 1.) URL und wählt 2.) die Browser ein. In einer gewissen Zeit werden einem dann Screenshots sortiert nach Browsern ausgegeben. Zu berücksichtigen ist, dass es natürlich eine gewisse Zeit dauert (30 Minuten) bis die Screenshots erstellt sind. Dennoch erspart man sich viel Zeit, da man die Browser nicht selbst und einzeln eingeben muss.

Webseite: Browsershots

Zeitersparnis: Bis zu einer Stunde, wenn viele Browser geprüft werden müssen.

Ich hoffe euch einige Tipps gegeben zu haben, die ihr noch nicht kennt. Kennst du noch weitere Tipps? Dann teile sie uns in dem Kommentarfeld mit.