Neubeginn für totale Einsteiger: was muss man beachten?

Edge · Neuer [**User**] Anmeldung: 30.03.08 Beiträge: 2

Entschuldigt falls es diesen Thread schon öfter einmal gab. Verlegen

Also, ich habe echt überhaupt nix mit Webdesign am Hut, aber das Vorhaben eine private Website zu erstellen. Auf dieser Seite möchte ich meine Arbeiten (daher wären mehr als 20MB schon gut) ausstellen und meinen Lebenslauf präsentieren. Für Bewerbungen. Zwar möchte ich mich dafür etwas mit Webdesign beschäftigen und bin bereit da Zeit und Mühe zu investieren. Aber da ich nicht vorhabe beruflich etwas in die Richtung zu machen reicht mir eine einfache aber solide, schicke Website.

Nun zu meiner Frage:
Wie und Wo fange ich damit an? (bedenkt ich bin 100%ig unvertraut mit diesem Gebiet...) Verlegen

Als erstes braucht man wahrscheinlich eine Software zum Erstellen und Bearbeiten des Inhaltes. Welche Software wäre für einen Einsteiger empfehlenswert? Und kann ich da auf Freeware setzen oder sollte man sich eher ein kommerzielles Programm zulegen?

Und als zweites dann den Provider(?) bei dem ich das ganze dann hochladen kann.
Welche gibt es da und was kosten die so im Monat. Oder worauf sollte ich noch achten bei der Wahl? Gibt es da eventuell auch versteckte Mängel, wie unverschämt hohe Kosten bei Traffic-Limit Überschreitung oder ähnliches... ?

Anmerkung:
Im FAQ habe ich zwar verschiedene Tutorials gesehen, aber keinen ganz kurzen Guide für Anfänger. Deshalb habe ich mich entschlossen waagemutig einen Extrathread dafür zu starten. (Gute Antworten könnte man eventuell sogar noch ins FAQ mitintegrieren.)

Falls mir jemand etwas weiterraten kann und mir ein paar Tipps zum Einstieg geben könnte, wäre ich sehr dankbar. Smilie

EDIT:
Wegen Verständlichkeit nochmal komplett überarbeitet. Auf den Arm nehmen

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1644

Hallo und herzlich Willkommen Smilie

Grundlegendes zum Thema Webdesign:
Jede Webseite wird letztendlich mit Hilfe der Auszeichnungssprache HTML dargestellt, als Information lohnt es sich, hier mal die ersten ein, zwei Abschnitte zu lesen:

http://de.selfhtml.org/intro/technologien/html.htm

Die Frage, die du dir dann stellen musst, ist: Wie willst du deinen HTML-Code erstellen?

Hier gibt es generell zwei Arten von Programmen:
Einmal die "erweiterten" Texteditoren, die im Grunde wie der normale Texteditor sind, allerdings einige spezielle Ergänzungen besitzen, die beim schreiben von HTML-Code von Vorteil sind.
Auf der anderen Seite gibt es die sogenannten WYSIWYG-Editoren (What You See Is What You Get): Hier schreibst du keine HTML-Codes, sondern - wie du es etwa vom Umgang mit Word gewöhnt bist - direkt die Überschriften, Listen, etc..

Grob:

http://www.zdnet.de/builder/webdesign/0,39023554,39144342,00.htm

Allgemein ist der Umgang mit den WYSIWYG-Editoren zwar einfach, allerdings sind die damit produzierten Webseiten oft und vor allem bei Einsteigern technisch unterlegen; Durch fehlerhaften Umgang kommt es zu Darstellungsunterschieden in verschiedenen Browsern (Ein Browser ist ein Programm zum Betrachten von Internet-Seiten: Zum Beispiel der Internet Explorer, Firefox, Opera, Safari, uvm.), der HTML-Code wird unnütz aufgebläht, uvm....
Daher schreiben sehr viele Webdesigner ihren Code immer noch mit einem Texteditor "von Hand" (ich auch Winken

).

Hier musst du dich also schonmal entscheiden Smilie

Grundsätzlich ist ein grundlegendes Wissen in HTML aber nie verkehrt.

Du kannst Google mal nach folgenden Programmen befragen:

HTML-Editoren:
- Phase5
- Scribe!

WYSIWYG-Editoren:
- Dreamweaver (kostet, wird aber von sehr vielen verwendet)
- NVU (kostenlos)

bitte kein Frontpage... Der Code ist meist nur Müll.

Soviel zu HTML. Zu wissen, wie man eine Seite zusammensetzt, reicht aber nicht:
Auch das Layout muss stimmen. Und dabei wird's wohl auch nötig sein, mit einem Grafikprogramm umgehen zu können.
Zum Entwickeln sinnvoller Layouts (im Sinne von gut in HTML-Code zu übertragen) benötigt man aber recht viel Erfahrung und Gefühl.

Geeignete Programme hier wären:
- Adobe Photoshop (sehr teuer, aber ungemein vielfältig)
- Gimp (kostenlos und ebenfalls sehr vielfältig, allerdings gewöhnungsbedüftige Bedienung)
- PaintShop Pro (preislich ok, lässt sich auch sehr viel mit machen)

Das sind so die drei, die ich zumindest etwas kennengelernt habe. Gibt auch noch andere, zu denen ich aber nicht so viel sagen kann (z.B, Photofiltre)

Zuletzt zum Thema Hosting. Es gibt verschiedene Hoster (nicht Provider Winken

) mit verschiedenen Angeboten. In der Regel sind hier nicht versteckte Kosten der Haken - es kommt zwar schonmal vor, dass Traffic und Speicherplatz in einem völlig falschen Verhältnis angeboten werden, aber das dürfte dich eigentlich nur wenig interessieren - dein Projekt wird nicht sehr groß, die Besucheranzahl wird sehr überschaubar bleiben und daher wird nicht viel Datenverkehr anfallen Winken

Was eher ein Problem ist, ist die Erreichbarkeit. Viele Anbieter locken mit extrem günstigen Preisen (1.000MB Speicherplatz und "unbegrenzt" Traffic für 1€ im Monat etwa), allerdings sind diese Server dann meistens ziemlich überlastet und der Seitenaufruf dauert ewig - oder aber der Server ist ständig down (nicht erreichbar).
Das ganze ist immer sehr ärgerlich.

Du solltest dich daher mal umhören, welche Hoster ganz gut sind und wo die Leute wenig Probleme haben. Ich zum Beispiel hoste ein paar Seiten auf

www.orange-hoster.de und hatte bisher nie wirklich Probleme (Einmal ein Serverproblem und die Seite war 1-2 Tage nicht mehr erreichbar, aber sowas kann mal passieren Winken

).

Generell solltest du dir aber ums Hosting als letztes Gedanken machen. Erst wenn die Webseite fertig ist, brauchst du einen Platz, wo du sie veröffentlichen kannst - vorher nicht.

Das war jetzt mal ein Überblick, natürlich gibt es da noch viel mehr, was erwähnt werden kann. Bei Fragen also Fragen Winken

Zuletzt noch: Du schreibst, dass du die Webseite als Präsentationswebseite für deine Arbeiten nutzen möchtest. Dann solltest du dir überlegen, ob du dir nicht zumindest das Grundlayout von jemand erstellen lässt, der sich schon länger mit der Materie befasst hat - Dann musst du dich nur noch um die Verlinkung und die Inhaltsfüllung kümmern Smilie

Gerade wenn du dir nur eine nackte Basis-Seite erstellen lässt, sollte das ganze auch nicht allzu teuer werden.
Und für eine Bewerbung würde ich auf ein stimmiges Äußeres schon viel Wert legen Winken

Das war's soweit von mir Winken

Schöne Grüße,

Chris

benjam4 · Verfasst am: 31.03.2008, 15:34 Titel:

Das war doch schonmal ziemlich vollständig.

Ich würde dir empfehlen, keinen WYSIWYG-Editor zu nehmen.

Und ich würde auch empfehlen, zu HTML gleich ein bisschen CSS mitzulernen.

Mit HTML sollten eigentlich nur die einzelnen Seitenteile voneinander abgegrenzt werden (Überschriften, Bilder, Tabellen, etc.).

Diesen Teilen, kann man dann mit CSS noch Eigenschaften verpassen, zB die Hintergrundfarbe, die Größe, Randfarben, und noch viel, viel mehr.
Deshalb mein Tipp, wenn du auf WYS...G verzichtest, lern zu HTML noch ein bisschen CSS dazu, damit kommt man gut zurecht. Und ein selbstdesigntes (mit Grafikprogramm) Design, mit einem WYS... umzusetzen finde ich persönlich schwerer, als den Code so zu schreiben.

Und für den Fall, das du dich für Handarbeit entscheidest, und HTML anschaust, kann ich dir gleich eine erleichterung verschaffen, das Thema "FRAMES" kannst du überspringen.

placido · Helfer [**User**] Anmeldung: 16.10.07 Beiträge: 196

jetzt bitte nicht falsch verstehen^^: ich respektive die Meinung von benjam4, kann sie aber nicht teilen.
Damals habe ich auch das thema webdesign, bzw. die programmierung von designs in html mittels dreamweaver gelernt. meiner meinung ein sehr gutes programm, um sich den code schreiben zu lassen. Natürlich macht es fehler, wie zb die breite von tabellen in die td, und nicht in den style zu schreiben, aber naja,... wenn man die fehler kennt kann man sie korrigieren oder sie gar nicht erst entstehen lassen. ein kleiner eingriff in den code genügt schon und die seite ist trotzdem w3c valide.

Also ich für meinen teil kann dir dreamweaver empfehlen, da er nur sehr wenig fehler macht, ganz im gegensatz zu frontpage. ist halt ein wenig geschmackssache. Und wirklich kompliziert das design umzuwandeln in eine html seite ist es nicht, wenn man die arbeit damit gewohnt ist.

Grüße
Dennis

Edge · Neuer [**User**] Anmeldung: 30.03.08 Beiträge: 2

Danke für all die Antworten.
Das hilft mir fürs erste schonmal sehr weiter. Smilie

Sorry, für die späte Antwort meinerseits. Ich bin diesen Monat aber etwas im Streß und daher weniger Freizeit. Werde mich dann ab Mai wahrscheinlich mal selber an eine HP wagen... ich könnte mir schon vorstellen mich an HTML und evtl. auch CSS zu wagen. So besonders viele interaktive Features bräuchte ich ja nicht. Falls ich sehe das wird echt nix, auch nicht mit Dreamweaver, könnte ich nochmal auf die Idee mit dem in Auftraggeben zurückkommen. Aber eigentlich möchte ich das schon ganz gerne selber machen... da kann man immer problemlos die Website updaten oder komplett umgestalten wie einem gerade danach ist.

benjam4 · Verfasst am: 04.04.2008, 15:40 Titel:

Dreamweaver ist ja in der Klasse der WYS...Editoren ziemlich der beste, was man auch am preis bemerkt.
Dazu kann ich nit viel sagen, da ich mich nie wirklich lange mit ihm beschäftigt habe.

Von kostenlosen WYSIWYGs kann ich aber nur abraten.

sv00010 · User [**User**] Anmeldung: 16.03.08 Beiträge: 12

placido · Helfer [**User**] Anmeldung: 16.10.07 Beiträge: 196