Your SlideShare is downloading. ×
0
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Pitbul 2008 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Pitbul 2008 2

291

Published on

Slajdy z Praktika internetové tvorby 2

Slajdy z Praktika internetové tvorby 2

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
291
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1.  
  • 2.  
  • 3.  
  • 4.  
  • 5.  
  • 6.  
  • 7.  
  • 8.  
  • 9. Opakování: „skenovatelný“ text <ul><li>Využívat titulky, mezititulky atd. </li></ul><ul><li>Tučně </li></ul><ul><ul><li>Důležitá slova, jména </li></ul></ul><ul><li>Kurzíva </li></ul><ul><ul><li>Citace, názvy děl, … </li></ul></ul><ul><li>Odstavce </li></ul><ul><ul><li>Jedno téma = jeden odstavec. Ne moc dlouhé </li></ul></ul><ul><li>Odrážky </li></ul><ul><li>Odkazy </li></ul><ul><li>Barvy </li></ul><ul><ul><li>výjimečně, ne modrou </li></ul></ul><ul><li>Členění na víc stránek </li></ul>
  • 10. Opakování: 10 tipů pro dobr ý text <ul><li>Text je rozhodující </li></ul><ul><li>Pište stručně </li></ul><ul><li>Používejte výstižné titulky </li></ul><ul><li>Dělejte krátké odstavce s řádkovou mezerou </li></ul><ul><li>Čleňte text do boxů a výčtů </li></ul><ul><li>Používejte ztučnění </li></ul><ul><li>Používejte kurzívu </li></ul><ul><li>Nestřídejte divoce fonty a barvy </li></ul><ul><li>Používejte hypertextové odkazy </li></ul><ul><li>Vymýšlejte desatera </li></ul>
  • 11. Opakování: Titulky
  • 12. 2
  • 13. Napsáním textu to nekončí <ul><li>Multimedialita </li></ul><ul><li>Diskuse pod článkem </li></ul><ul><li>Diskuse mimo server (blogy) </li></ul><ul><li>Komunitní servery </li></ul>
  • 14. Komunitní servery <ul><li>Digg.com </li></ul><ul><li>Reddit.com </li></ul><ul><li>Mixx.com </li></ul><ul><li>Yahoo! Buzz </li></ul><ul><li>StumbleUpon </li></ul><ul><li>Linkuj.cz </li></ul><ul><li>Vybrali.sme.sk </li></ul><ul><li>Del.icio.us </li></ul><ul><li>Jagg.cz </li></ul>
  • 15. Co máme umět
  • 16. Co se od online žurnalisty očekává? <ul><li>94.9% Multitasking </li></ul><ul><li>94.9% Cit pro detail </li></ul><ul><li>94.9% Komunika ční schopnosti </li></ul><ul><li>94.9 % Schopnost pracovat pod časovým tlakem </li></ul><ul><li>84.8 % Povědomí o nových technologiích </li></ul><ul><li>84.8 % T ýmová práce </li></ul><ul><li>80.3 % Schopnost u čit se novým technologiím </li></ul><ul><li>57.8 % Kultivovat online komunitu [trend] </li></ul><ul><li>55.6% Rozum ět obchodní stránce </li></ul><ul><li>51 % Pracovat s čtenářskými příspěvky [trend] </li></ul>
  • 17. Co se od online žurnalisty očekává #2 <ul><li>88.4 % Cit pro zprávu </li></ul><ul><li>81.3% Jazyk a styl </li></ul><ul><li>76.3 % Umět psát dobré titulky </li></ul><ul><li>64.1 % Zkracovat a spojovat články </li></ul><ul><li>64.1 % Um ět psát dobré perexy </li></ul>
  • 18. Co se od online žurnalisty očekává #3 <ul><li>72.7% Um ět pracovat s publikačním systémem </li></ul><ul><li>71.7 % znalost HTML </li></ul><ul><li>55.6% ovládání Photoshop u </li></ul><ul><li>44.4% Pou žitelnost webu </li></ul><ul><li>38.4 % Dreamweaver </li></ul><ul><li>37.9% Web design </li></ul><ul><li>32.8% Anal ýza návštěvnosti </li></ul><ul><li>26.8 % Pr áce s multimédii </li></ul><ul><li>23.2 % CSS </li></ul><ul><li>15.7% skriptovac í jazyky </li></ul><ul><li>14.6 % Flash </li></ul><ul><li>14.6% Práce s databázemi </li></ul><ul><li>13.6 % Javascript </li></ul>
  • 19. Tolarová zkouška <ul><li>Neumí popsat příběh </li></ul><ul><li>Neumí používat citace </li></ul><ul><li>Používá Komplikované věty </li></ul><ul><li>Přebírá odborné výrazy z tiskovek </li></ul><ul><li>Nadšený z plamenných projevů politiků </li></ul><ul><li>Kopíruje nelogické informace </li></ul><ul><li>Gramatika! </li></ul><ul><li>Neumí vytáhnout to důležité </li></ul><ul><li>Neumí titulky </li></ul>
  • 20. Co dělá online žurnalista
  • 21. Co dělá online žurnalista <ul><li>Práce s agenturními zprávami </li></ul><ul><ul><li>překlápění x rozvíjení x inspirace </li></ul></ul><ul><li>Aktualizace článků z deníku </li></ul><ul><li>Vlastní články </li></ul><ul><li>Reportáže během zvláštních události </li></ul><ul><ul><li>Povodně </li></ul></ul><ul><ul><li>Velké sjezdy (MMF) </li></ul></ul><ul><ul><li>Sportovní online přenosy </li></ul></ul>
  • 22. Co dělá online žurnalista 2 <ul><li>Vymýšlí ankety </li></ul><ul><li>Moderuje diskuse </li></ul><ul><li>Stará se o chaty s osobnostmi </li></ul><ul><li>Speciály </li></ul><ul><li>Slideshow / audio / foto </li></ul><ul><li>e-mail newslettery, SMS </li></ul><ul><li>nenovinářské texty </li></ul>
  • 23. Konvergence médií <ul><li>Není žádné „internet x tisk“ </li></ul><ul><li>Jsou jen mediální organizace, které touží po silné přítomnosti ve všech médiích </li></ul><ul><li>Je jedno, jestli jakékoli médium umře </li></ul>
  • 24. HTML v kostce <ul><li><html> - dokument začíná </li></ul><ul><li><head> - metadata začínají </li></ul><ul><li>... </li></ul><ul><li></head> - metadata končí </li></ul><ul><li><body> - „tvrdý“ obsah webu začíná </li></ul><ul><li>... </li></ul><ul><li></body> - „tvrdý“ obsah webu končí </li></ul><ul><li></html> - dokument končí </li></ul>
  • 25. HTML v mikro-kostce <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> Má krásná webová stránka </title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><ul><li><h1> Titulek toliko hlavní </h1> </li></ul></ul><ul><ul><li><p> Odstavec s <strong> tučným textem </strong> , s <em> kurzivou </em> . <span style=&quot;color: red;&quot;> Červený text. </span> </li></ul></ul><ul><ul><li></p> </li></ul></ul><ul><li><h2> Nadpis druhé úrovně </h2> </li></ul><ul><li><p>Odstavec s <em><strong> tučnou kurzivou. </strong></em> </li></ul><ul><li><br /> </li></ul><ul><li>Text po zalomení řádku patří do téhož odstavce. </li></ul><ul><li></p> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  • 26. Hlavní HTML tagy <ul><li>Strong, b </li></ul><ul><li>Em, i, cite </li></ul><ul><li>P </li></ul><ul><li>Br </li></ul><ul><li>H1, h2, ... </li></ul><ul><li>Blockquote </li></ul><ul><li>Li </li></ul><ul><li>Ol </li></ul><ul><li>Ul </li></ul><ul><li>A </li></ul><ul><li>Img </li></ul><ul><li>Table </li></ul><ul><li>Tr </li></ul><ul><li>Td </li></ul><ul><li>embed </li></ul><ul><li>Tučně </li></ul><ul><li>Kurzíva </li></ul><ul><li>Odstavec </li></ul><ul><li>Řádka </li></ul><ul><li>Titulek </li></ul><ul><li>Odsazený blok </li></ul><ul><li>Položka seznamu </li></ul><ul><li>Číslovaný seznam </li></ul><ul><li>Odrážkový seznam </li></ul><ul><li>Odkaz </li></ul><ul><li>Obrázek </li></ul><ul><li>Tabulka </li></ul><ul><li>Řádek </li></ul><ul><li>Buňka </li></ul><ul><li>vložení </li></ul>
  • 27. „ Novinářské tagy“ <ul><li>A </li></ul><ul><ul><li><a href=http://www.google.com/>text odka zu </a> </li></ul></ul><ul><li>img </li></ul><ul><ul><li><img src=http://www.google.cz/intl/en_com/images/logo_plain.png”>logo g ůglu </li></ul></ul><ul><li>Embed a spol. </li></ul><ul><ul><li><object width=&quot;425&quot; height=&quot;355&quot;> <param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/4rb8aOzy9t4&quot;></param><param name=&quot;wmode&quot; value=&quot;transparent&quot;></param> <embed src=&quot;http://www.youtube.com/v/4rb8aOzy9t4&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot; width=&quot;425&quot; height=&quot;355&quot;></embed> </object> </li></ul></ul>
  • 28. CSS v nano- kostce <ul><li>V HTML jen jedna řádka v hlavičce: </li></ul><ul><ul><li><link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styly.css&quot;> </li></ul></ul><ul><li>Příklad: </li></ul><ul><li>p    {text-indent: 30px; margin: 0px 0px 0px 0px, } </li></ul><ul><li>a        {text-decoration: none} </li></ul><ul><li>a:link   {color: green} </li></ul><ul><li>a:visited {color: navy} </li></ul><ul><li>a:active {color: black} </li></ul><ul><li>a:hover  {color: red; text-decoration: underline} </li></ul><ul><li>h2     {color: blue; font-style: italic} </li></ul><ul><li>h1    {color: green; text-align: center} </li></ul>
  • 29. Mikroformáty <ul><li><a href=&quot;http://mary.example.com/&quot; rel=&quot;co-worker friend met&quot; >Mary</a> </li></ul><h3> <strong>Internet</strong> <strong>Info</strong>, s.r.o. </h3> <p class=&quot;itAddrLine&quot;>Durychova 101/66, Praha-Lhotka, Praha 4</p> <div class=&quot;vcard&quot;> <div class=&quot;fn org&quot;>Internet Info</div> <div class=&quot;adr&quot;> <div class=&quot;street-address&quot;>Durychova 101/66</div> <span class=&quot;locality&quot;>Praha 4</span> <span class=&quot;country-name&quot;>Czech Republic</span> </div> </div> “ Hloup ý“ zápis „Chytrý zápis“
  • 30.  
  • 31. HTML 5 <ul><li>Dohánění vývoje webu </li></ul><ul><li>Bůhvíkdy (2012?) </li></ul><ul><li>Nové tagy (<footer>, <article>, <dialog>, ...) </li></ul><ul><li>Opuštění starých (strike, center, ...) </li></ul><ul><li>Canvas </li></ul><ul><li>Audio, video, web apps </li></ul>
  • 32. SEO pro novináře <ul><li>Určete a používejte klíčová slova </li></ul><ul><ul><li>Jména osobností, místní názvy </li></ul></ul><ul><ul><li>Oblíbená fráze </li></ul></ul><ul><li>Můžete-li změnit <title> stránky v HTML </li></ul><ul><li>Volte nadpisy H1-H6 </li></ul><ul><li>Zvýrazněte důležitá sdělení < strong > </li></ul><ul><li>Budujte zpětné odkazy </li></ul><ul><ul><li>eticky </li></ul></ul>

×