Kurs:Webdesign/Vorbereitungen

   

Webdesign

   

Vorbereitungen

Dieses Kapitel beinhaltet die wichtigsten Voraussetzungen welche Sie benötigen um mit der Kozeptionierung und Realisierung Ihrer eigenen Webseite zu beginnen. Sämtliche Werkzeuge welche hier vorgestellt werden sind frei erhältlich und können kostenlos auf Ihrem Computer verwendet werden.

Dieser Kurs baut auf dem WikiBook Handbuch Webdesign auf. Entsprechende Kapitel des Kurses referenzieren direkt auf die Kapitel des Buches und bieten durch Links gekennzeichnet, entsprechende Hilfestellungen.

Vorkenntnisse

Folgende Vorkenntnisse sollten Sie für diesen Kurs mitbringen:

• Grundlegende Bedienung Computer
• HTML
• CSS

Sollten die oben genannten Vorkenntnisse nicht vorhanden sein, empfehlen sich folgende Kurse/Handbücher:

• Die erste eigene Website
• Computer und Internet

Dateistruktur

Die Arbeiten werden primär auf Ihrem Computer ausgeführt. Um über die Projekte und deren anfallenden Dateien den Überblick zu behalten, lohnt es sich eine entsprechende Dateistruktur anzulegen.

Es empfiehlt sich, diese Struktur in Ihrem "Dokumente " Ordner zu erstellen. Natürlich dürfen Sie jedoch auch einen eigenen Ordner wählen. In diesem Kurs werden wir mit folgender Struktur arbeiten:

[Hauptverzeichnis]
    |->[Projektname 1]
    |       |->[style]
    |       |->[script]
    |       ⌞->[img]
    |       
    ⌞->[Projektname 2]
            |->[style]
            |->[script]
            ⌞->[img]
            
(u.s.w)

Editor

Um die Webseiten zu erstellen benötigen Sie einen entsprechenden Editor. Grundsätzlich können Sie jeden Texteditor verwenden welcher das .txt Format beherrscht. Jedoch empfiehlt es sich ausdrücklich, einer der nachfolgenden Editoren zu verwenden:

Brackets

Brackets ist der empfohlene Editor. Dieser kostenlose Editor von Adobe beinhaltet unterstützende Werkzeuge wie Syntax Higlighting oder eine umfangreiche Plugin Sammlung welche die Arbeit erleichtern kann. Der Editor ist kostenlos für Windows, Mac und erhältlich. Sie können den Editor von folgender Seite beziehen: http://brackets.io

Notepad++

Quelloffener Editor welche sämtliche Funktionen von Brackets ebenfalls unterstützt und mit Plugins flexibel erweiterbar ist. Notepad++ ist auf folgender Seite kostenlos für Windows erhältlich: https://notepad-plus-plus.org

Grafikprogramm

Für die Arbeit als Webdesigner ist der Umgang mit einem Grafikprogramm unerlässlich.

Gimp

Gimp ist ein quelloffenes Grafikprogramm, es bietet einen ähnlich großen Funktionsumfang wie Photoshop und ist kostenlos für Windows, Mac und Linux erhältlich.

https://www.gimp.org

Paint.net

Robustes Grafikprogramm welches die nötigsten Werkzeuge zur Bildmanipulation bereithält. Kostenlos für Windows erhältlich: http://www.getpaint.net/

Webbrowser

Das testen Ihrer Webseite in verschiedenen Webbrowsern ist unerlässlich. Folgende Browser sollten Sie auf Ihrem Gerät installieren:

• Mozilla Firefox
• Google Chrome/
• Opera

Bereits vorgängig auf Ihrem System vorhanden ist der Internet Explorer bei Windows oder Safari bei Mac.