Kostenloses Beratungsgespräch: https://weiterbildung.developerakademie.com/y

In diesem HTML und CSS Tutorial lernst du, wie du eine eigene Internetseite erstellen kannst. Auch, wenn du vorher noch nie etwas eigenes gecodet hast, wirst du nach diesem Tutorial deine eigene Website mit HTML und CSS erstellen. Diese Anleitung ist komplett für Anfänger erstellt worden.

00:00 | Was wir machen werden
01:27 | Erste Internetseite
09:53 | VS Code
11:22 | HTML Grundstruktur
15:40 | CSS Einführung
29:43 | Layout erstellen mit Flexbox
42:36 | Untere Sektion

Code: https://github.com/JunusErgin/BEWERBUNGSFOTOS-BERLIN-MITTE
Tiktok: https://www.tiktok.com/@herr_programmierer (Herr Programmierer)

_____ Über diesen Kanal ____
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 – 6 Monaten einen gut bezahlten Job zu finden. Dafür musst du NICHT nur programmieren mit Online-Tutorials lernen, sondern einen guten LEBENSLAUF mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis für deinen Lebenslauf.
Am Ende erstellen wir mit dir einen perfekten Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf https://weiterbildung.developerakademie.com/y

source

32 Comments

  4. Tolles Video, nur werden leider meine Bilder nicht angezeigt. Ich folge dem Video, lade das Bild herunter, benenne es um und gebe dann den Code wie in dem Video ein. Es ist auch sicher eine jpg Datei, leider klappt es trotzdem nicht und wenn ich die Webseite aufrufe, wird an der Stelle nie das Bild gezeigt, sondern nur ein "Bildsymbol". Hat da jemand einen Tipp?

  9. Moin, habe ne frage unzwar ich habe mir gerade ein bild auch von Pexels heruntergeladen auch umbenannt genau wie du in "header.jpg" und so dann auch im editor eingegeben wie du sagtest <img src="header.jpg"> aber wenn ich dann auf meine website gehe kommt da einfach hinter meinem satz so ein kleines zeichen mit ein Papier das in zwei hälften gerissen wurde. Könntest du mir sagen warum?

  12. Deine Erklär Videos sind einfach top!
    Ich folg dir schon länger auf tiktok und Youtube.

    Mit HTML und CSS bin ich jetzt fit.
    Vielleicht kannst du mir ein Rat geben.
    Ich möchte als Hobby nun ein kleines Social Network (Chat, Forum usw.) coden, was wäre die nächste geeignete Programmiersprache?

  14. Manchmal frage ich mich selbst wie kompliziert kann man eigentlich an solche Sachen heran gehen….
    Ich probiere mich das erste Mal im Code Schreiben "nennen wir es Programmieren" 😀 in meinem Fall eher herumprobieren und aufregen. Ich versuche eine Art Unterseite zu bauen die aber entfernt aussieht wie die Hauptwebseite der Firma, in der ich Arbeite. Header und Logo kein Problem. Grundgerüst scheinbar kein Problem. Mit css noch optisch passendes Bild als body Hintergrund usw. Überschrift und Text einfügen auch kein Problem, allerdings war die Ausrichtung nicht wie ich wollte. Ich habe jetzt geschlagene 4 Stunden damit verbracht herauszufinden warum die Überschrift nur neben dem Text angezeigt wird und ich diese nicht über den Text bringe ohne die Überschrift aus dem Body herauszunehmen. Einfach nur weil ich dachte, es wäre gut für alles Klassen und Container usw. zu erstellen. Hatte insgesamt 120 Zeilen Code geschrieben um danach festzustellen das ich locker 1/3 weglassen musste das sich das ganze so dargestellt hat wie ich das wollte. Überschrift baseline center und der eigentliche Text dann darunter.

    Resume des ganzen:" coden macht abartig Spaß aber man braucht da schon eine Art Hilfe die man immer wieder ansprechen kann, die auch mal das ganze geschriebene anschauen und einem sagen kann wo man doch mal aufhören sollte und man vielleicht wieder etwas heraus löscht ."

    Danke für eure Tutorials, ich mache mal weiter…..

  16. Vielen Dank für dein tolles Video. Ich finde es sehr toll, dass du dir so viel Zeit genommen hast so ein Video kostenlos für die community zu produzieren. Es hat mir sehr weitergeholfen und ich vermute vielen anderen auch
    Danke!

  17. Guten Tag. Erstmal danke für das video. auch wenn ich nicht alles verstehe. Aber das wird schon. Allerdings hätte ich da ne frage: Wenn ich mit der maus über die wörter Hovere, dann wird erklärt was die Befehle machen. Allerdings ist alles auf Englisch. Und das ist nicht gerade meine stärke. Kann man diese "Tutorials" auf Deutsch umstellen? Und wenn ja, wie? Vielen Dank. 🙂

  26. Das Video ist/war unglaublich hilfreich habe meine erste Website gerade programmiert und es war alles sehr verständlich erklärt, sodass ich am Ende auch selber Dinge hinzugefügt oder veränder habe super Video!

  27. Hi,

    ich habe so gemacht wie im Video funktioniert so wie es sein soll.
    Die Webseite habe ich nochmals so angepasst nach meinen Bedürfnissen und werde Sie demnächst veröffentlichen.

    Vielen Dank für das Video ist wirklich sehr gut zu verstehen.

  29. Hallo, erstmal vielen dank für dein Video. Ich hätte eine kurze Frage. Bei mir muss ich immer meinen Tab schließen, dann den Code neu runnen und dann zeigt er mir die aktualisierte Version. Woran liegt das? Bei dir musstest du nur deinen offenen Tab refreshen mit Strg + R. Könntest du mir da weiterhelfen?

  30. Ich liebe deine Videos, da sie mir wirklich super beim Lernen von Programmieren helfen. Und das Kostenlos!! Ich habe da aber noch eine Frage was jetzt besser ist. Also ob man CSS dann nicht lieber in einer anderen Datei macht?

  31. Bei mir ist das problem der Chrome wenn ich die seite aktualiesiere findet er das bild nicht da steht das net::ERR_FILE_NOT_FOUND kann mir jemand helfen wie man es beheben kann? ich bin am verzweifeln ich finde nichts im Internet

  32. Toller Content. Allerdings würde ich vorsichtig sein, beim Empfehlen von Bild-Seiten. Die Urheberschaft ist dort häufig nicht so eindeutig, wie sie dargestellt wird. Am Ende hat man nen hübschen Brief zu Hause…

Leave A Reply

Please enter your comment!
Please enter your name here