Schnäppchen: Jump'run'Run Beetle Ju 3 Gratis Download bei Amazon - Nur heute: Warrior Blu-ray 9,97, Straw Dogs Wer Gewalt sät Blu-ray 11,97, Dirty Harry Blu-ray Collection für 32,97 USK 18, Hostel 3 Blu-ray 12,97 USK 18 - Samsung SSD 830 256 GB 174.99 - Blu-rays für unter 10 EUR (u. a. Bank Job, Final Destination) [Anzeige]
+ Antworten
Ergebnis 1 bis 9 von 9
  1. #1
    PCGH-Community-Veteran Avatar von fac3l3ss
    Mitglied seit
    19.08.2009
    Ort
    Keller
    Beiträge
    4.300

    Tipps zum Webdesign lernen

    Hallo,
    ich wollte schon immer eine Sprache im Computer lernen.
    Aber alles ziemlich schnell wieder aufgegeben...
    Nun habe ich aber ein Ziel vor Augen, ich möchte etwas einem Sozialen Netzwerk ähnliches machen, also ein Dienst zum Nachrichten verschicken usw. . (Das wird dann evtl. auch hier dokumentiert. )
    So habe ich mal meinen Admin gefragt. Er rät mir zu HTML, CSS, Javascript und PHP.
    Daher bin ich schonmal auf SelfHTML unterwegs und lese mich durch.

    Jetzt endlich meine Frage:
    Habt ihr Tipps für mich?
    Wie sollte ich lernen?
    Wo sollte ich lernen?


    MfG
    fac3l3ss
    Sysprofile | F@H Score | Ubuntu
    Build my fear of what's out there, and cannot breathe the open air, whisper things into my brain, assuring me that I'm insane
    -- Offizieller Steam-Vizepropagandachef des Forums --

  2. #2
    PC-Selbstbauer Avatar von Crysis nerd
    Mitglied seit
    07.11.2009
    Beiträge
    270

    AW: Tipps zum Webdesign lernen

    Guten Tag fac3l3ss, schön dass du Interesse am Programmieren bekommen hast

    Also falls du das nicht schon gelesen hast, hier ein paar Informationen:
    HTML: Muss man können, ist immerhin das Grundgerüst jeder Website. Ist wie XML eine markup language, d.h. keine richtige Programmiersprache. Das Prinzip von HTML hat man schnell verstanden, man muss es aber auch verstehen, um überhaupt über Websiten nachdenken zu dürfen. Die wichtigsten Befehle solltest du auch kennen, aber du brauchst nicht alles auswendig zu kennen. Man guckt es einfach eben nach.
    CSS: Ist auch eine Beschreibungssprache. Sie ist dafür da, um die Website zu gestalten. Also auch wieder keine richtige Programmiersprache. Das Prinzip von CSS versteht man nach einiger Anwendung auch recht gut: Alles besteht aus Boxen oder Abschnitten und Boxen kann man ausrichten und designen. Allerdings ist ein gutes Design immer ein Haufen Arbeit, weil man meist jedes kleine Stückchen der Website designen sollte. Den Syntax hat man recht schnell drauf, die Befehle bzw. Namen der Eigenschaften nicht so gut. Aber das ist kein Problem, da brauchst du einfach einen guten Editor, der gibt dir sofort Vorschläge. Und sonst: Nachschlagen im Internet
    PHP: Ist eine serverseitige Scriptsprache, d.h. man könnte sie schon als Programmiersprache bezeichnen. Sie besitzt Kontrollstrukturen und eine Menge Funktionen. Diese Scriptsprache brauchst du, um den Inhalt von Websiten dynamisch zu gestalten. Einfachstes Beispiel:
    Code:
    $timestamp = time();
    $datum = date("d.m.Y",$timestamp);
    echo $datum;
    Das würde das aktuelle Datum ausgeben, welches sich immer ändert. PHP ist die Syntax recht wichtig, aber Syntax hat man mit der Zeit raus. Hier bestimmt man den Skill eines Programmiers an der Erfahrung. Wer mehr macht, kennt mehr Funktionen und mehr Tricks, um etwas zu lösen.
    JS: Ist eine clientseitige Scriptsprache. Sie ist dafür da, Websitencontent anzuzeigen oder zu verändern OHNE die Seite neu zu laden. Solltest du erstmal nicht umbedingt behandeln, oder nur im Hintergrund. Viele stört Javascript auf Websiten auch.

    Tipps für dich... tja, ein paar hätte ich vllt:

    1. Das Soziale Netzwerk wird bei dir wohl noch ein bischen dauern. Dazu musst du auch noch MySQL lernen (was an sich zwar nich schwer ist) aber das einbinden in PHP bereitet vielen Anfängern Schwierigkeiten. Daher stell dir erstmal keine zu hohen Ansprüche. Fang mit kleinreren Aufgaben an

    2. Ein paar Designtipps, auch wenn du die sicher erst viel später brauchst: Im moment kommen eckige Kästen mit Windows 8 wieder in den Trend. Gerade wurde die unterstützung von border-radius in den Internet Explorer implementiert, schon verändert sich der Trend
    Die Website sollte auf jeden Fall übersichtlich sein und nicht vollgestopft mit tausenden Informationen. Animationen kommen nur gut, wenn sie geschickt und nicht aufdringlich eingebaut sind. Von Gif animationen rate ich dir sowieso ab. Naja, ich bin aber auch kein Designer, daher rede ich wahrscheinlich gerade recht unschlaue Sachen ^_^ Das is jedenfalls so meine kleine Erfahrung

    3. Wie sollst du lernen? Pfleißig, motiviert und not too much. Du kannst dir hin und wieder mal fertigen Code kopieren, aber danach solltest du dich dran setzen und versuchen ihn zu verstehen. Fang erstmal mit HTML an und danach kannst du mit simplem PHP anfangen. Setzt dir keine zu hohen Ziele aber gib nicht auf.



    Sooo, das erstmal von mir.

    mfg
    Lukas
    [Projekt] Marble Insanity HD
    Besucht uns Programmierer im IRC Channel: #ProgAndWeb @ irc.rizon.net :)

  3. #3
    PCGHX-HWbot-Member
    Mitglied seit
    06.12.2010
    Ort
    Bei Kassel
    Beiträge
    376

    AW: Tipps zum Webdesign lernen

    Also die kombination aus diesen beiden Tutorials, (übrigens beide vom gleichen autor) ist ne gute sache:
    PHP-Kurs.com - PHP lernen und MySQL Tutorial mit vielen Beispielen
    HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar
    i7 930 @ Noctua NH-D14|GTX 570|Gigabyte X58-UD3R|Kingston 6GB 2000 Mhz|WD Black Caviar 1 Tb|Win 7 Ultimate 64 Bit
    Die Wahrheit interessiert mich nicht, mich interessiert nur, was wahr sein könnte.

  4. #4
    PCGH-Community-Veteran
    Themenstarter
    Avatar von fac3l3ss
    Mitglied seit
    19.08.2009
    Ort
    Keller
    Beiträge
    4.300

    AW: Tipps zum Webdesign lernen

    Zitat Zitat von Crysis nerd Beitrag anzeigen
    (...)
    Danke für diesen langen und interessanten Beitrag!
    Ich bin wie gesagt schon auf SelfHTML unterwegs, mir ist klar, dass ich nicht sofort etwas zaubern kann - aber ich arbeite zu meinem Ziel hin, dass hlift mir ein wenig beim Lernen.

    Zitat Zitat von hardware_fanatiker Beitrag anzeigen
    (...)
    Die Seiten werde ich mir anschauen, danke schonmal!


    MfG
    fac3l3ss

    3dit:
    Im Anhang ist mein aktueller HTML-Spielplatz. Die "Seite" ist nur zum Testen, keine Angst!
    Miniaturansichten angehängter Grafiken Miniaturansichten angehängter Grafiken Tipps zum Webdesign lernen-website1.png  
    Sysprofile | F@H Score | Ubuntu
    Build my fear of what's out there, and cannot breathe the open air, whisper things into my brain, assuring me that I'm insane
    -- Offizieller Steam-Vizepropagandachef des Forums --

  5. #5
    BIOS-Overclocker Avatar von derP4computer
    Mitglied seit
    10.03.2010
    Ort
    Bremen
    Beiträge
    3.487

    AW: Tipps zum Webdesign lernen

    Zitat Zitat von hardware_fanatiker Beitrag anzeigen
    Also die kombination aus diesen beiden Tutorials, (übrigens beide vom gleichen autor) ist ne gute sache:
    [url=http://www.php-kurs.com/]PHP-Kurs.com - PHP lernen und MySQL Tutorial mit vielen Beispielen[/url]
    HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar
    Den HTML Kurs kann ich dir auch empfehlen und genauso diese Seite The W3C Markup Validation Service wenn man erst mal das Pfuschen angefangen hat, dann ist es schwer Fehler zu korrigieren.
    Intel Pentium Dual Core E6300 @ 3,5GHz - Freezer 7 Pro - Gigabyte G41MT D3V - 8GB DDR3 - MSI N465GTX - 1TB WD Caviar Green - 500W Xigmatek - Cooler Master CM 690 II

  6. #6
    Schraubenverwechsler Avatar von DoctorCox
    Mitglied seit
    06.10.2011
    Ort
    Aachen
    Beiträge
    14

    AW: Tipps zum Webdesign lernen

    Hey,

    also ich hab mein HMTL etc. zwar im Praktikum gelernt (so schwer ists nicht, nach 1 Woche konnte ich schon was recht ansehnliches (ohne Php) umsetzen...
    Aber zurück zum Thema... Ne sehr gute Seite, mit der du arbeiten kannst, wenn du dich ein bisschen in HTML eingelesen hast ist:

    Webdesign Tutorial

    en bisschen HTML sollte man können aber weiterführend ist das ganz gut gemacht

    Gruß Cox

  7. #7
    Komplett-PC-Aufrüster Avatar von slayerms
    Mitglied seit
    25.07.2011
    Beiträge
    107

    AW: Tipps zum Webdesign lernen

    ich machs kurz und knackig:

    1.HTML
    2.CSS
    3.PHP
    4.erweitert PHP + MYSQL

    Tutorials zu allen Punkten findest du bei google oder kauf dir ein schönes buch von addison wesley etc.
    http://www.youtube.com/user/e0gaming?feature=mhee

    e0gaming - Abonnieren und auf den neuen Lets Plays warten die demnächst kommen;)

  8. #8
    BIOS-Overclocker Avatar von Ahab
    Mitglied seit
    18.05.2009
    Ort
    Berlinaaa :D
    Beiträge
    4.704

    AW: Tipps zum Webdesign lernen

    Für CSS im speziellen kann ich CSS4You empfehlen!

    CSS 4 You - The Finest in Stylesheets
    AMD Phenom II X4 925 | Asus M3A78-CM | Corsair HX520W | Sparkle GTX 560 Ti | Asus Xonar DX | Sharkoon Temptation
    Thinkpad Edge 13 | AMD Vison Pro | 2GB DDR3-1066 | Corsair Force Series F90
    Windows Phone User?

  9. #9
    Komplett-PC-Käufer
    Mitglied seit
    20.09.2011
    Beiträge
    62

    AW: Tipps zum Webdesign lernen

    Hey,

    Wohl die besten Tutorials die du im Netz finden kannnst.

    W3Schools Online Web Tutorials

    Da hast du Kapitel die du durchgehen kannst und am Ende kannst du dein Wissen auch noch überprüfen.
    Hat uns unser Lehrer immer durchgehen lassen.

    Mit freundlichen Grüßen,
    Frezy

+ Antworten

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein