Websites en accounts

1. Websites en accounts

2. Opsomming van mijn websites: Vier categorieën: • Websites op mijn local host, alleen zichtbaar op mijn eigen computer • Websites op internet bij mijn hosting providers • Websites op internet bij WordPress.com • Een ooit begonnen blog op http://blogger.com

3. Websites op mijn localhost (XAMPP) • http://localhost/wp • De site die we in de cursus maken • http://localhost/wptest • Een site waarmee ik dingen van WordPress uitprobeer • http://localhost/drupal • Een site waarmee ik oefen met het CMS Drupal • http://localhost/concrete • Een site waarmee ik oefen met het CMS Concrete • En vaak heb ik nog meer van dit soort tijdelijke sites

4. Websites op mijn localhost (XAMPP) • Al deze sites draaien op de Webserver die door XAMPP wordt gemaakt, met Apache als hoofdonderdeel • Die webserver heet localhost • Dat werkt alleen op mijn eigen computer • Bedoeling: oefenen, uitproberen, een site maken om later echt op internet te zetten, e.d.

5. Het adres van de site op localhost http://localhost/wptest De naam van de map (in C:\xampp\htdocs) waarin de bestanden van deze site staan De aanroep voor een webpagina De naam van de server (Geen www. ervoor: de site staat niet op het internet!)

6. De naamvan de site op localhost Het adres van de site De naam van de site De naam van de site Het adres en naam van de site zijn onafhankelijk van elkaar!

7. internetprovider vs hosting provider • Een hosting provider is iets anders dan je internetprovider (Officieel: internet Service Provider) • Bij je internet provider (ISP) (casema, ziggo, planet, xs4all, upc, etc) heb je een abonnement met daarin: • Toegang tot het WWW • Toegang tot mail • Mogelijkheid van FTP (bestanden overbrengen) • Je betaalt voor toegang, snelheid en hoeveelheid data

8. (Tussenopmerking over e-mail) • E-mail kan via je ISP verlopen, je hebt dan een e-mail adres als piet@casema.nl, joop@ziggo.nl e.d. • E-mail kan ook via Webdiensten als gmail.com (van Google) of hotmail.com of live.nl of outlook.com (alle van Microsoft) • PS. Als iemand zegt ik gebruik outlook als e-mailprogramma, dan weet je niet wat hij/zij precies bedoelt!

9. De hosting provider • Om een website op internet te zetten is • een hosting provider noodzakelijken • een domeinnaam • De hosting provider heeft een directe of snelle verbinding met interneten kan je domeinnaam regelen • De hosting provider heeft opslagruimte voor de bestanden van je site • De hosting provider biedt minimaal een webserver aan (en eigenlijk altijd nog wel meer dingen)

10. Mijn twee hosting providers • http://www.bhosted.nl (standaard, prima hosting provider) • http://www.e-creative.nl (PHP en ASP) (microsoft)provider (erg goedkoop, niet zo goed)

11. Hosting Provider Bhosted (1) • Bij Bhosted heb ik vier domeinen • www.pc-coach.nl (mijn ‘werksite’) en daaronder vier gratissubdomeinen: • excel.pc-coach.nl • modx.pc-coach.nl • webcursus.pc-coach.nl • office.pc-coach.nl (een HTML-site van 1 pagina) • www.coachinginchange.nl (de werksite van mijn vrouw) • www.vdbweb.nl (een extra experimenteerdomein) • En ook nog www.pvdahouten.nl

12. Hosting Provider Bhosted (2) • Voor de vier domeinnamen • www.pc-coach.nl • www.coachinginchange.nl • www.vdbweb.nl • www.pvdahouten.nl • betaal ik jaarlijks per domeinnaam 15 euro o.i.d. • Deze domeinen zijn opgenomen in twee accounts, waar ik betaal voor opslag, datagebruik en functionaliteit (o.a. MYSQL databases) Account1 Account2

13. Hosting Provider E-creative • Bij e-creativeheb ik één domein • www.pc-coach.info (om te experimenteren met Microsoft webserver) • Voor de domeinnaam www.pc-coach.info betaal ik jaarlijks een bedrag (12 euro o.i.d.) (.info is goedkoper) • Verder betaal ik voor opslag en functionaliteit (o.a. MYSQL en andere databases en ASP. • Kosten: veel minder dan bij Bhosted, maar ook veel minder betrouwbaarheid

14. Hostingaccount + Domeinnaam = Website • In elk van de domeinen of subdomeinen die ik heb, kan ik een website maken, bijvoorbeeld: • Een ouderwetse HTML site zoals office.pc-coach.nl • Een CMS site, gemaakt met b.v. Wordpress, Drupal, Joomla, Contao, etc. • Essentie: • Ik kan een WordPress site van mijn localhost overzetten naar een van mijn domeinen, mits ik bij bijvoorbeeld bij het domein http://webcursus.pc-coach.nl eerst WordPress installeer

15. Vergelijk nog eens: Het adres van de site op localhost http://localhost/wptest De naam van de map (in C:\xampp\htdocs) waarin de bestanden van mijn site staan De aanroep voor een webpagina De naam van de server (Geen www. ervoor: de site staat niet op het internet!)

16. Vergelijk: Het adres van de site bij Bhosted http://www.pc-coach.nl http://webcursus.pc-coach.nl De aanroep voor een webpagina De naam van het domein De naam van het subdomein Geen www. ervoor bij subdomeinen! De aanroep voor een webpagina

17. WordPress • WordPress kan op alles wat je tot nu toe gezien hebt, geïnstalleerd worden • Je hebt dan de volledige vrijheid over hoe je WordPress behandelt en wat je ermee wilt doen, en wat voor soort site je wilt maken en welke plugins en thema’s je wilt gebruiken • En als je de (programmeer)code van WordPress wilt veranderen, kan dat ook. • WordPress is Open Source Software • WordPress verkrijg je bij WordPress.org

18. WordPress.com (1) • WordPress.com is een website die als server dient voor Wordpress sites • Een soort hosting provider dus, maar dan gratis en alleen geschikt voor WordPress • Vooral geschikt voor echte blogs en minder voor echte websites • Vergelijkbaar met http://blogger.com (van google) waar je ook zelf je blogs kunt maken. • Voor blogger.com is een gmail-account voldoende

19. WordPress.com (2) • In WordPress.com kun je gratis websites maken. • Maar er zijn nadelen: • Beperkte thema-mogelijkheden (weinig thema’s, beperkt aanpasbaar) • Geen extra plugins • Geen aanpassingen in code of opmaak mogelijk • Vooral geschikt voor echte blogsites als (tijdelijke) reisverslagen, actueel onderwerp e.d • Overigens krijg je meer mogelijkheden als je betaalt

20. Het adres van de site op wordpress.com http://domeinnaam.wordpress.com De aanroep voor een webpagina De naam van het door jou gekozen subdomein De naam van de server

21. Waarom WordPress.com in deze cursus • Om wat vingeroefeningen te doen met WordPress • Om je een alternatief te tonen • Om je een experimentenbasis te geven • Om op een gegeven moment blogberichten te gaan maken waarop de andere cursisten gaan reageren

22. De chaos van inlognamen- en wacht-woorden • Inlognaam = gebruikersnaam = user name • Wachtwoord = password • Op de volgende pagina zie je wat je nodig hebt bij de verschillende WordPress installaties. • Gebruik altijd bij je eigen sites veilige inlognamen en sterke wachtwoorden. • En noteer die ergens!

23. Situatie 1 Localhost met XAMPP • Dit is de meest complexe, omdat XAMPP op zich zelf, maar ook de onderdelen ervan, beveiligd zijn. • XAMPP Control Panel moet aanstaan met Apache, MySQL en Filezilla • Wat heb je allemaal van een wachtwoord en gebruikersnaam voorzien? • We gaan hier uit van voor iedere cursist identieke inlognamen en wachtwoorden

24. Localhost overzicht, tijdens de cursus!

25. Situatie 2 Hosting Provider

26. Situatie 3 WordPress.com overzicht Een wordpress.com account is altijd gekoppeld aan een geldig email-adres. Dat kan problemen opleveren als je onzorgvuldig een wordpress.com account aanmaakt Je kunt altijd in WordPress.com komen via http://wordpress.com/signup

27. Noteer al je inlognamen en wachtwoorden meteen en bewaar die op een plaats waar je het terug kunt vinden!