« 1 2 »
Autor Zpráva
janbarasek
Profil
Ahoj,
Napsal jsem knížku o HTML5 a na síti Google+ získala stovky "lajků", proto jsem se rozhodl napsat i sem, a třeba se může i někomu hodit.
Stahujte zde:

PDF: http://kniha.baraja.cz/kniha1.pdf
ODT: http://kniha.baraja.cz/kniha1.odt

Je naprosto zdarma, volně šířitelná. Podobně jako všechny práce pod licencí CC. Na oplátku bych od vás čekal nějaký názor na mojí práci formou komentáře pod tento příspěvek.
Ohlasy na Googlu: https://plus.google.com/u/0/105744124991913346982/posts/5dQ5JLdM4em
-----------------
Ještě nesmím zapomenout uvést, že tam mohou být chyby o kterých nevím a proto se předem omlouvám. Sice jsem to celé po sobě několikrát kontroloval, ale stejně.
Některým lidem (kteří mají windows) se zobrazuje ta verze v .ODT špatně, proto tu je i PDF verze.
panther
Profil
janbarasek:
v rychlosti jsem to prolistoval, viděl jsem tam „šikmé závorky“, pak „upgrade na HTML5“ a myslím, že to stačilo.

Je to snaha o shrnutí základů HTML (proč?), změnou doctypu se rozhodně neprovádí „změna jazyka“, jak píšeš.

Dál jsem nekoukal, myslím, že to nemá cenu. Uč se, pak testuj v praxi a pak teprve piš knihy... nenazval bych to ani knihou, spíš souhrnem vlastních poznatků a zápisků.
pcmanik
Profil
janbarasek:
Ta tabulka s vlastnostami prehliadacov, co podporuju by sa hodila aktualizovat, napr. firefox 4 uz davno nieje aktualny
janbarasek
Profil
panther:
Prvních pár stran je stručné vysvětlení, co to HTML vůbec je i pro ty, co si to stáhnou a nevědí to.
Ten Upgrade je spíše jen slovní obrat, chtěl jsem tím naznačit, že jedna z největších změn, která je vidět hned na první pohled je právě změna doctype.
Všechno jsem to právě-že v praxi testovat, fungovalo to. Tak jsem se o to chtěl podělit s ostatními, protože zatím není o HTML5 v češtině žádné ucelené dílo.
Mike8748
Profil
janbarasek:
a je to opravdu tvoje knížka? protože uplně stejné obrázky a často i doslova stejný text je v knížce HTML5: Up and running, autor Mark Pilgrim
ta podobnost je více než nápadná. Pokud si se "inspiroval" v nějaké literatuře (jako že určitě), tak by se slušelo to tam uvést.
shaggy
Profil
janbarasek:
Si robíš srandu, však? Pred pár mesiacmi si sa tu objavil s tvojim webom o programovaní (ak si dobre pamätám), kde sme ti vytýkali, že píšeš o niečom o čom nič nevieš. A teraz ideš písať knihu o HTML?
Ostatní budú k tebe možno zhovievaví, ale ja ti vravím - prestaň robiť veci, ktorými škodíš ostatným. Môže sa k tomu dostať začiatočník, ktorý sa kvôli tebe naučí veľa zlozvykov. Radšej ho odkáž na jpw, obaja vieme, že je to lepší zdroj.

Niektoré nezmysly, ktoré mi udreli do očí:
Každý mi dá za pravdu, že je duležité dobře umět nastavit písmo, barvu a tak.
Zaujímavá skladba vety. Aj ja tak niekedy píšem, ale nedal by som to do "knihy" (alebo dokumentu určeného pre širokú verejnosť).

<font color=“red“>Toto je  červený text</font>
Toto sa tam dostalo omylom, však? Minimálne mi k tomu chýba upozornenie, ako by sa mal "správne" formátovať text.

TIP: Dobré je k obrázkum přidat atribut TITLE a ALT
Ono to nie je len dobré, ale aj povinné - teda hovorím o ALTernatívnom popise obrázku.

Tá kniha je celá plná rozporuplných tvrdení a nezmyslov. Nechápem napríklad, prečo v prvých kapitolách používaš HTML4.01 doctype, keď ďalej používaš už iba <!DOCTYPE HTML> - ako k tomu príde začiatočník? Strašne ho to popletie, bude si myslieť, že je v tom veľký rozdiel a podľa toho to bude používať + ten príklad z prvých stránok mu prepne prehliadače do quirks módu a on nebude vedieť, čo sa stalo.
A tiež nechápem, prečo tam v ďalších kapitolách spomínaš rôzne javascriptové "vychytávky" a knižnice (ako modernizr a pod.), na to, že je text určený začiatočníkom ide o veľký skok na pár stranách.
jenikkozak
Profil
janbarasek:
1) „HTML5 BY Jan Barášek“ (str. 1) Takže you speakuješ taky englishky?
2) „držíte v ruce můj několika měsíční projekt“ (str. 2) Několikaměsíční?
3) „Hned na úvod bych chtěl poznamenat, že kniha obsahuje opravdu mnoho ukázek kódů a hotových
řešení.“ (str. 2) Zmínil bych to raději hned před úvodem, je to velmi důležité.
4) „Pokud se vám nějaká část programu zalíbí, tak si jí můžete rozhodně zkopírovata vložit právě
do vaší webové aplikace.“ (str. 2) Nerozhodné kopírování se provádí pomocí Ctrl + C, doporučuji zařadit návod na rozhodné. Já bych to pak právě chtěl právě vložit do cizí aplikace, právě.
5) „Upozorňuji, že se jedná o prostor výhradně pro testování aplikací a nebo umístění jednoduchých
stránek, rozhodně zde nespouštějte náročné procesy a cyklické scripty.“ Doporučuji příkazy while, for a foreach nekompromisně zablokovat.
6) Nezáleží jen na tom, co sděluješ, ale také na tom, jak to děláš. „všechna komunikace probíhala formou příkazového řádku, který je podobný dnešnímu terminálu u Linuxu a posílali se příkazy.“
7) „Je to na vás příliš složité a dlouhé? Zvykejte si! Zkrátit se to nedá a vaše kódy budou mít jednou i stovky řádků.“ (str. 4) To víš, že dá. Zkrácením doctype, deklarováním kódování, vynecháním nepovinných značek.
8) „Doporučuji zadat optimálně“ Je to optimální, nebo to doporučuješ?
9) „HTML zná už několik desítek, možná stovek značek.“ (str. 5) Což je spočítat?
10) „Většina značek se dá dále rozšiřovat a upřesňovat, ale to je každému snad jasné.“ (str. 5) Neokecávej, nudíš.
Zbytek doplním v časech nudy. :)
Edit.: Doplňovat to nebudu, nebaví mě to a nemá to smysl.
Nadšení do nových projektů ti, zdá se, nechybí. To je určitě pozitivní. Chtělo by to ale vždy více zapracovat na kvalitě, s danou prací si vyhrát.
Str4wberry
Profil
Reakce na janbaraska:
Trochu mi haprují písmenka s diakritikou v PDF verzi. Zdají se být jiným písmem. Musím říct, že na první pohled se mi tam bohužel nezdá dost věcí.


Reakce na shaggyho:
Toto sa tam dostalo omylom, však? Minimálne mi k tomu chýba upozornenie, ako by sa mal "správne" formátovať text.
Co ti na tom přijde špatného? Jak správněji bys označil na stránce červený text?

Ono to nie je len dobré, ale aj povinné - teda hovorím o ALTernatívnom popise obrázku.
Povinné to není. Nepamatuji si, že by nějaký prohlížeč vyžadoval zadání altu k obrázku.
shaggy
Profil
Str4wberry:
Jak správněji bys označil na stránce červený text?
Napríklad tak, že by som oddelil jednotlivé vrstvy? To, že má byť text červený nepatrí do HTML, ale do CSS. Samozrejme, že sa dá použiť aj jeho zápis, ale v dokumente, ktorý má naučiť začiatočníkov tvoriť stránky, očakávam príklady podľa nejakých best-practices.

Nepamatuji si, že by nějaký prohlížeč vyžadoval zadání altu k obrázku.
Neviem, ja nepíšem stránky v prehliadačoch, čiže tie odo mňa nič nevyžadujú. Moje IDE to odo mňa vyžaduje a povinný atribút to je.
suvel
Profil
shaggy:
Pleteš si pojmy za dojmy. alt a title jsou doporučené.
shaggy
Profil
suvel:
Pozrel si si odkaz, ktorý som sem dal?
margin
Profil *
janbarasek:
Proč jsi zkopíroval abecední seznam značek od Yuhůa?

Když pácháš PDF verzi, tak Expotrovat do PDF... zobrazí se ti Možnosti PDF a na kartě Obecné zatrhni volbu Vložit standardní písma. Protože používáš písma jako s prominutím prase, velikost dokumentu se o poznání zvětší.
Chamurappi
Profil
Reaguji na janbaraska:
Seznam značek v pravém sloupci na straně 5 je ukradený z JPW.
V celé knize je spousta překlepů a divných formulací. Kolikrát sis to po sobě četl? Když něco významného píšu já, tak to nechávám někdy i týdny uležet, abych získal odstup a mohl se na věc podívat jiným způsobem.
Jinak souhlasím s předřečníky, že bys měl psát o něčem, v čem se opravdu dokonale vyznáš a důkladněji zkoumat popisovanou látku, protože tohle jsou skutečně spíš jen zápisky ve stylu „co jsem si zapamatoval z jiných knih o HTML 5“.

Říká se, že je podpora v dnešní době slabá. Není. Např. Canvas dnes funguje dobře ve všech důležitějších prohlížečích.
Takže slabá je. Pokud funguje je v důležitějších prohlížečích…


Reaguji na suvela:
Pleteš si pojmy za dojmy. alt a title jsou doporučené.
Podle HTML 4 je alt povinný, to je snad všeobecně známé, ne?
Podle HTML 5 je povinný v případě, že autor stránky buď ví, co na obrázku na zadaném src je, nebo neuvádí title, ani figcaption.


Reaguji na shaggyho:
Napríklad tak, že by som oddelil jednotlivé vrstvy?
Pokud i barva představuje sdělovanou informaci, tak patří spíš do HTML než do CSS. Jsou to ale vzácné případy a rozhodně bych je nedával do učebnice :-)

Neviem, ja nepíšem stránky v prehliadačoch
Ale píšeš je pro prohlížeče. Atribut alt je povinný jen podle specifikací, jeho nepřítomnost nemá žádný reálný dopad na základní funkčnost. Třeba takový src je doopravdy povinný, bez něj by <img> nebyl obrázkem.
Taurus
Profil
Tento text bude vystředěný uprostřed monitoru

Hmm. Ještě, že né na kraji...

Tímhle nadchneš náctileté BFU, kterým nevadí nepřesnosti a špatná stylistika.
A kteří rádi "lajkují".
shaggy
Profil
Chamurappi:
Ale píšeš je pro prohlížeče.
Ono to bolo myslené trochu ironicky - prehliadač odo mňa nikdy nič nevyžaduje. On len tú stránku zobrazí správne alebo nesprávne.
A s alt-om pri img je to ako s title (nemyslím atribút, ale title celej stránky). Je povinný, ale ak ho nepoužiješ, nič sa nestane, prehliadač si s tým poradí. Lenže v dokumente, ktorý sa tvári ako knižka o HTML pre začiatočníkov, by som čakal, že budú tieto informácie uvedené správne a bude navádzať čitateľov na správne postupy (napr. kvôli čítačkám je práve alt dôležitý a ak obrázok nenesie žiadnu informáciu, mal by byť prázdny, ale mal by tam byť).
Taurus
Profil
Na google+ jsme podle autora knihy banda magorů. Tímto bych vlákno uzavřel jako plývání magorským časem.
Jsme anonymní, zlí a nevážíme si knížky zadarmo.
jenikkozak
Profil
Taurus:
Děkuji. Omlouvám se všem přítomným, že jsem je svým tuplovaným magorstvím stáhl s sebou. :D
Nezbývá než autorovi popřát více úspěchů, než sklidily jeho předchozí skopičiny (od slova „kopírovat“ - „kopčit“).
Chamurappi
Profil
Reaguji na janbaraska:
Tvoji přátelé na Google Plus ti zatemňují úsudek. Nejprve sis od nich nechal vsugerovat představu, že jsi stvořil něco opravdu pěkného, která ti způsobila šok z negativní odborné kritiky, a teď ti poskytnou útěchu a podpoří tě v boji proti zlé diskusi, kde jsi dobrovolně žádal o komentáře. Budou na nás nadávat jako na arogantní anonymní všeználky, nabalí na nás všechny klišovité rysy hloupých a neúspěšných ajťáků — to si podle tebe opravdu zasloužíme?

Tam se nikdo nebojí nadávat, i když by to v reálném životě neudělal (protože by dostal přes hubu) a tam se schová za komunitu.
Kdo ti tady nadává? Komu bys chtěl dát přes hubu? Myslíš, že kdybys tu knihu napsal ledabyle(ji), že by to tvůj shluk kamarádů poznal? A že kdyby to poznal, že by ti to sdělil? Mají přehled o HTML takový, aby poznali, že je text, který považují za nápomocný, nevede správným směrem?

Vážně se mi to jenom zdá a nebo tam opravdu neexistuje ŽÁDNÝ příspěvek, který by někdo pochválil? Vyjma webů pod doménou jakpsatweb.cz
Kolik jsi tu viděl žádostí o kritiku webů pod doménou jakpsatweb.cz? My nejsme sociální síť, nevyhodnocujeme weby podle sociální vazby k autorovi, ale podle odborných měřítek. Chválíme, pokud je co chválit. Pro rozumnější část autorů je přínosnější vyslechnout si negativa, mohou se z nich poučit.

Nikdo z nich se nepodívá na to, že to je zdarma, že tam je spousta informací.
Nulová cena není automaticky předností. U špatných učebnic je spíš nevýhodou.
Naše kritika je také zdarma — raduj se z ní :-)
Str4wberry
Profil
Hlavně toto téma janbarasek nazval kritikou. Už z té podstaty lze čekat spíš výtky, než že budeme kvitovat, jak je kniha hezky zdarma atd.


Reakce na shaggyho:
Je povinný, ale ak ho nepoužiješ, nič sa nestane, prehliadač si s tým poradí
Úplně povinný byl akorát ve čtvrté verzi HTML specifikace, ne? Prohlížeče, jak je známo, na nějaké verze specifikací dlabou, tudíž se z toho dá zcela jasně vyvodit, že pro prohlížeče je nevyplněný alt zcela standardní záležitost a není potřeba cpát, jak píšeš, začátečníkům, že je povinný.

napr. kvôli čítačkám je práve alt dôležitý a ak obrázok nenesie žiadnu informáciu, mal by byť prázdny, ale mal by tam byť
Pokud obrázek popíšeš v běžném textu, tak osobně nevidím důvod tuto informaci duplikovat do altu a otravovat tak uživatele čtečky duplicitní informací, tedy mi přijde v tomto případě lepší, když je obrázek bez altu. Mimochodem, jaký spatřuješ rozdíl mezi prázdným a neuvedeným altem?
shaggy
Profil
Str4wberry:
Ak je obrázok bez alt-u, tak čítačka prečíta obsah src (tak to bolo asi pred dvoma rokmi, či sa to zmenilo neviem). Preto by tam ten atribút mal byť stále (vyplnený, alebo prázdny). A nevyplnením alt-u pri obrázku, ktorý nesie informáciu škodíš iba sebe (napr. vo vyhľadávačoch).

Úplně povinný byl akorát ve čtvrté verzi HTML specifikace, ne?
Pozri si, čo k tomu napísal Chamurappi.

Prohlížeče, jak je známo, na nějaké verze specifikací dlabou, tudíž se z toho dá zcela jasně vyvodit, že pro prohlížeče je nevyplněný alt zcela standardní záležitost
To, že sú prehliadače benevolentné k tvorcom stránok neznamená, že budeme robiť zlé stránky. Pokojne teraz môžeme prestať uvádzať title stránky (veď z obsahu sa každý dozvie o čo ide). A aj kódovanie môžeme vynechať, veď sú to stránky určené pre naše končiny, väčšina prehliadačov si aj tak nastaví správne kódovanie.
Str4wberry
Profil
Reakce na shaggyho:
Ak je obrázok bez alt-u, tak čítačka prečíta obsah src (tak to bolo asi pred dvoma rokmi, či sa to zmenilo neviem).
Jestli to nějaká čtečka dělala jak píšeš, tak to může být důvod raději alt vůbec neuvádět, když se v tom případě dozví uživatel aspoň něco.

A nevyplnením alt-u pri obrázku, ktorý nesie informáciu škodíš iba sebe (napr. vo vyhľadávačoch).
A zduplikováním textu, který už na stránce je, do altu si pomůžu? Minimálně uživatele screen readeru to otráví.

Pozri si, čo k tomu napísal Chamurappi.
Chamurappi povinnost ve dřívějších specifikacích neuvádí. V HTML 5 jeho jeho nepovinnost jasná.

To, že sú prehliadače benevolentné k tvorcom stránok neznamená, že budeme robiť zlé stránky.
Teď nevím, co považuješ za zlou stránku. Ale ano, pokud na stránce <title> nepotřebuji, tak ho uvádět nebudu, proč taky. Pokud tam nepotřebuji značku s uvedeným kódováním, tak ji taky psát nebudu (tu ani specifikace nenařizuje). Odmítám cokoliv psát jen proto, že je to tzv. povinné.
Chamurappi
Profil
Reaguji na Str4wberryho:
Minimálně uživatele screen readeru to otráví.
Zde se asi hodí zmínit pes Ben.

Chamurappi povinnost ve dřívějších specifikacích neuvádí.
Byl povinný i dříve. Už jsem to kdysi uváděl.


Reaguji na janbaraska:
Na něco jsem se tě ptal. To už s námi nemluvíš? Pomlouváš nás.

Mě kritika nevadí, spíše mi vadí to, když někdo něco hodnotí a ani se pořádně nepodívá co tam všechno je a jak je to strukturovaný.
Myslíš, že lidi, kteří ti tvé zápisky pochválili na Google Plus, se na ně podívali důkladněji než my?
shaggy
Profil
Str4wberry:
Jestli to nějaká čtečka dělala jak píšeš, tak to může být důvod raději alt vůbec neuvádět, když se v tom případě dozví uživatel aspoň něco.
Ešte raz:
- ak obrázok nesie informáciu, má mať uvedený alt, ktorý v textovej podobe podá to, čo je na obrázku.
- ak obrázok nenesie informáciu (dekorácia, obrázok slúžiaci iba na podporu dizajnu), chýbajúci alt zbytočne otrávi zrakovo postihnutého. Prázdny alt je v tomto prípade správne riešenie (nedozvie sa, že tam je obrázok a keďže obrázok nenesie informáciu, je to tak správne).

A zduplikováním textu, který už na stránce je, do altu si pomůžu?
Áno, napríklad vo vyhľadávaní obrázkov na google.

Chamurappi povinnost ve dřívějších specifikacích neuvádí. V HTML 5 jeho jeho nepovinnost jasná.
Ak už sa ideme doťahovať podľa jednotlivých verzii špecifikácií, tak v poslednej finálnej verzii jazyka HTML je atribút alt povinný.
Str4wberry
Profil
Reakce na Chamurappiho:
Zde se asi hodí zmínit pes Ben.
Tak pes Ben už je trochu starší záležitost. Třeba shaggy má s čtečkou před dvěma lety zkušenosti jiné. Pokud bych měl v textu u fotky psa Bena text „Na fotografii vidíte mého psa Bena sedícího na zasněžené cestě“, tak bych se vůbec nebál alt vynechat.

Byl povinný i dříve. Už jsem to kdysi uváděl.
Ehm, ne že by to bylo tak podstatné, ale kde se tam píše o povinnosti?
HTML 3.2: alt CDATA #IMPLIED
HTML 4: alt %Text; #REQUIRED
Kdysi jsi také uváděl, že povinný nebyl. :–)
Chamurappi
Profil
Reaguji na Str4wberryho:
Jejda. Jsem se trochu překouknul, o řádek výš uvedený src je povinný, alt není… šokující objev :-)
Aspoň janbarasek názorně vidí, jak je důležité důkladně kontrolovat své texty a naslouchat věcné kritice.

Kdysi jsi také uváděl, že povinný nebyl.
Vskutku. Fascinující.
Str4wberry
Profil
Reakce na shaggyho:
ak obrázok nenesie informáciu
Tak by na stránce neměl vůbec být, nemyslíš?

Áno, napríklad vo vyhľadávaní obrázkov na google.
Tak to je potom otázka, jestli ten alt píšeš pro uživatele nebo pro vyhledávač. Uživatel screen readeru by ocenil zevrubný popis obrázku a vyhledávač asi spíš pár klíčových slov. A taky je tedy otázka, jestli Google nakládá s atributem alt stejně tupě jako se kdysi vyhledávače chovaly k <meta name=keywords>, co mám tak vypozorováno, tak bere i při hledání obrázku v potaz hodně dalších věcí.


Reakce na Chamurappiho:
jak je důležité důkladně kontrolovat své texty
Ale zase ne moc, protože v takovém případě nikdy nic nevydáš. :–)
shaggy
Profil
Str4wberry:
Tak by na stránce neměl vůbec být, nemyslíš?
Ale stále sú ľudia, ktorí namiesto cez štýly vkladajú dekoračné obrázky cez img. A to je presne ten prípad, kedy nenesie informáciu.

jestli ten alt píšeš pro uživatele nebo pro vyhledávač
To sú dve odlišné veci? Ja to nerozlišujem. Dať do popisu "pár kľúčových slov" asi nie je najlepší postup, myslím že aj vyhľadávač ocení popis obrázku.
A určite to slepo neindexuje (ako voľakedy meta keywords), záleží aj na ostatnom obsahu stránky.
Petr ZZZ
Profil
<OT>
Ad alt a title: Při hledání obrázků najde Google•de moji stránku na hesla, obsažená na té stránce pouze v alt a title obrázku:

První, čtvrté a páté druhové jméno se nikde jinde na stránce nevyskytuje. (Teoreticky by tedy ještě byla možnost, že to najde díky nějakému odkazu s příslušným anchor textem, což jsem nezkoumal.)
</OT>
panther
Profil
Petr ZZZ:
tak on je alt brán jako normální text, proto jsou obrázky k nalezení. V případě obrázků může pomoci i název souboru, pokud se nepletu (co se hledání v images.google týče).

Některé prohlížeče navíc při označení obrázku a pokusu o zkopírování kopírují právě alt obrázku.
peta
Profil
* Nema to jednotny styl (font, pismo, nadpisy, kod, odrazky, obrazky...), doporucuji nastudovat iso normy o psani technicke dokumentace, pripadne si procist aspon pokyny pro diplomovou praci
http://www.slu.cz/fpf/cz/studijni-oddeleni/dokumenty/zaverecne-prace/dp-metodicky-pokyn-1-10-2010.pdf
Pripadne si zkus stahnout vzorovy dokument, tusim VUT Brno to ma nekde free ke stazeni
Jednou treba kod obarvujes, podruhe ne. Jednou ma odsazeni 2 znaky, podruhe je zleva nelepeny. Prijde mi to strasne amatersky zplacane, asi jako prvni knizky o html.
* Objevil jsem spousta nevysvetlenych cizich slov.
* Kdyz jsem to zkopiroval do wordu, objevilo se par chyb, rozdilu od cr pravopisu a slozitych slov.
semtam
v síťi
kontabilní
atribud ID // z anglickeho attribute, ale jinde pouzivas spravne "atribut obrázku"
...
* Podivne vyrazy
Hodí se mít víc internetových prohlížečů // od slova hazet, zahodit
Doctype ujednává o tom
nějaký flashový // nepouzivat neurcite vyrazy nejaky, nekdo, neco, jakysi...
uprostřed je přesnější vybrání barvy v Macu. // neznam barvu macu, muzi znaji jen zakladni barvy, olivova, bezova, vinova nam nic nerika :)
Nefunguje mi to... ;( // sim te, hlavne at do fora do tematu nepisi nefunguje mi to a popisi presne a podrobne problem :)
leckomu
* U svg jsem nenasel asi nejcasteji pouzivany priklad pro zmenu barev webu a jine graficke efekty.
* Jan Barášek (Autor) – Též přezdíván: Baraja // no, ja nevim, ze to tam vsude kazdemu vnucujes (kazda druha strana, snad). treba te nekdo prezdiva baran nebo hrasek barasek
* Jak te znam, tak je to pravdepodobne i plne chyb.

Necetl jsem to, jen proletel. Na mne je to moc dlouhe :) Uz prvni strana prna textu mne odradila.
« 1 2 »

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: