Blogolási alapok, weboldal típusok, blogger attitűdök, blogok 2013-ban, a bérbloggerek térnyerése. Weboldalszerkesztési irányelvek, negatív példák, szokásjog weben, forgalomterelés, creative commons, jogi alapok. Wordpress bejegyzés és oldal létrehozása, szerkesztése.

1. Informatika #3
ELTE PPK ESI
Mázsás István
SSZB-114
2013.09.26.

2. A mai óra témái
●
●
●
●
●
●
téma
weboldal típusok
a blog szerepe
weboldal szerkesztési elvek
forgalom növelése weben
hf

3. Adott a téma
Ki miről vezet majd blogot?
kép forrása: http://vallalkozasiotletek.com/wp-content/uploads/2013/09/blog.jpg

4. weboldal típusok
Tartalomkezelés szerint
● statikus, állandó
● dinamikus, változó
Programozási rendszer szerint
● normál html (shtml, xhtml)
● programozott pl: php
● flash
Készítés módja
● saját fejlesztés
● minták átdolgozása
● sablon, keretrendszer használata

5. Mire jó a blog?
?

6. Szinte bármire :)
Köszönöm a figyelmet!
Innen folytatjuk
jövő héten…
kép forrása: http://2.bp.blogspot.com/_irWjshCRmds/TSqg22GmY2I/AAAAAAAAA7Q/Vi6prcZO5SM/s1600/Respect.jpg

7. A Blog világa
●
●
●
●
●
●
●
77% olvas blogot
a nők aktívabbak
minden téma érdekes
kkv +123% forgalom
82% vásárlás előtt
írásterápia
jelentős média
http://www.digitalhungary.hu/uploads/articles/5/489/lead_original.jpg

8. szerkesztési irányelvek
● releváns tartalom (az olvasóért készüljön)
● ergonómia
○ áttekinthető
○ könnyen navigálható
○ webre tördelt tartalom
● felhasználói élmény - UX
○ harmonikus színvilág
○ szövegen legyen a hangsúly
○ a médiák illeszkedjenek a tartalomhoz
● szabványos (html, css)
● naprakész adatok
● gyors betöltődés
● eszközfüggetlen

9. Így ne!
●
●
●
●
●
●
●
induló zene, videó
beköszönő, köszöntés
harsány színek
olvashatatlan betűtípus
offline tördelés
minden újdonság felvonultatása
túlzsúfolt megjelenés

10. A szokás nagy Úr...
●
●
●
●
●
●
●
●
●
●
jobb felső egyedi logó (home)
felső, jobb oldali menü
rovatok, tagek
beszédes cím
publikálás dátuma, szerző neve / nickje
impresszum, elérhetőség
egyértelmű elnevezések
kereső mező
felismerhető reklám
könnyen emészthető tördelés

11. jogtiszta anyagok!
Röviden: Ne schmidttelj!
Minden esetben
tűntesd fel a forrást
és próbálj olyan
tartalmat felhasználni,
amihez a szerző
hozzájárulását adta!
kép forrása: http://alfahir.hu/sites/barikad.hu/files/2013/03/pal_1.jpg

12. Forgalomgenerálás
●
●
●
●
●
●
●
●
érdekes, könnyen emészthető tartalom
rendszeres frissülés, bővülés
analítika
SEO
SMO
UX
ergonómia
elkötelezett közösség, olvasótábor, rajongók

13. Wordpress bejegyzés, oldal
Házi feladat jövő órára <pdf>
kép forrása: http://inchoo.net/wp-content/uploads/2009/05/wordpress-admin.png

14. Összefoglaló
●
●
●
●
●
téma kiválasztása
blogok szerepe
weboldalkészítés alapjai
jó és roszz példák
hf
Írjunk valamit a mai alkalomról a hajónaplóba!
-o-

15. Mi várható jövő héten?
● Wordpress admin felület
● bejegyzés létrehozása
● oldal szerkesztése

16. Mit viszel haza a mai óráról?

17. Köszönöm a figyelmet
kép forrása: http://fc01.deviantart.net/fs70/i/2012/076/6/3/that__s_all_folks__by_derplight-d4t2mdx.png