Hallo, ich würde gerne wissen wie man Webseiten programmiert. Leider weiß ich garnicht wo ich anfangen soll. Was sind denn heute so die Webstandards? Mal angenommen ich möchte eine einfache Portfolio Seite gestalten ohne dynamischen Inhalt. Würde es reichen CSS zu lernen oder muss ich trotzdem noch HTML lernen? Ab wann wird PHP notwendig? Kann mir jemand ein gutes (aktuelles) Buch für den Einstieg empfehlen?
Also in HTML gibts ja nicht wirklich viel zu lernen , du musst aber schon die Basics verstehen.
Sonst bringt dir CSS garnichts
Enfachn paar fertige Websiten anschauen hilft auch beim lernen.
HTML brauchst du unbedingt ist aber in 2-3 Tagen gelernt. Ansonsten reicht das eigentlich schon für ne website. Falls du die Seite noch dynamischer machen willst lern PHP
Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section
Also um dir mal ein paar hilfreiche tips zu geben und nicht sowas wie, lern lieber php oder ist in 2 - 3 tagen gelernt....hier mal was, was dir helfen sollte:
Der erste fakt ist, dass du noch gar keine ahnung hast, deswegen weisst du auch noch gar nicht, wo es hingehen soll, grob weisst du aber was du machen willst, denn das ist webseiten entwicklung.
wie richtig shcon angegeben worden ist, solltest du einmal mit html anfangen und dann ein wenig css machen. Grob gesagt, kann man auch sagen, dass es in 2 - 3 tagen gelernt ist, ich unterschreib aber, dass du am 4ten tag nicht wirklich weisst, was du am ersten gemacht habe und wenn ich dir ne aufgabe gebe, wirst du sie nicht wirklich umsetzen koennen, und wenn doch, dann nicht perfekt! Aber so ist das nunmal und so faengt jeder an denn es gilt wie bei allem anderem auch: Die Erfahrung machts aus.
Wie dem auch sei... Bevor du also nun geld in buecher investiert - schau dich doch erstmal im internet um. es gibt da zb eine seite die nennt sich w3school.de oder so und da kannste schonmal reinschnuppern und schaun was so ueberhaupt bei html und css steht, schau dir aber noch nicht php und javascript und so an. das kommt alles ganz alleine durch den antrieb nach mehr funktionalitaet
also mach erstmal ein wenig mit html und css und dann wirst du recht schnell merken, da muss noch mehr gelernt werden.... und dann kannst du schonmal anfangen mit javascript und vllt ein wenig xml : )
danach kannste dir dann anschaun php, mysql, gegebenfalls ruby on rails, java oder was weiss ich.
schau erstmal bei den kostenlosen ressourcen im internet bevor du dir solche buecher kaufst - ich bin zwar fan von buechern, aber bei galileo empfehle ich immer nur querlesen in der buecherrei und wieder zurueckstellen! denn das ist rausgeschmissenes geld... dann doch lieber O'relly oder wie das auch geschrieben wird : >
Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section
Was ich dir noch mitgeben moechte sind so ein paar weitere Sachen:
Da ich nun mehr als 10 Jahre Erfahrung in dem Bereich habe, kann ich das recht gut einschaetzen und weiss, was in welchem Zeitraum moeglich ist.
Ich empfehle daher also:
1 - 2 Wochen HTML
probier alles aus, fang an ganz einfach:
-Wie sieht ein Dokument aus
- Wie kann ich text gestalten (mit HTML!!!)
-> Paragraphen, Ueberschriften, schrift arten, farben, hintergrund farbe > so Word formatierungen halt
- Was ist ein Link, wie macht man den und verbinde doch schonmal 3 seiten.
-> Ueberall sollte das menu zu sehen sein und mann kann sich zb die ersten 3 stadien der Homo sapien und deren vorgaengern anschaun.
=> Dauert 3 minuten, dann hast du die ganzen namen der vorfahren -> wikipedia, text kopieren und formatieren so, dass er schoen aussieht. Vielleicht noch quellen angabe machen, Link zu wikipedia artikel setzen (der im neuem fenster geoeffnet wird usw)
Dann sollte es weiter gehen mit:
- Tabellen
- formulare
- listen
- Framesets als Abschluss.
(als frameset uebung wuerde ich dir empfehlen, die seite mit den homo sapien noch einmal neu zu entwickeln und das menu auslagern usw...)
(Der grund, warum ich sage, dass du framesets lernen sollst ist ganz einfach:
1. du lernst diese veraltete technologie kennen
2. wenn sie dir mal vor augen kommt, weisst du was es ist - da du es shconmal gesehen hast und kannst dementsprechend handeln (was unter anderem eine neu schreibung beinhaltet um auf einen aktuellen stand der web entwicklung zu kommen)
3. du machst deine erfahung damit und kannst vor und nachteile bereits ein wenig abwaegen! einfach mal unterseiten bookmarken usw... mit den browsern rumspielen : )
So damit solltest du erstmal ein wenig zu tun haben im Anfang der HTML Entwicklung.
Nun waere ein netter uebergang zu CSS geeignet.
Da schaust du dir dann erstmal an, was Dokumententypen sind, sogenannte DTDs
- Div
- internes CSS
- externes css
- ganz simpel anfangen mit body und text gestaltung, so wie bei html,nur dass du nun die richtige technology zum gestalten benutzt
- dann gehts weiter, wie macht man ein zwei spaltiges layout (ganz einfach farbwerte fuer den hintergrund benutzen, damit du den unterschied erkennen kannst - beschaeftige dich da bloß net zu sehr mit photoshop um designs zu machen, das solltest du spaeter machen : ))
- 3 spaltige layouts
- formular gestaltungen
- tabelen gestaltung
- vielleicht als ende der css einarbeitung ein wenig mit css3 ausprobieren ?
Generell wuerde ich fuer dieses ganze lernen einen Ordner anlegen, zb in folgender Hierachie:
Web Entwicklung
- HTML
-- Text Formatierung
-- Tabellen
- CSS
-- Stylesheets
--- Formular Gestaltung
- Projekte
-- Humo sapiens Version 1. Statisches html mit einfachen links
-- Humo sapiens Version 2. Framesets
-- Humo sapiens Version 3. externe CSS mit css stylen, 2 / 3 spaltiges layout + newsletter formular anmeldungs dummy
- Notizen
- Ressourcen
Was ich daher empfehlen kann, habe ein begleitenes Projekt - ich habe dir hier ein sehr simples Beispiel gegeben! Die Entwicklung der Menschheit - das klingt so simpel, aber du kannst daran so viel lernen, wenn du das Projekt mit deinen Faehigkeiten mitwachsen laesst - nebenbei lernst du auch unsere menschliche entwicklung und vergangenheit kennen (wissen schadet nie
- kannst ja im geschichtsunterricht dann angeben
)
Was ich auch fuer sehr wichtig halte ist, dass du nebenbei immer ein Textdokument offen hast, wo du alles nieder schreibst, was du fuer wichtig ansiehst, und was du gerne als notiz niederschreiben moechtest. Von daher wuerde ich sagen, fange damit gleich am ersten Tag an. Nen schoenes Dokument ganz einfach:
Titel
Erstellt am: XX. XX. XXXX
Geaendert am: XX.XX.XXXX
Geschrieben von:ZZZZ
----Inhaltsverzeichnis ----
1. Allgemein
Dieses dokument dient als begleitene Dokumentation in die einarbeitung der web entwicklung bla bla bla
2. HTML
HTML = HyperText Markup Language
wurde von Tim Berners Lee am CERN entwickelt zusammen mit dem WWW dem erstem grafischen Webbrowser bla bla bla
Und so weiter.
Dann wuerde ich da noch ne Schoene Linksammlung fuer weitere lektueren einbauen, dass du immer weisst wo du was finden kannst, wo du was lesen kannst usw...
Wenn du nun ca 6 - 8 Wochen schoen damit rumgespielt hast und du einigermaßen die Bascis drauf hast und weisst was bestimmte begriffe bedeuten, sollte es richtig los gehen.
Du weisst nun alles was du brauchst um eine webseite zu machen und kannst dich daher weiter entwickeln.
Seiten wie www.smashingmagazine.com
nettuts.com usw helfen dir da sicherlcih weiter -> dein englisch wird sich auch recht schnell verbessern durch das lesen
englisch sollte man naemlich beherrschen, da die trends meist nicht aus deutschland, oesterreich oder der schweiz kommen, sondern eher aus anderen laendern und diese infos werden meisst auf englisch verbreitet.
wie dem auch sei... nun hast du als beispiel deine homo sapiens seite im stadium 4 und die sieht ganz super aus und es ist auch alles toll und du bist zu frieden, wohlmoeglich hat die seite auch schon nen photoshop interface bekommen, was naemlich ab woche 5 - 6 moeglich sein sollte, denn grafikverarbeitung mit css ist wichtig und sollte nach den basics direkt dran gehaengt werden.
nun koenntest du mit javascript anfangen und das ganz einfach:
- was macht javascript und wofuer ist es da?
- warum ist javascript kein java?
- wie kann ich ne meldung beim browser ausgeben (eine box die aufpoppt)
und dann wuerde ich da so ca 1 woche investieren ganz simpel mal schaun, wie das DOM aufgebaut ist, was event handler sind usw.
- dann koennte man schon mit jquery anfangen um sich das leben nicht ganz so schwer zu machen
- jedoch solltest du hier trotzdem deine ersten erfahrungen mit arrays und co machen BEVOR du zu jquery uebergehst
- als kleine projekt aufgabe waere zb ein spiel fuer deine homo sapiens seite...
was fuer ein spiel ? ganz einfach:
9 kaestchen, 3 reihen a 3 felder, und drin zu sehen ist ein bild eines urmenschen -> alles ist gemischt und mit klicken kann man die bilder verschieben und muss damit dann das komplette bild zusammen bauen
=> auch hier sind keine grenzen gesetzt, bau nen timer mit ein, lass den user das bild auswaehlen, was er puzzeln soll
joa und wenn du das alles hast, dann sagst du uns mal in 6 - 8 wochen bescheid (gibts uns zwischen durch status meldungen, fragst immer fleissig nach und haellst uns auf dem laufendem)
wenn du diese antwort nuetzlich findest, joa, dann fang doch direkt an, speicher dir diesen thread, mach nen order web entwicklung und fang nen word dokument an
Wow, ich muss sagen, nach den ersten paar Antworten hätte ich jetzt hier nicht mit so einer ausführlichen Anleitung gerechnet. Genau sowas habe ich gebraucht. Ein großes Danke nochmal.
Der Thread ist gespeichert. Das wird mir garantiert sehr weiterhelfen.
This post has been edited 3 time(s), it was last edited by d0x: 02.06.2010 00:57.
Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section
Was ich dir noch sagen kann : )
Was du hier anfaengst ist eine Never Ending Story : )Du wirst nie auslernen, wenn du das zum Beruf machst, wirst du dein leben lang nur lernen : )
Aber bringt Spaß, eine deiner naechsten Fragen wird sein, Was sollte ich lernen?
PHP
ASP
Ruby on Rails
Action Script
JSP
Java
die Frage kann ich dir jetzt aber schon beantworten -> Probier alle aus, und die, die dir am besten gefaellt die lernst du - denn jobs gibt es in allen bereichen, bei einigen mehr bei anderen weniger. Es schadet auch nie, wenn man zwei oder drei richtig gut kann - grundsaetzlich sind sie aber alle gleich. Daher ist zu sagen, der Spass sollte immer im Vordergrund stehn - im bereich web entwicklung hast du eh schon so viel freiraum, dass du diesen auch nutzen solltest.
Bei den websprachen ist Python imo wichtiger als Ruby
(Zum. erfahrungsgemäß leichter mit zu arbeiten)
PS: Ja, das ist Ansichtssache, aber Python sollte unbedingt erwähnt werden.
PPS: Wie bpr sagte, schau dir Sprachen an, große Projekte usw. damit du eine Übersicht hast. Dann kannst du das ganze ein wenig vertiefen, und wenn dir das gefällt, lern die Sprache richtig, wenn nicht, schau dir eine andere an
Das ist sehr billig, und um HTML und CSS zu lernen absolut genial, nach dem lesen bist du fähig deine Webseite zu erstellen.
Habe es selber vor 2 Jahren gelesen und war als absoluter Anfänger voll begeistert, viel besser als die dicken fetten teueren bücher oder selfhtml und css4you. Der Autor kommt gleich zur Sache und geht auch Anfängergerecht auf alles ein.
ich hab damals html auch durch quelltext anschaun und selfhtml gelernt (gab btw auch nix anderes
)
das steckte damals auch noch alles in den kinderschuhen und es gab kaum bücher zu html bzw warn die sehr teuer (1996 ^^)
also ich kann dir halt noch zusätzlich zu den tipps der anderen empfehlen:
nimm nen Wysiwyg-Editor (ala Dreamweaver, usw) und vergleichs halt immer mit dem source.
html vom scratch also einfach so zu lernen mit buch etc - also den code immer direkt schreiben dauert meiner meinung nach zu lange & ist zu trocken.
mit nem wysiwyg editor + hintergrund infos dürfte es schneller gehn
ich finde, es wird hier zuviel Mist geschrieben. HTML und CSS kannst du SEHR schnell lernen. Ich habe das in ca. 1h BEIDES gelernt. So schwierig ist das nicht. Nach 1h weisst du ungefähr, wie du was schreiben sollst. Die Befehle kannst du dir ja immer noch auf Seiten nachgucken gehen. Mit der Zeit geht das schon.
Ich habe es mit dieser Seite gelernt. Was besseres gibt es eig. nicht:
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
also mach erstmal ein wenig mit html und css und dann wirst du recht schnell merken, da muss noch mehr gelernt werden.... und dann kannst du schonmal anfangen mit javascript und vllt ein wenig xml : )
- kannst ja im geschichtsunterricht dann angeben
04.11.2011 