• Chat s adminkami
• Bleskovky a informace, co na webu nenajdete - sledujte nás na Facebooku!
• Anketa - VIP vs. Pegasus
• Podvodné stránky - nenaleťte!
Howrse
Grafika
Oddechový koutek
V. Nakódování šablony
V dnešním článku si ukážeme, jak nakódovat šablonu z článku č. 2. Předem bych chtěla říct, že můj kód nemusí být „ten nejlepší“ - způsobů, jak šablonu nákodovat, je více. Budu se snažit Vám vše vysvětlit, abyste pochopili princip a byli schopni kódovat i jinak rozložené šablony.
PSPad
Jak jsem psala minule, oblíbila jsem si editor PSPad – screeny jsou tedy z tohoto programu. Vzhledem k tomu, že s ním pracuji již delší dobu, přizpůsobila jsem si ho. Vy máte nejspíše v levém okraji panel nástrojů – já jej nevyužívám, proto jsem ho odstranila (Zobrazit > Panel nástrojů). Abych se lépe orientovala, zapnula jsem si čísla řádků (Zobrazit > Čísla řádků), dále také zalamování řádků (Zobrazit > Zalomení řádků) a pravítko (Zobrazení > Pravítko). Kde se Vám řádky zalomí si můžete nastavit přes Nastavení > Nastavení programu > Editor 2 > Pravý okraj [znaků] – já mám 160. Tyto změny nejsou nutné a je jen na Vás, jak si program přizpůsobíte. Bylo by ale dobré, abyste si zkontrolovali, že ve Formát máte zaškrnuté UTF-8. Zbytek nastavení by měl být stejný.
NÁVOD NAJDETE ZDE
EDIT: Návod "krok za krokem" je stručnější a provede Vás napsáním celého HTML kódu. Pokud by měl někdo nějaké připomínky nebo nápady na vylepšení návodu, prosím ozvěte se do komentářů :).
NÁVOD NAJDETE ZDE
Taktéž jsem pro Vás doplnila návod na zjištění rozměrů ;).
ZJIŠTĚNÍ ROZMĚRŮ
A pro dychtivější z Vás využití vlastností colspan a rowspan a kódování jinak rozložených boxů.
COLSPAN A ROWSPAN
EDIT 2: Jelikož se v komentářích párkrát objevil dotaz, jak se udělají ostré závorky nebo jednoduchá uvozovka, tak tady jsou možnosti:
< pravý Alt Gr + klávesa pro čárku , nebo levý Alt + 060
> pravý Alt Gr + klávesa pro tečku . nebo levý Alt + 062
' Shift + klávesa pro přehlásku ¨ (nad přehláskou je zobrazena taková stříška)
nebo levý Alt + 039
# pravý Alt Gr + klávesa písmene X nebo levý Alt + 035
Přidat komentář
Komentáře
198) Mata.Novot [29. 05. 2015 | 18:20]
promiňte, původně jsem napsal popis problému, ale z nějakého důvodu tu není. Asi jsem to zapomněl odeslat.
197) Mata.Novot [29. 05. 2015 | 18:20]
tak už odpovídat nemusíte, už jsem to vyřešil. Hurá!
196) Hellian [08. 09. 2014 | 19:21]
a photoscape?uděláte prosím návod?
195) Krátkosrsté morče [21. 05. 2014 | 15:51]
Ahoj já mám program PhotoFiltre7 a nevím jak se to kóduje pokud by mi někdo poradil tak mi prosím napište na Howrse byla bych moc ráda kdyby jste mi poradili byla bych vám moc vděčná na Howrse se jmenuji Krátkosrsté morče
194) Evanel [02. 04. 2014 | 13:44]
Chci vám moc poděkovat za tento kurz!! Je to super, díky vám teď umím konečně html!! Děkuji moc
193) Yennefer [07. 03. 2014 | 14:04]
Děkuju moc mi to pomohlo
A mám otázečku: Kdo udělal tento článek?
Děkuji
Yenn
192) Zaara [01. 03. 2014 | 09:01]
Jasper.19: Ahoj , zkus použít Shift+Enter, snad by to mělo fungovat. Není to přímo chyba v kódu, jen se HTML a Enter moc rádi nemají 
.
191) Jasper.19 [28. 02. 2014 | 19:59]
Zdravím, poprvé vytvářím prezentaci a vyskytuje se mi tam taková chyba. Nevím, kde přesně v kodu je, či jestli mi tam něco chybí, ale... když vložím kod je vše ok, přepnu prezentaci do normálního režimu a chci ji dále upravovat - vepisovat text do boxů. Všechno je v pohodě, dokud nezmáčknu enter (na odřádkování). V tu chvíli se mi vše, co je pod textem, který chci odřádkovat, posune až úplně pod pozadí prezentace a píše se mi jakoby na čistou stránku. Pošlu ten kód jestli to bude třeba, ale snažila jsem se na to přijít sama, nějak se mi to nedaří 
190) Zaara [11. 11. 2013 | 07:25]
silvanaas: Nejspíš proto, že nejsem malé dítě 
189) silvanaas [05. 11. 2013 | 20:11]
jakto že si můžeš dovolit Photoshop? 
188) Zaara [18. 10. 2013 | 22:14]
Kajule: Popiš prosím více svůj problém, případně by bylo ideální, kdybys mi mohla poslat ten kód (v SZ na Howrse nebo na mail - viz můj profil ).
187) Kajule [16. 10. 2013 | 16:41]
ahojky, nevím, co jsem udělala špatně, ale kódování se nepovedlo i když jsem ho dělala přesně podle návodu...
186) Zaara [02. 10. 2013 | 17:48]
zelí: Takhle z fleku ti to neřeknu, musela bych ten kód vidět
185) zelí [01. 10. 2013 | 19:30]
Zaara: úplně jsem nepochopila, pořád nechápu proč mi jde nakodovat prezentaci s jedním oknem, ale se dvěma více to vždy rozházené i když to dělám podle návodu.
184) Zaara [30. 09. 2013 | 00:59]
Danielka112: Ano, viz úvod předchozího článku.
183) Danielka112 [22. 09. 2013 | 20:29]
Ahoj chtěla bych se zeptat kam mám psát ten text jako to <div style= a tak dále ? Můžu to psát třeba normálně do wordu ?
182) Zaara [13. 09. 2013 | 21:40]
zelí: Princip je určitě stejný, akorát kóduješ tabulku s jednou buňkou .
rehovicovak: Je to naprosto stejné, na programu nezáleží (viz úvod minulého článku).
181) rehovicovak [11. 09. 2013 | 15:07]
prosím dáte tady návod jak nákódovat prezentaci ve WordPadu???
180) zelí [03. 09. 2013 | 17:06]
Prezentace s jedním oknem nakódovat umím , ale s více mi to nejde. Co dělám špatně, vždyť to musí být stejné.
199) Katka1554 [23. 05. 2016 | 20:13]