Download - blog sweet blog 23 september 2013 – instructiecollege – SRP propedeuse CMD

Transcript
Page 1: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

blog sweet blog23 september 2013 – instructiecollege – SRP propedeuse CMD

Page 2: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

korte geschiedenis

17 december 1997: ‘weblog’

Page 3: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD
Page 4: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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

Page 5: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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’

Page 6: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

Blogplatform: waarom Wordpress?

http://player.vimeo.com/video/74035683(of zie meneersimmering.nl)

Page 7: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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)

Ga naar http://wordpress.com voor proefblog

Page 8: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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.comBeheer: naam.wordpress.com/wp-admin

faketekst.nl

Ga naar http://jenaam.wordpress.com/wp-admin

Page 9: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

Anatomie van een weblog

HeaderBodyFooterSidebar(s)

Posts vs. Pages

– about– contact– (archief)– (sitemap)– (links)– (colofon)– …………..

inhoud verandert niet zo vaak

Page 10: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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

Page 11: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

Anatomie van een weblog

– about– contact– colofon

– (custom) links– categories– home

Menu (navigatie)

page

s

Posts vs. Pages

– about– contact– (archief)– (sitemap)– (links)– (colofon)– …………..

HeaderBodyFooterSidebar(s)

Page 12: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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

Page 13: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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

Settings

Page 14: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

Anatomie van een blogpost

HeaderBody• post(s)FooterSidebar(s)

Post

– title– permalink– categorie– tags– …………..

JanuariFebruarietc.

Archives

‘friendly urls’

Categorie 1Categorie 2etc.

Categories

Recente postRecente postetc.

Recent posts

functionaliteit kan via widgets toegevoegd worden(vaak in sidebar(s) of footer)

Page 15: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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

Page 16: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

– 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

Page 17: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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.

Page 18: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

http://learn.wordpress.com

Page 19: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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)

Page 20: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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.nlkeurigonline.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).

Page 21: blog  sweet blog 23  september  2013 –  instructiecollege  – SRP  propedeuse  CMD

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 ([email protected])

• 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