De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

WordPress les 3. Notepad++ installeren  Notepad++ is een gratis, maar professionele editor  Om teksten te bewerken  Om (programma)code te bewerken.

Verwante presentaties


Presentatie over: "WordPress les 3. Notepad++ installeren  Notepad++ is een gratis, maar professionele editor  Om teksten te bewerken  Om (programma)code te bewerken."— Transcript van de presentatie:

1 WordPress les 3

2 Notepad++ installeren  Notepad++ is een gratis, maar professionele editor  Om teksten te bewerken  Om (programma)code te bewerken  Werkt prima samen met Filezilla  Actie 1: Installeren van Notepad++ vanaf de USB- Disk

3 Filezilla aanpassen  Open Filezilla (het programma, niet de server)  Ga naar Menu | Bewerken | Instellingen  Ga naar Bestandsbewerking in linker paneel  Klik op Bladeren  Zoek:  notepad++.exe  klik op OK.

4 Wat is een blog? (1)  Blog is de afkorting van Weblog  Van oorsprong is het een logboek van dingen die je met name op het web vindt en met anderen wilt delen door het op internet te publiceren.  Beschouw een blog dus als een soort logboek. En een blogbericht is een blaadje uit dat logboek.  Wordpress is niet het eerste, maar tegenwoordig wel het makkelijkste systeem, om weblogs te maken  Lees de informatie over weblogs op WikipediaWikipedia

5 Wat is een blog? (2)  Alles wat je op het WWW publiceert is een website  Eén website kan één of duizenden pagina’s groot zijn  Als je website primair bedoeld is om te bloggen, dan bevat de startpagina van je site een aantal van je meest recente blogberichten  De overige pagina’s van je site kunnen dan ‘vaste’ informatie bevatten

6 Wat is een blog? (3)  Blogberichten bevatten vaak actueel nieuws.  Zo kun je nu.nl eigenlijk ook als een grote blogsite beschouwennu.nl  Dit soort sites noem je meestal nieuwssites  Maar het kan ook een gemengd systeem zijn:  Pvdahouten.nl Pvdahouten.nl  Maar een ‘pure’ blogsite bestaat meestal uit persoonlijker berichten

7 Wat is een blog? (4)  Als je blog- of nieuwsberichten een minder belangrijk onderdeel van je site vormen, en bijvoorbeeld alleen af en toe wat nieuws over je camping vormen, dan spreek je niet meer over bloggen, maar heb je een ‘gewone’ site met blogfunctionaliteit.  Zo wordt onze Campingsite aangevuld met een pagina ‘Het laatste nieuws’.

8 Wat voor site? (TYPE A)  Een Website zonder blog, met alleen ‘statische’ pagina’s  Voorbeeld  webcursus.pc-coach.nl webcursus.pc-coach.nl

9 Wat voor site? (TYPE B)  Een Blogsite met een aantal statische pagina’s  De startpagina bevat de laatste blogberichten  Voorbeeld  De site van Andre KuipersAndre Kuipers

10 Wat voor site? (TYPE C)  Een Website met een blog  De blogberichten staan niet op de startpagina; de startpagina is een statische pagina. De blogberichten staan op een andere pagina  Voorbeeld  Camping de Berken Camping de Berken  De pvdahouten site valt tussen B en C in

11 WordPress biedt aan!  Een systeem om bloginhoud te maken (Berichten) type B  Een systeem om pagina-inhoud te maken (Pagina’s) Type A  Een systeem om A en B te combineren (Berichten en Pagina’s) type C  Een uitbreidingssysteem om ‘Custom Posts’ te maken; bijvoorbeeld in een webshop: pagina’s speciaal voor produktbeschrijvingen.

12 Instellen (1)  WordPress staat standaard zo ingesteld dat de voorpagina de meest recente blogberichten laat zien  Ofwel WordPress maakt standaard een Type B site  Om WordPress een ander soort voorpagina te laten zien moet je twee pagina’s maken:  Een voorpagina met je eigen inhoud (Meestal Home of Welkom)  Een lege pagina voor je eventuele blogberichten (bijvoorbeeld Blog of Nieuws genoemd.

13 Instellen (2)  Onze Campingsite wordt een Website met een blog  Je stelt dat in bij Dashboard Instellingen | Lezen

14 Een pagina maken: De editor (1)  De Editor heet TinyMCE  De knoppen en de balken van de editor  WYSIWYG vs TEKST (HTML)  (What You See Is What You Get)  Grootte

15 Oefening (a)  Klik op nieuwe pagina in de backend van de website  Open vanaf je USB-disk het bestand OefeningWYSIWYG.docx  Kopieer in Word de tekst van de eerste pagina  Plak de tekst in je nieuwe pagina op de site  Geef de pagina de titel Camping  Sla op en bekijk

16 Oefening (b)  Klik op pagina bewerken in de backend van de website (of op de pagina zelf. Sneller!)  Maak koppen voor  U vindt op Camping de Berken:  Speciaal voor uw kinderen  Maak de twee bolletjeslijsten

17 Importeren van Word  Vaak gaat er van alles mis bij het kopieren vanuit Word.  Een demonstratie

18 Een pagina maken: De editor (2)  Andere editor: beter en duidelijker om te gebruiken:  overzichtelijker HTML  Meer mogelijkheden  Advanced TinyMCE als plugin installeren  Advanced TinyMCE aanpassen  Je kunt ook (op je testsite!) experimenteren met de CKEditor  Beide goed, beide vereisen wat aanpassingen

19 Oefening (c)  Onze camping heet de Hazelaar en niet de Berken  Ga naar Camping, pagina bewerken  Klik op het knopje zoeken (de verrekijker)  Klik op Tabblad Replace (vervangen)  Vervang Berken door Hazelaar  Er vinden 3 vervangingen plaats

20 Tot slot 1. Het is NIET de bedoeling je pagina eerst ‘mooi’ te maken in Word. Integendeel 2. Het is NIET de bedoeling met je WYSIWYG-editor je hele webpagina mooi op te maken 3. Je TinyMCE is ervoor om een stuk inhoud gestructureerd op te slaan. (koppen, alinea’s, lijsten, afbeeldingen, benadrukken van woorden, links, e.d. 4. Het gebruikte thema in Wordpress moet daar iets moois van maken


Download ppt "WordPress les 3. Notepad++ installeren  Notepad++ is een gratis, maar professionele editor  Om teksten te bewerken  Om (programma)code te bewerken."

Verwante presentaties


Ads door Google