Groep 8 - Introductie web site maken

We gaan een eenvoudige website maken en gebruiken Notepad en de Chrome browser.

We gaan kennis maken met de technieken HTML, JavaScript en CSS.

We leren wat een variabele in een programmeertaal is.

Intro

Intro en voorbeeld van wat we gaan maken.

 

Uitleg variabele.

 

Aan de slag (eerst individueel en dan je buurman/vrouw helpen).

Voorbereiding

Maak nieuw bestand op desktop, site.txt en verander naam in site.html  -> hoe op een Chromebook??

HTML

HTML boilerplate (van internet) en eenvoudige Javascript.

Zoek in Google naar HTML Boilerplate (freecodecamp.org)

1. <script>....</script> weghalen.
2. <link> regel weghalen.
3. Bedenk een eigen titel (tussen de <title> en </title>
   
4. In de body: <h2>Welkom op mijn site</h2>

Testen!

Programmeren

Uitleg variabele -> powerpoint analogie met telefoonnummer en doosje.

Java Script

<script>
	$naam = prompt("Hi, hoe heet jij?");
</script>

 

 

Header maken (optioneel)

 

Plaatje downloaden en toevoegen (optioneel)

Zoek in google (plaatjes) met de term cartoon character en Download een plaatje!

CSS en een paar kleuren maken.

 

Afsluiten