BBL Week 7 - XAMPP en installatie

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 2

Kennismakingsronde

• Terugblik html, css en javascript
• Introductie cms - Wordpress
  
• Installatie XAMPP
• Korte introductie PHP
  

Doelen

Hoe schat je jouw kennis in om een eenvoudige website met html en css te maken?

010

Kennismakingsronde

• Software om websites te maken
• HTML, CSS zijn de standaardtalen die een browser begrijpt
• Bij CMS hoef je niets te weten van html en css
  
• Hoe kan dat?
• Wat doet een cms eigenlijk?

Content Management System (CMS)

Met een cms kan je een website maken zonder dat je iets hoeft te weten van html en css.
Een website bestaat altijd uit html en css?
Hoe doet een cms dat dan???

Als je het antwoord niet weet: Wat zou je dan willen leren/weten over een cms?

Kennismakingsronde

• Webserver (apache)
• Databaseserver (Mysql)
• PHP
• Als stack - xampp met een control panel
  
  

Wordpress lokaal installeren

Kennismakingsronde

Download en installeer:

• https://www.apachefriends.org/download.html
  

XAMPP installeren

Kennismakingsronde

• http://localhost in de browser
• Verwijst naar de map htdocs
• Zoekt naar index.php of index.html
  
• demo
  

XAMPP

Kennismakingsronde

• Programmeertaal
• Speciaal voor het web ontwikkeld
• Draait op de server
• Extensie .php
• functie -> html genereren!
  

PHP

Kennismakingsronde

• Content Management System
• Open source
• Meest populair
• Oorspronkelijk voor blogs
  

Wordpress

Kennismakingsronde

• nl.wordpress.org
  
• uitpakken als map in de htdocs map en hernoemen naar site naam, bijvoorbeeld : c:\xampp\htdocs\sportive
  
• in de browser benaderbaar als http://localhost/sportive

Wordpress installatie

Kennismakingsronde

• installatie starten via browser bij http://localhost/sportive
  
• database aanmaken via mysql admin (phpmyadmin)
  
• database gebruiker aanmaken voor database (systeemgebruiker!)
• database gegevens invoeren in de installatiestap
  
• beheerder account aanmaken(wordpress gebruiker)

Wordpress installatiestappen

Kennismakingsronde

Download en installeer Wordpress:

• nl.wordpress.org
  
• map een website sportive aan
  
• Doorloop de stappen database, databasegebruiker, beheerder account

Wordpress installeren

Evaluatie - noem drie dingen die nieuw waren voor jou en die je in deze les hebt geleerd

Kennismakingsronde

Introductie cms - Wordpress

• Installatie XAMPP
• Korte introductie PHP

Volgende week

Installatie Wordpress

Terug- en vooruitblik