Programmeren 3 Les 3
Home

Programmeren 3 Les 3

html5logo
html logo

Programmeren 3
Les 3

Herhaling HTML

Doelstelling

Als we leren programmeren met ASP.NET MVC Core is het nodig de basis van HTML nog eens te herhalen. De meesten onder jullie hebben HTML geleerd in de module Multimedia. Aangezien die module niet verplicht gevolgd moet worden vooraleer te beginnen met Programmeren 5, herhalen we hier de HTML leerstof van de module Multimedia.
Na deze les weet je:

Stappenplan

HTML, of Hypertext Markup Language, wordt gebruikt voor het maken van webpagina's.
  1. Waarvoor dient HTML
  2. HTML schrijven
  3. HTML commentaar
  4. Semantische HTML
  5. HTML voor de basistructuur van een pagina
  6. Hyperlinks
    1. Link naar een bestand
    2. Link naar een bladwijzer
  7. HTML attributen
  8. HTML formulieren maken
    1. Wat is een formulier
    2. Elementen
      1. Het form element
      2. Het label element
      3. Het input element
      4. De submit knop
      5. Tekstvak
      6. Tekstgebied
      7. Wachtwoord
      8. Keuzerondje
      9. Selectievak
      10. Keuzelijst
      11. Elementen groeperen
      12. Datum- en tijdinvoer
      13. E-mailinvoer
      14. Range
      15. Bestanduploadvak
    3. Attributen
      1. HTML formulier attributen
    4. Voorbeeld
      1. Tekst en uitleg
        1. Een HTML formulier eerste versie
        2. Een HTML formulier tweede versie
      2. Filmpjes:
        1. Formulier voorbereiden om later met een serverside scripting taal, bijvoorbeeld PHP, te verwerken
        2. Inspecteren hoe de browser de ingevoerde gegevens verstuurt naar de server
    5. Soorten formulieren
  9. HTML Bronnen

Opdracht

  1. Opdracht form HTML
  2. Plaats het bestand met de naam register.html op je workspace op Cloud9 in de map met de naam les3. Doe dit met behulp van Git.
    1. Creëer een map op je lokale computer met de naam programmeren3. Daarin creëer je een map met de naam les3. Met je editor (Visual Studio Code of een andere editor) maak je het bestand met de naam register.html in de map les3.
    2. Bewaar je werk in een lokale git repo.
    3. Plaats in de commentaar van de commit de volgende message: "Les 3 Herhaling HTML - final" (deze boodschap moet identiek zijn in je commit).
    4. Push je lokale repo naar Bitbucket.
    5. En synchroniseer tenslotte je workspace op Cloud9.
  3. Verstuur via de opdrachtlink op Moodle een tekstbestand met een link naar je register.html pagina.

JI
2018-11-24 13:59:23