Website erstellen lernen
Website erstellen lernen
Hey ihr,
ich spiele schon seit einiger Zeit mit dem Gedanken, mir eine eigene Website zu erstellen, doch ich bin bis jetzt immer daran gescheitert, weil ich keine Anleitung gefunden habe, die funktioniert hätte oder die ich gut und einfach verstanden hätte. Bis jetzt habe ich nur Anleitungen benutzt, die ich über google gefunden habe.
Ein bisschen Ahnung von html und Css habe ich und habe früher auch Websites erstellt indem ich Codes benutzt/kopiert/abgewandelt/angepasst habe etc., denn verstanden was man wie und wo ändert habe ich eigentlich. Nur musste ich die nicht hochladen, denn das war ein Angebot einer Seite, auf der ich angemeldet war wo man nur den Text in ein Feld eingeben musste und auch hochladen klicken und schon war die Website da. Es war aber immer nur eine Seite möglich und kein Menü mit Unterpunkten etc. Sie waren auch immer sehr simpel aufgebaut, z.B. einfach ein Hintergrund mit einem Textfeld drüber.
Was mir mehr Probleme bereitet ist das ganze drumherum, z.B. was brauche ich für Programme für die Erstellung des Quelltextes, wie verlinke ich da Css-Teile (hab in einem Tutorial mitgekriegt, dass man das wohl so macht und versucht, das auch zu machen, nur es hat nicht geklappt...) wie und wo lade ich die Website dann hoch, damit sie dann auch funktioniert? Wie optimiere ich die Website, damit sie z.B. auch in Suchmaschinen gefunden wird etc.?
Des weiteren würde ich dann, nachdem ich mir die Grundlagen von html gut angeeignet habe auch besser css lernen und die ganzen anderen Sachen die es da noch gibt, wie z.B. flash, um auch Effekte einbauen zu können.
Noch eine Frage: was hat es eigentlich mit diesem ganzen anderen Zeug, wie Wordpress etc. auf sich? Denn oft lese ich Anzeigen in denen dafür Webdesigner gesucht werden.
Zusammengefasst: Was sollte man alles können um sich eine einigermaßen vernünftige und professionelle Website erstellen zu können? Welche Programme und sonstige Dinge benötigt man noch und was sind die besten Anbieter dafür? Kennt ihr gute, umfangreiche und verständliche tutorials oder auch Bücher, die mir weiterhelfen könnten?
Bis jetzt habe ich mir alles selbst beigebracht (Adobe Programme, fotografieren, Mal-/Zeichentechniken etc.) zu 90% durch rumprobieren und zu 10% durch tutorials, was bis jetzt auch immer gut geklappt hat. Nur in 2 Bereichen verzweifle ich immer, weil es irgendwie nie so klappt wie in den tuts beschrieben oder weil es viel zu kompliziert ist - das wäre Webdesign/Iformatik (und die Erstellung von 3d-Modellen, aber das ist nocheinmal eine andere Geschichte...)
ich spiele schon seit einiger Zeit mit dem Gedanken, mir eine eigene Website zu erstellen, doch ich bin bis jetzt immer daran gescheitert, weil ich keine Anleitung gefunden habe, die funktioniert hätte oder die ich gut und einfach verstanden hätte. Bis jetzt habe ich nur Anleitungen benutzt, die ich über google gefunden habe.
Ein bisschen Ahnung von html und Css habe ich und habe früher auch Websites erstellt indem ich Codes benutzt/kopiert/abgewandelt/angepasst habe etc., denn verstanden was man wie und wo ändert habe ich eigentlich. Nur musste ich die nicht hochladen, denn das war ein Angebot einer Seite, auf der ich angemeldet war wo man nur den Text in ein Feld eingeben musste und auch hochladen klicken und schon war die Website da. Es war aber immer nur eine Seite möglich und kein Menü mit Unterpunkten etc. Sie waren auch immer sehr simpel aufgebaut, z.B. einfach ein Hintergrund mit einem Textfeld drüber.
Was mir mehr Probleme bereitet ist das ganze drumherum, z.B. was brauche ich für Programme für die Erstellung des Quelltextes, wie verlinke ich da Css-Teile (hab in einem Tutorial mitgekriegt, dass man das wohl so macht und versucht, das auch zu machen, nur es hat nicht geklappt...) wie und wo lade ich die Website dann hoch, damit sie dann auch funktioniert? Wie optimiere ich die Website, damit sie z.B. auch in Suchmaschinen gefunden wird etc.?
Des weiteren würde ich dann, nachdem ich mir die Grundlagen von html gut angeeignet habe auch besser css lernen und die ganzen anderen Sachen die es da noch gibt, wie z.B. flash, um auch Effekte einbauen zu können.
Noch eine Frage: was hat es eigentlich mit diesem ganzen anderen Zeug, wie Wordpress etc. auf sich? Denn oft lese ich Anzeigen in denen dafür Webdesigner gesucht werden.
Zusammengefasst: Was sollte man alles können um sich eine einigermaßen vernünftige und professionelle Website erstellen zu können? Welche Programme und sonstige Dinge benötigt man noch und was sind die besten Anbieter dafür? Kennt ihr gute, umfangreiche und verständliche tutorials oder auch Bücher, die mir weiterhelfen könnten?
Bis jetzt habe ich mir alles selbst beigebracht (Adobe Programme, fotografieren, Mal-/Zeichentechniken etc.) zu 90% durch rumprobieren und zu 10% durch tutorials, was bis jetzt auch immer gut geklappt hat. Nur in 2 Bereichen verzweifle ich immer, weil es irgendwie nie so klappt wie in den tuts beschrieben oder weil es viel zu kompliziert ist - das wäre Webdesign/Iformatik (und die Erstellung von 3d-Modellen, aber das ist nocheinmal eine andere Geschichte...)
Zusammengefasst: Was sollte man alles können um sich eine einigermaßen vernünftige und professionelle Website erstellen zu können? [/quote]
HTML/CSS
:arrow: http://selfhtml.org/
[quote="Hyoko-x3"]
Welche Programme und sonstige Dinge benötigt man noch und was sind die besten Anbieter dafür? [/quote]
:arrow: Notepad/Editor
Wenn das soweit ist brauchst du Webspace und ne Domain,...gibt es ab 50cent im Monat
und ggf. nen ftp Programm zum hochladen.
Mehr brauch es nicht. Und schon garnicht Flash.
Wenn du in Zukunft dich intensiver damit beschäftigen willst dann ist "html5" das Zauberwort.
Erste Schritte - hiermit fängt alles an.
Die ist auch nett.
HTML ohne CSS bringt Dir nichts. Ersteres ist für die Struktur und zweiteres für's Layout.
Dreamweaver ist zum "Programmieren" ganz bequem, aber wirklich nicht notwendig, da ein stinknormales Textprogramm für die Basisgeschichte völlig ausreicht.
Wordpress ist halt 'ne Blogplattform.
Klar, Blogs zu programmieren ist ein ganz anderes Kaliber als eine Portfolio-Seite und hat nüchts mehr mit HTML u. CSS zu tun.
Das Schöne an WP ist halt, dass man Plugins basteln und installieren kann, damit das Ganze fluid läuft und vieles vereinfacht wurde. Da das eine recht komplizierte Sache ist, die nicht jeder Standartwebdesigner/programmierer kann, suchen auch so viele nach solchen Leuten.
Für dich wird eine unprogrammierte HTML CSS Website reichen. Von Flash wirklich lieber die Finger lassen ;)
htmlseminar ist nett, reicht aber ab ca der Hälfte im CSS nicht mehr aus. Da gibt es Bücher, eins das ganz gut ist heißt "Jetzt lernen wir Webseiten" oder so ähnlich, ist gelb.
[url=http://www.butterundfisch.de/]Butter & Fisch - Begleiter für die Bewerbung zum Kommunikationsdesignstudium[/url]
_________
The Enrichment Center is required to remind you that you will be baked. And then there will be cake.
wie weit reichen denn die Möglichkeiten von html und css?
Kann man damit schon hover-Effekte machen und z.B. , dass wenn man auf ein Bild klickt es sich in groß öffnet und sowas?
P.S.: Nur mal so aus Interesse: Was für ein Studium würde denn infrage kommen wo man die Grundlagen für soetwas lernt? Also nichts allzu kompliziertes wie bei Informatik und auch kein Studiengang wo sonst noch viel in andere Richtungen gemacht wird, sondern z.B. was wo man im 1. Semester die Grundlagen für Websites lernt?
Wir haben hier einen Kurs HTML CSS. Grundlagen.
Was man alles damit machen kann solltest du selbst herausfinden, die Möglichkeiten gehen Dank HTML5 bereits unglaublich weit, aber auch mit dem Standatrwissen kann man eigentlich komplett klarkommen. Guck dir erstmal htmlseminar an.
[url=http://www.butterundfisch.de/]Butter & Fisch - Begleiter für die Bewerbung zum Kommunikationsdesignstudium[/url]
_________
The Enrichment Center is required to remind you that you will be baked. And then there will be cake.
Interfacedesign
z.B. hier: [url]http://design.fh-potsdam.de/studiengaenge/interfacedesign.html[/url]
Allerdings nur eine kleine (nicht zwingende) Einführung. Denke aber mal das eigentlich alle KD / VK / ID Studiengänge sowas anbieten.
[url]http://campusambulanz.de[/url][/b]
Dann würde ich mir Wordpress runterladen.
Dann würde ich den Aufbau von Wordpress in den Webspace deiner Domain einfügen. So kannst du den Aufbau von Wordpress mit einer Externen Domain verwenden :) ... ist eigentlich die leichteste Methode ohne jetzt groß was zu können :) ... Probiere einfach ein bisschen rum, da es ja auch nicht so viel kostet.
[b]Erste Schritte[/b]
Wenn du dich erstmal ein bisschen einfühlen willst, reicht es vollkommen wenn du auf deinem eigenen Rechner eine *.HTML-Datei und *.CSS-Datei erstellst und ein bisschen Code eintippst um herauszufinden wie alles funktioniert. Du kannst das HTML-Dokument auf deinem PC dann bequem in deinem Browser öffnen, ohne Webspace anmieten zu müssen.
Wenn du dann denkst "Jetzt will ich aber mal was live stellen!" mietest du Webspace, und lädst deine Dateien hoch.
Bis dato ist alles Basiswissen, welches aber unerlässlich ist, um nachher die komplexeren Projekte zu verstehen, wo man anfangen kann professionell Websites zu entwickeln.
[b]
CMS kennen lernen[/b]
Nachdem du verstanden hast, wie HTML/CSS funktioniert, setzt du dich am besten mit einem CMS auseinander, wie hier schon genannt wurde: Wordpress z.B.
Ich empfand [i]Website Baker[/i] für Anfänger im CMS-Bereich als sehr leicht zu lernen! Damit kann man ruhig erste Schritte machen und später auf die Riesen umsteigen: Wordpress, Drupal, Joomla, TYPO3.
Beachte jedoch, dass diese 4 alle sehr unterschiedlich sind und teilweise eine hohe Einarbeitsungszeit brauchen, bis man mit ihnen Websites erstellen kann. Am besten suchst du dir ein CMS davon aus und lernst dieses intensiv.
Vorher am Besten informieren, welches dir am besten gefällt. Ruhig auch mal alle installieren und testen. (Am besten via lokalem XAMPP o.ä., da kann man sich erstmal in einer lokalen Sandkiste austoben, bevor man einen Webspace in die Luft jagt.)
[b]PHP & Plugins[/b]
Wenn du anschließend noch weiter gehen möchtest, kannst du anfangen "from scratch" dynamische Websites zu bauen - z.B. mit Zuhilfenahme der Programmiersprache PHP. Das bringt in sofern den Vorteil, dass du nur das programmierst, was du auch wirklich brauchst. Während eines der etablierten CMS zu benutzen, natürlich immer auch Ballast mitbringt, den man für das eigene Projekt nicht braucht.
Umso besser du dein CMS der Wahl kennst, und PHP sowie MySQL beherrscht, umso besser kannst du das CMS auch mit selbstprogrammierten Plugins an deine Wünsche anpassen.
Ab diesem Zeitpunkt... kannst du dann vernünftige Websites entwickeln. :)
Den Weg, den ich dir hier skizziert habe, ist nicht in 2 Wochen gemacht, sondern zieht sich je nach dem wie sorgfältig du alles lernst und wie viel Zeit du dafür aufwendest, über mehrere Monate, ggf. Jahre hin. Zumal man in diesem Bereich nie auslernt und alljährlich neue interessante Implementierungen stattfinden.
Ich hab diesen Weg auch im Groben so verfolgt und mir das alles mithilfe von den oben genannten Websites und einem günstigen Heftchen über PHP für Anfänger beigebracht.
Ich hatte während meiner Ausbildung ein halbes Jahr einen Websites-Erstellen-Kurs, der aber zumindest für mich lächerlich war, da ich zu dem Zeitpunkt schon alles konnte, was man mir dort beibringen wollte. :?
[b]Weitere Bezugsquellen von Lernmaterial[/b]
Vor Kurzem habe ich mir ein Buch zu CSS3 und HTML5 angeschafft, um mich bei den ganzen Neuerungen auf dem neuesten Stand zu halten, aber das sollte dich eeerstmal nicht so sehr interessieren. Die Grundlagen sind das A&O.
Im Gegenteil rate ich eher vom Kaufen teurer Bücher ab - die sind, wenn sie es nicht schon beim Kaufdatum sind, spätestens in einem halben Jahr veraltet. Was mir persönlich sehr den Einstieg in die umfangreicheren CMS mit undankbarer Lernkurve erleichtert hat, waren die Videos von Video2Brain. Die bieten Videos zu Joomla, TYPO3, Wordpress, Drupal.... Für jedes CMS ist was dabei.