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.
- 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:
- Drücken der Taste „Druck“
- Öffnen des Grafikprogramms (z.B. Gimp oder Photoshop)
- Zurechtschneiden des Screenshots + Skalieren
- 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.
Stopp! Wetten, die Artikel interessieren dich auch?
4 Antworten zu "5 Tipps um schneller eine Webseite zu erstellen"
Magazin durchsuchen:
Neue Beiträge
- Die digitale Unterschrift: Zukunftssichere Lösung für Unternehmen und Institutionen
- Ergonomischer Bürostuhl: Unser Review über den Flexispot BS14
- iMac 2024 mit M4: Evolution statt Revolution
- Mobile Gaming: Sicherheit in der Unterhaltung berücksichtigen
- Windows oder MacOS: Welches Betriebssystem eignet sich besser für die Aufgaben eines modernen Studierenden?
Je schneller ein Projekt fertig ist, desto zufriedener ist der Kunde und desto früher kommen die ersten Einnahmen(bei eigenen Projekten)
Auch ist diese Sache kostensparend, da die meisten für die letzten 5% Feinschliff ca. 95% der Zeit brauchen.
Hallo Talking,
da dein Kommentar keinen Mehrwert bringt und eher eine SEO-Maßnahme ist habe ich deinen Link auf Nofollow gesetzt und deinen Namen geändert. Ich bitte weitere Kommentare nur mit sinnvollem Inhalt (Tipps für Webdesigner) zu geben. Danke
Für Punkt 1 gibt es doch wunderbare Extensions wie Fireshot oder aber auch Screen grab! Schneller geht’s wirklich nicht mehr!
Hi,
die Extension Fireshot kannte ich bislang noch nicht. Danke für den Tipp. Werde es bei Gelegenheit mal testen. Bin jetzt allerdings schon so vertraut mit dem Gadwin-Tool, dass ich derzeit noch nicht sagen kann, ob ich umsteigen würde 🙂