30 odpovědí na toto téma

[suaeda]

Potřebuji poradit jaký program využít pro tvorbu listingu v HTML? Mám připravený listing na kešku v programu "KompoZer". Lze jej využít? V listingu jsou pouze odstavce, a odlišné druhy písma (tučné, kurzíva,velikost a barevné typy). Případně poraďte jiný. HTML a tagy neumím a rady ze serveru "jak psát web" mi nepomůžou. Potřebuji program, který mi vše sám vytvoří.
Dále jak při přípravě a zadávání nové keše přiložit obrázek? Je někde podrobný návod?
Díky za odpovědi.

[mpik]

Pokud ten tvůj program umí zobrazit zdrojový kód, tak to CopyPaste přenes do editoru listingu a uvidíš. Pokud ne, zobraz si to v prohlížeči, dej pravou myš-Zobrazit zdrojový kód, a zkopíruj to odtud. Jen se připrav, že to nemusí být v pořádku, Groundspeak si do toho přidává své věci a spíš nějaké tvé přidané může omezit. Řekl bych, že to je nouzovka, bez základních znalostí HTML se nakonec neobejdeš (nebo ten, kdo ti to nakonec učeše).

A jak vložit obrázek? Blbě. Nejdřív si ho nahraj do galerie a pak postupuj podle návodu na Geoviki, př. SZ, psal jsem to sem už několikrát a nechce se mi znovu.

[None]

Optimální je program NVU. Dá se bez problémů stáhnout z webu. Umí samozřejmě zdrojový kód a vkládat obrázky. Uploudneš si obrázek na gc.com a jeho adresu vložíš do listingu v NVU. A když to máš celé hotové, tak si pastneš zdrojový kód di listingu. Generovaný zdroják je kompatibilní s tím, co požaduje GS.

[kolombo]

Pokud neumíš HTML a tagy a nechceš se naučit, kde jsou na klávesnici špičaté závorky <>, tak nikdy nedocílíš listingu, kde by to vypadalo tak, jak chceš.

 

Všechny ostatní cesty jsou o dost komplikovanější, než pár příkazů na formátování a vložení obrázku a odkazu.

[jessie.r]

Já používám NVU, a listingy mám ke své spokojenosti... Ale pár tagů taky umím ;-)!

[suaeda]

Díky za odpovědi. Program KompoZer je novější varianta NVU. Výuku zaměřenou na tvorbu stránek v HTML tak je to dnes běžné na školách, jsem na škole neměl. Hledám na netu nějaký obyčejný kurz určený pro začátečníky.

[michecd]

Já z HTML neznám ani prd. Všechny svoje kese jsme dělal právě přes konpozer. Je to v celku jednoduchý program. Neříkám že listingy kesi vypadají bůhví jak dobře, ale zároveň si myslím že nejhorší taky nebudou. Jen to chce trpělivost a zkoušet co a jak funguje. První vkládání obrázků do listingu bylo jak za trest, teď už vím jak na to a je to mašla.
Přeji hodně trpělivosti a at se zadaří ;-)

Tento příspěvek byl upraven od michecd: 19 srpen 2014 - 9:38

[kiReGPS]

Já bych nedělal z HTML strašáka. Zdůrazňuji "z HTML, které potřebuješ na listing". Jednoduché formátování (pro které byl dokonce původně tento značkovací "jazyk" navržen) v něm určitě zvládneš. Přece místo věty:

 

Tento text bude tučný.

 

...jistě není problém napsat:

 

Tento text bude <b>tučný</b>.

[janca361]

Popravdě, co je v listingu třeba 

- odstavec <p>

- tučné písmo <b>, případně kurziva <i>

- vložení obrázku <img>

- vložení odkazu <a>

 

Případně nějaký ten seznam, napisy <h1>, <h2>. 

 

 

Vyhledat tyto věci na jakpsatweb, podívat se na příklady, kde je i nějaké to formátování a je to. Nevím, co si představuješ pod pojmem "kurz pro začátečníky", ale z webu se to dá naučit. Jen je třeba něco dělat a snažit se, ne posadit svůj zadek na židli a poslouchat toho šaška u tabule, který ti tohle do hlavy stejně nenalije (neříkám, že nic nenaučí). 

 

Použít jakýkoliv editor je hovadina, vznikne tam spousta balastu (NVU přesě neznám).

 

A program na tvorbu - poznámkový blok (protože to rolovací cosi na webu je děsný - při delším textu)

 

EDIT: opraveno <url> je fakt od nekud jinud

Tento příspěvek byl upraven od janca361: 21 srpen 2014 - 21:36

[Keres]

a tento odkaz by ti nestačil?

[phrkt]

Popravdě, co je v listingu třeba 

- odstavec <p>

- tučné písmo <b>, případně kurziva <i>

- vložení obrázku <img>

- vložení odkazu <url>

 

Případně nějaký ten seznam, napisy <h1>, <h2>. 

 

Ano, stačí pár šablon, podle potřeby nějaké použít, vyplnit textem listingu a je to. 

Píšeš vlastně jen to co potřebuješ, potřebnou omáčku HTML kolem za tebe doplní Groundspeak.

S prvním listingem jsem trochu bojoval, teď už to je jen Copy-Paste

[janca361]

Já s ním taky bojovala, ale spíš vzhledově, aby ty rámečky zarovnání a tak nějak vypadaly. 

Njelepší je vědět jak HTML funguje - co se kam do těch tagů píše a pak se podívat na nějaký listing a inspirovat se (nekopírovat! bez svolení ownera). Velmi nápadné to je, pokud je keš vedle  

[suaeda]

Tak jsem dokončil návrh. Původní formátování odstavců a řádek, které v programu vypadalo výborně se rozhodilo, písmo není barevné a fotku to nevložilo vůbec. Uvidím co s tím provede rewiever, ale asi to je můj poslední pokus. Bez obrázků a pořádného vzhledu to nejde. Nápady jsou, ale pro mne samotného neproveditelné. Zůstanu pravděpodobně jen u lovu.

[24cenda]

Taky jsem bojoval s prvním listingem. Nakonec byl bez obrázku. Ale časem mi to nedalo a nějakým způsobem jsem se k tomu propracoval. O HTML nic nevím a nikdo mi moc nebyl schopen poradit. Ale nakonec to je opravdu o CTRL-C a CTRL-V. Najít listing s obrázkem, dát zjistit zdrojový kod stránky. Najít odstavec s jpg a kopírovat. Vložit do svého listingu na požadované místo. Pak již jen přepsat adresu obrázku.

Neboj se toho a zkoušej.

[phrkt]

Tak jsem dokončil návrh. Původní formátování odstavců a řádek, které v programu vypadalo výborně se rozhodilo, písmo není barevné a fotku to nevložilo vůbec. Uvidím co s tím provede rewiever, ale asi to je můj poslední pokus. Bez obrázků a pořádného vzhledu to nejde. Nápady jsou, ale pro mne samotného neproveditelné. Zůstanu pravděpodobně jen u lovu.

To je právě problém wysiwyg HTML editorů, že generují kód, který GS neumí přežvýkat, tak ho pro jistotu vyhodí.
 Proto jsem psal o pár vyzkoušených šablonách, ty pak můžeš editovat třeba v PsPadu, kde se dá vždycky zmáčknout F10 a on ti zobrazí aktuální vzhled stránky. Není to nic složitého, jen skládáš k sobě šablony a každou vyplníš požadovaným textem (nebo odkazem).

A časem se naučíš šablony upravovat, pokud si přeješ trochu jiný vzhled.

Když chceš jezdit autem, musíš si udělat řidičák, to stojí čas a peníze. Když chceš psát listingy, tak holt se naučíš pár pravidel. To stojí  jen trochu času, ale nic není zadarmo.

[None]

Kompoze je sice novější varianta NVU, ale bohužel generuje kód, ze kterého se musí spousta věcí dát pryč. NVU je starý a hloupý program, ale vše co napíšeš a přidáš fotky a nabarvíš písmenka .... vypádá stejně v editoru ale i v listingu. Prostě ve zdrojáku zkopíruju vše mezi <BODY> a </BODY> a to je vše. Používám ho víc než rok a zatím nebyl problém. HTML sice umím na úrovni cca trochu pokročilý začátečník, ale nemám nejmenší potřebu se k němu vracet. Na druhou stranu, phrkt má pravdu, člověk by měl umět alespoň základy a ty zas tak složité nejsou.

[froggiewalker]

Popravdě, co je v listingu třeba 

- odstavec <p>

- tučné písmo <b>, případně kurziva <i>

- vložení obrázku <img>

- vložení odkazu <url>

 

Případně nějaký ten seznam, napisy <h1>, <h2>. 

 

Letos to bude deset let, co dělám weby, a o značce <URL> jsem ještě neslyšel :-)

janca361 měla na mysli <A> (<a href="http://www.geocaching.com/">)

[mpik]

Když např. uděláš obrázek moc velký (parametry height a width u tagu IMG), Groundspeak ho sám zmenší. Bude to vypadat jakoby dobře, dokud se někdo nepokusí ten listing vytisknout. Pak se mu to nevejde na tiskárnu. Nebo blbě udělaný listing (např. překřížené tagy - začneš jiný, než ten původní uzavřeš) způsobí, že to třeba uvidíš na webu, ale v navigaci ne. Už jsem takový listing někomu učesával. Takže pokud HTML neumíš a nechceš se to učit, použij nějaký JEDNODUCHÝ editor. Ne třeba Word. Už tady bylo návrhů dost. Ten sice neudělá pěkné HTML, ale taky neudělá ty začátečnické chyby. Nesnaž se o velkolepou grafiku, protože tak snadno vyrobíš něco, co bude vypadat jinak na Mozille, jinak na IEXP, jinak na Linuxu, jinak na Androidu a jinak v navigaci. Ty jednoduché tagy nic takového nevyvedou. Pokud chceš obrázky <img...>, odstavce <p>, seznamy <ul><li>.....</li><li>...</li><ul>, barevné písmo <font color="red">, horizontální čáru <hr>, zalomení<br>, tučné <b>...</b>, vystačíš si s několika tagy.

A pokud opravdu chceš udělat pěkný listing a neumíš to, najdi si v okolí někoho, kdo to umí. Možná mu bude tak +- 10 let.

[frettie]

Letos to bude deset let, co dělám weby, a o značce <URL> jsem ještě neslyšel :-)

janca361 měla na mysli <A> (<a href="http://www.geocaching.com/">)

Tož to onehdá jsem ji viděl (ale bylo to XML, to zas jo).

[kolombo]

Založil jsem na wiki stránku http://wiki.geocachi...y_HTML_listingu, kde jsem zapsal základní příkazy pro formátování textu v listingu.

 

Časem tam doplním i příklady, další volby a hlavně komentáře, ale to, co tam je, stačí na 99% listingů.