Blog sweet blog 23 september 2013 – instructiecollege – SRP propedeuse CMD.

Presentatie over: "Blog sweet blog 23 september 2013 – instructiecollege – SRP propedeuse CMD."— Transcript van de presentatie:

1 blog sweet blog 23 september 2013 – instructiecollege – SRP propedeuse CMD

2 korte geschiedenis 17 december 1997: ‘weblog’

3

4 Bekijk - http://web.archive.org/ The Internet Archive Wayback Machine Een archief met internetpagina’s vanaf 1996. Hier kun je oude sites die niet meer werken of niet meer bestaan (deels) bekijken. zoek robotwisdom.com

5 Een weblog is van oorsprong een lijstje links, een soort logboek dat je bijhoudt als je op het web surft. ‘een linktip met een stukje tekst’

6 Blogplatform: waarom Wordpress? http://player.vimeo.com/video/74035683 (of zie meneersimmering.nl)

7 –Maak een account aan. Sign up. [Get Started] –Check email, complete registration. –Set up blog (kies Engels). –Choose theme (je kunt later altijd nog een ander theme kiezen). –Customize theme (of sla deze stap over, kan later ook). –Je kunt de volgende stappen (Share) en (First post) even overslaan. –[Finish] Je hebt een blog. Typ in een browseradresbalk de url van je blog: jenaam.wordpress.com (in mijn geval http://blogsw33tblog.wordpress.com)http://blogsw33tblog.wordpress.com Ga naar http://wordpress.com voor proefblog

8 –Open het dashboard –Schrijf je First Post [Posts, Add new] of gebruik dummytekst –Publiceer –Bekijk in browser het resultaat –Ga terug naar dashboard –Verander een woord in je post [All posts, Edit, verander iets, Update] Exploreer alle opties onder [Appearance] in het linkermenu Nb. Dit is bedoeld om 10 minuten te oefenen met het CMS, je blog hoeft er niet meteen perfect uit te zien, werk eventueel met fake-content. Je blog: naam.wordpress.com Beheer: naam.wordpress.com/wp-admin faketekst.nl Ga naar http://jenaam.wordpress.com/wp-admin

9 Anatomie van een weblog Header Body Footer Sidebar(s) Posts vs. Pages –about –contact –(archief) –(sitemap) –(links) –(colofon) –………….. inhoud verandert niet zo vaak

10 –Maak een aantal Pages aan –Customize Links (zet er eigen urls in) –Voeg een Widget toe aan je blog (bijvoorbeeld de blogroll) Nb. Dit Is bedoeld om te oefenen met het CMS (je kunt alles later veranderen) Pages, Links, Widgets

11 Anatomie van een weblog –about –contact –colofon –(custom) links –categories –home Menu (navigatie) pages Posts vs. Pages –about –contact –(archief) –(sitemap) –(links) –(colofon) –………….. Header Body Footer Sidebar(s)

12 –Maak een nieuw menu [Appearance, Menus] –Voeg enkele Pages toe die je eerder hebt gecreëerd –Geef menu naam en Save –Bekijk resultaat –Ga naar je ‘eigen’ zojuist gemaakte menu –Verander de volgorde van menu-items –Bekijk het resultaat –Maak een nieuwe Page aan –Voeg die Page toe aan je menu Nb. Dit is bedoeld om te oefenen met het CMS (je kunt alles later veranderen) Menu

13 –Ga naar settings –Blader door de opties –Kijk of je dingen aan of uit wil zetten, of wil veranderen Settings

14 Anatomie van een blogpost Header Body post(s) Footer Sidebar(s) Post –title –permalink –categorie –tags –………….. Januari Februari etc. Archives ‘friendly urls’ Categorie 1 Categorie 2 etc. Categories Recente post etc. Recent posts functionaliteit kan via widgets toegevoegd worden (vaak in sidebar(s) of footer)

15 –Maak een nieuwe post –Geef een titel –Verander de permalink van de post –Voeg beschrijvende tags toe (vindbaarheid) –Voeg een nieuwe categorie toe voor de post (geef treffende naam) –Maak een woord bold of italic –Kijk onder ‘text’, daar vind je de html-code van wat je zojuist deed –Voeg een link toe, in de html-code Post

16 –Maak een nieuwe Post –Geef een Titel –Voeg Media toe (upload een plaatje in de Media Library) –Voeg meteen beschrijvingen toe: Title, Caption, Alt text, Description –Voeg een (uitgaande) link toe aan het plaatje –Kies de Size –Publiceer de Post. Zorg dat deze Post de allereerste post in je blog wordt (hint: edit tijdstip ‘published on’) Media

17 http://wordpress.org/support/topic/importance-of-image-fieldstitle-description-caption Media Library Item (image) Title: primarily for back end use, this holds the name of your image. Giving each each a human-readable title may pay dividends when your Media Library is much larger. Caption: A very short description of the image which will be displayed on the public site. Alt Txt: should provide a text alternative if the image contains information. This alternative will be used if a visitor cannot access, or see, your images. If the image is purely decorative, you don't need to complete this field. Description: A longer image description. Often displayed when you use a thumbnail to link to a larger image.

18 http://learn.wordpress.com

19 Keuze die je moet maken voor jouw blog wordpress.com (beperkte mogelijkheden, gratis) - of - Hosting bij provider (eigen serverspace, eigen domeinnaam, customizen, meer controle, editor voor CSS/Html/Javascript, FTP, mail) (kost je wel geld)

20 Als je kiest voor hosting bij een externe provider zorg dan dat het pakket in ieder geval PHP en MySQL bevat, dus geschikt is voor Wordpress. greenhost.nl (tiny, 4,50 p/m, domeinnaam 1e jr gratis) yourhosting.nl keurigonline.nl (1 euro p/m) mijndomein.nl (49 euro p/jaar) Of jij beschikt zelf misschien al over serverruimte ergens… Doe dit alleen als je het interessant vindt om alles te kunnen customizen, de broncode zelf te kunnen aanpassen (css/javascript/html, en een eigen domeinnaam/mail/FTP wilt hebben voor je blog Moet dit? Nee. Als het je bij het StudieRegiePunt enkel om content publiceren te doen is, kun je volstaan met het gratis jouwblog.wordpress.com. Je kunt dan wel weinig aanpassen in je blog qua (eigen) domeinnaam / design / css / zelf plugins installeren / werken met de editor etc. Je kunt ook nu gratis starten op jouwnaam.wordpress.com en in de tweede helft van het jaar erover nadenken (mocht je de smaak te pakken krijgen).

21 Blog Sweet Blog Zet in je agenda Huiswerk -Maak deelopdracht 1 (identiteit en opzet blog) -Blader door je lesmateriaal (Gij zult bloggen) -Presentatie voorbereiden -Irma url van blog mailen (i.driessen@hva.nl) 14 oktober: korte presentatie van je blog aan elkaar (deelopdracht 1) okt/nov: bloggen + individuele voortgangsafspraak met Irma nov/dec: bloggen + eindpresentatie + afronding/beoordeling/feedback

22 irmadriessen.nl/log/category/blog-sweet-blog/