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

Pitbul 2008 2

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