WEB1 - introductie, HTML en CSS

Algemene informatie
 Mededelingen
 Doelstellingen cursus WEB - HTML en CSS
 Definities en uitleg begrippen
 HTML5 lesboek

Dit lesboek is een naslagwerk en geeft aan welke onderwerpen er behandeld zullen worden tijdens de lessen WEB1 wat betreft HTML.

 Lesprogramma - uitwerking doelstellingen
1. CURSUS INTRODUCTIE
 1.1 Lesplan 1

Hier de opzet van les 1.

 1.2 Introductie WEB en HTML
 1.2.1 Het WWWeb als Spinneweb
 1.2.2 Redenen om te publiceren op internet?
 1.2.3 Bouwstenen van publicatie op internet?
 1.2.4 Lijstje met noodzakelijkheden
 1.3 Discussie 1

Elke week (elke maandag) behandelen we een discussie thema. De bedoeling is dat we voor- en nadelen van bepaalde ontwikkelingen bespreken. Soms zal ze docent het thema introduceren en een andere keer zal een student een thema leveren. Bij deze opdracht moet elke student een samenvatting geven van de discussie met de verschillende argumenten en uiteindelijk zijn eigen standpunt kunnen verwoorden en kunnen beargumenteren.

Opdracht: geef aan waar de discussie over gaat in dit filmpje, wat zijn de standpunten en de argumenten en wat is jou standpunt?

Voorbeeld onderwerp: Data privacy

Brandpunt: Nooit meer alleen

 1.4 De Privacytest
 1.5 Verwachtingen en motivatie

De student beschrijft bij de start van de cursus wat zijn / haar verwachtingen zijn wat betreft het vak WEB. Vervolgens gaan we in gesprek hierover. Volgende opdracht is dat student zijn / haar motivatie beschrijft wat betreft WEB gerelateerde zaken. We gaan in gesprek over vragen als:

- heb je ooit iets gedaan met een website?

- welke websites gebruik je en waarom?

- wat zou je willen kunnen maken?

Verwachtingen en motivatie moeten tijdens deze opdracht worden beschreven.

 1.6 Test je kennis van WEB gerelateerde onderwerpen
 1.7 Infographics
 1.8 Motivatie: Gewenste lesinvulling
 1.8 To do - week 1
 1.10 Opdracht: Whiteboard les - WEB en WWW - hoe publiceren?

Lesson

 Introduction to HTML5 (Part 1)
2. Introductie HTML
 2.1 Test je (voor) kennis van HTML

De wereldwijd bekende "W3Schools" biedt een complete, gratis cursus HTML. Daar is ook een online test te vinden en deze test is gedeeltelijk overgenomen en geplaatst binnen deze module. Je mag ook direct naar de website van W3Schools voor het testen van je (voor)kennis. Ga daarvoor naar: http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML

 2.2 HTML - wat, hoe en waarom.
Introductie in HTML met aandacht voor populariteit van deze "taal" en enkele basis kenmerken.
 2.3 Test: wat kan je wel en niet met HTML?

Lesson

 Introduction to HTML5 (Part 2)
3. HTML - de basis
5. Website ontwikkeling - HTML - CSS template
 5.1 Opdracht: zoek gratis html - css template en installeer

Zoek op internet naar "free html css template" - kies een mooie uit, download de template en plaats deze binnen een folder op je computer en open de index.html file in je browser. Stuur de download url of de url van de webpagina waar je de template hebt gevonden ter beoordeling toe.

 5.2 Opdracht: plaats je HTML - CSS website template op een externe server onder domeinnaam.

Plaats de template uit opdracht 5.1 op een folder op een server zodat de website via internet te benaderen is via een domeinnaam. Iedere student is ingedeeld in een groep en elke groep heeft een domeinnaam en hosting ruimte gekregen. Plaats je persoonlijke website binnen een subfolder met jou naam op de server zodat je persoonlijk website te vinden is via groepskleur.studenten.ga/jounaam. Stuur deze URL ter beoordeling toe.

6. HTML editors
 6.1 Opdracht: onderzoek welke (soorten) html editors er zijn

Op internet ga je op zoek naar beschikbare html editors.

 6.2 Overzicht html - editors

Mijn overzicht wat betreft HTML en CSS editors.

 6.3 Opdracht: maak een schema met daarin een overzicht van de functionaliteiten van verschillende HTML editors.

Zoals we hebben gezien in de les zijn er nogal wat verschillende HTML editors. Er zijn veel overeenkomsten maar er zijn ook verschillen. De opdracht is dat je de overeenkomsten en de verschillen tussen de verschillende editors duidelijk weergeeft in schema. Vervolgens maak je zelf een keus kan je die keuze toelichten aan de hand van het schema.

8. Website ontwikkeling met HTML en CSS
 8.3 Opdracht: Software voor website ontwikkeling
 8.4 Validatie

Leer de mogelijkheden van W3 validatie van je HTML en CSS code.

10. Publiceren op het WEB, FTP en hosting
Certificaat basis kennis Webdevelopment en HTML

Contact informatie

Samen met ons een MKB of ZZP website pakket samenstellen?

Kom dan langs op ons kantoor in Wageningen.

Spiderman Webdesign - dewebmeester.nl

Hanenhof

Costerweg 1D

6702AA, Wageningen

Tel.: 085 888 58 69

Schrijf u in voor de maandelijkse nieuwsbrief

Schrijf u in voor de nieuwsbrief en ontvang elke maand een gratis tool, software of webcontent en blijf op de hoogte wat betreft ontwikkelingen binnen MKB wat betreft websites en applicaties.

Door in te schrijven stemt u in met ons
Privacy beleid.
HTTPS, SSL en GDPR (AVG)

Is uw website al beveiligd met een SSL certificaat? Kunnen uw bezoekers uw website vertrouwen? Zorg dat uw website zonder fouten zichtbaar is via https en laat dit regelen voor 40 euro per website door dewebmeester.nl
GDPR proof? Privacy reglement en cookie meldingen geïntegreerd in uw website? Laat ook dit regelen door dewebmeester.nl

ssl secure website