Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML und CSS Schnell und Leicht Gemacht!
Rating: 4.0 out of 5(1 rating)
17 students

HTML und CSS Schnell und Leicht Gemacht!

Lerne HTML und CSS indem Du eine profesionelle Webseite mit Flexbox entwickelst!
Created byGV Studio (Gina M und Victor S) M, Victor Simion
Last updated 8/2022
German

What you'll learn

  • HTML und CSS Theorie - Du wirst die meist genutzten Begriffe genau verstehen und in den eigenen Projekten anwenden können.
  • Struktur der Webseiten analysieren - Du wirst lernen den Code von bereits erstellten Webseiten zu überprüfen und selber nachzuentwickeln.n zu
  • Grundlagen vom Webdesign - Du wirst die Sektionen von Webseiten erkennen und entwickeln können.
  • Externe Resourcen nutzen - du wirst lernen notwendige Infos und Dateien im Netz zu finden und richtig anwenden.
  • Elemente auf der Webseite manipulieren: vergrößern, verschieben, färben, überlappen unsw.

Explore related topics

Course content

3 sections • 32 lectures • 5h 56m total length

  • Einleitung6:15

    In dieser Lektion laden wir Visual Studio Code (oder Atom, Brackets, NotePad ++ etc.)  auf unserem PC und installieren ihn.

    Wir kreieren unseren Projekt Ordner und schreiben einen HTML Skelett/Grundgerüst. Parallell haben wir auch unsere Webseite offen damit wir Änderungen im Code live überprüfen können.


    HTML  Skelett/Grundgerüst

    <!DOCTYPE html>

    <html lang="de">

    <head>

        <meta charset="UTF-8">

      <title></title>

    </head>

    <body>

        <h1></h1>

        <h2></h2>

        <h3></h3>

        <p></p>


    </body>

    </html>


    Tastenkombination um die beiden Fenster auf dem Bildschirm zu positionieren

    Windows-Taste + rechter oder linker Pfeil


  • HTML - Der Anfang5:51

    In dieser Lektion wird die HTML Theorie präsentiert. Studenten haben jetzt die möglichkeit sich an den Quellcode-Editor zu gewöhnen.

    Es werden Begriffe wie Webstruktur und HTML Tags besprochen und der Grundgerüst aus der vorigen Lektion wird erweitert.


    HTML erweiterter Grundgerüst


    <!DOCTYPE html>

    <html lang="de">

    <head>

        <meta charset="UTF-8">

      <title>HTML Webseite</title>

    </head>

        <body>

            <header>

                <h1></h1>

            </header>


            <h2></h2>

            <h3></h3>

            <p></p>


            <footer>

                <p></p>

            </footer>

        </body>

    </html>


  • HTML-Elemente11:24
  • HTML Farben13:26
  • HTML Formatierung12:33
  • HTML-Entitäten5:28
  • HTML Emoji12:13
  • HTML Tooltips1:41
  • HTML div und id15:03
  • HTML Inspektieren und Coden - Training30:46

    In diesem Training kannst du die HTML Kenntnisse aus diesem Kapitel anwenden und selber ausprobieren den Code zu schreiben! Gerne kannst Du das Video pausieren und wieder anschauen wann immer du deinen Code überprüfen möchtest!

Requirements

  • Keine Programmierkenntnisse nötig. Alles wird Schritt für Schritt im Kurs erklärt.
  • Keine Englischkenntnisse nötig!
  • PC oder Laptop
  • Internetverbindung
  • Keine WordPress-Erfahrung nötig.

Description

Warum HTML und CSS schnell und leicht gemacht?

Du möchtest gerne Deine eigene Webseite entwickeln? Möchstest Du vielleicht als Webentwickler arbeiten? Oder bist du ganz einfach nur auf der Suche nach einer neuen Herausforderung?

Dieser Kurs kann dir damit helfen! In nur 6 Stunden wirst du genügend Kenntnisse erwerben, die dir erlauben eine Webseite nach einem professionellen Design zu erstellen. Die Grundlagen sind am aller wichtigesten und diese wirst Du schnell und leicht meistern!

Theorie zum anschauen oder Projekt fürs Portfolio?

Hier findest du die perfekte Balance zwischen Theorie und Projektarbeit, denn beide sind notwendig um in die Welt des Front End Developments eintreten zu können.

Ist es wirklich für mich?

Wenn du noch nie Code geschrieben hast, oder wenn du bereits etwas Erfahrung davon hast aber möchtest deine Kenntnisse aufpolieren, dann bist Du hier genau richtig! Alle englischen Begriffe die notwendig sind werden Schritt für Schritt erklärt und am Ende des Kurses wirst du Texte, Bilder, Links usw. so auf deine Webseite positionieren, färben und mit Effekte verzerren, wie es Dir gefällt!

Wie studiere ich am einfachsten?

In der ersten Sektion wirst Du einen kostenlosen Code Editor aus dem Netz runterladen und installieren. Danach wirst Du die wichtigsten Elemente aus HTML schön der Reihe nach lernen. Am Ende der Sektion gibt es einen Training wobei du all diese neuen Kenntnisse anwenden kannst und die Struktur einer Webseite üben wirst.

In der zweiten Sektion wird die Verbindung zwischen HTML und CSS studiert. Sachen werden jetzt schön und bunt. Die Arbeit beginnt professionella auszusehen.

In der dritten Sektion gibt es noch ein Training, denn jetzt besitzt du genügend Kenntnisse um die Webseite aus dem Video selber oder mit sehr wenig Hilfe zu erstellen.

Währen den Lektionen wirst Du auch mehrmals die Chance haben das Video zu pausieren und versuchen Aufgaben selber zu lösen. Bei jeder Lektion findest Du den Code und alle notwendigen Dateien zum runterladen.

So geht lernen einfach und macht Spaß!


Who this course is for:

  • Anfänger die Webseiten selber kreiern möchten.
  • Alle die sich eine Karriere als Webentwickler/in wünschen.
  • Anfänger und Fortgeschrittene die Interesse an Front End Development haben. Das heißt alle die Spaß daran haben etwas optisch ansprechnedes zu erstellen.
  • MIt anderen Worten, alle außer Experten, die bereits alles über Webentwicklung wissen und in diesem Bereich einen Job haben.

Report abuse