html editor

[Julek]

Sháním nějaký dobrý editor na tvorbu www nepotřebuji nic profi, spíš pro lamky, základy, nejsem koder proto potřebuji něco o bude jednoduché a funkční ...

[whisky96]

Dreamweaver je aj pre Mac ...

[ls8]

Klasika je Coda - $60. Vynikajici je take BBEdit - $125. Na zakladni jednoduche upravy postaci BBEdit Lite, ktery je zdarma nebo opensource Nvu.

[Jelen]

Přikláním se k tomu Nvu a ještě bych zkusil SEEdit. Ten mě osobně velmi mile překvapil ....

[beaverick]

Nvu môžem pre " lamky " iba odporučiť

[Julek]

lamka děkuje

[toncek]

Umí nějaká free aplikace zvýraznňování syntaxe, (x)html, xml, php, javascriptu, css a podobných formátů? Čili jakýsi ekvivalent pro PSPad na windows?

Pokud taková free není, pak případně placenou

Zkoušel jsem BBEdit Lite. Ale to mi přijde jako vylepšený notepad.

[ls8]

vim, emacs, bbedit ($125)

[lf4]

smultron - jednoduchy text editor (free)
textmate - asi nejlepsi text editor pro mac (?50), diky hromade "maker" a prikazu se s nim da psat strasne rychle a efektivne, par pluginu jeste rozjsiruje jeho funkcnost, jeho hlavni nevyhoda, ze umi skoro jen UTF kodovani

par videi jak se s nim pracuje
http://macromates.com/screencast/insert_html_tags.mov
http://macromates.com/screencast/html_text_transformations.mov

[kosmonaut]

pod smultron se muzu podepsat ..je to vynikajici editor a potize s kodovanim nema (naopak se me ze zacatku zdalo ze jich je nejak moc na vyber )
pouzivam doma i v praci a spokojenost..

[toncek]

Taky jsem si poslední dobou oblíbil smultron.

Opravdu jednoduchý editor, který má přesně ty funkce, které má mít - syntax highlighting, nemá problémy s kódováním, umí celou škálu formátů. Taky umí zvětšit písmo, což ocením hlavně, když něco někde prezentuju na projektoru.

No a hlavně je zdarma, takže stojí za vyzkoušení.

[djlucas]

jj TextMate je hodne dobry

[ilijusin]

Zajimalo by me jestli se nekdo z vas setkal s problem nekompatibility. Na napsani velmi jednoducheho HTML kodu jsem pouzil Espresso. Problem nastal ve chvili, kdy jsem chtel zobrazit nahled na MACu. 2 tabulky se mi prekryvali, prosel sem kod odshora dolu a hledal chybu, nenasel jsem, nenasli ji ani profesorka na informatiku. Pak jsem kod prekopiroval do PSPadu na WIN a stranka se zobrazovala korektne. Takze problem byl ocividne v Mac-u samotnem, takze by me zajimalo jestli se s tim nekdo setkal (i u jinych editoru) a popripade jak to vyresil.

[rony]

problem nebude v nastroji.

[ilijusin]

Nevim jestli ted narazis na problem mezi klavesnici a monitorem (ja ), na Espresso nebo na neco uplne jineho.


EDIT: moznosti kodovani textu jsou u Espressa velice omezene. Myslim, ze ten PSPad, na kterem jsem to zkousel pouzival CP1250 (nebo tak neco), ale ten v nabidce Espressa neni.

[Martyn]

Tak většinou kód musíš napsat tak, aby se stránky správně zobrazovali ve všech nejpoužívanějších prohlížečích. Náhled na Macu máš přes Safari, ne? Mě se třeba na Macu layout zobrazoval úplně úžasně a pak mi IE zkazil radost

[rony]

Pozri tu ako keby som robil gynekologa pacientke v Afrike tak, ze diktujem poslovi spravu v rustine, on bezi do Viedne, tam to preklada indickemu operatorovi v nemcine a ten to morseovkou posiela do Namibie spanielskemu farmarovi s desiatimi dioptriami a schizofreniou, aby to prepisoval tlmocnikovi, ktoreho zavolali k pacientke, aby zistil, ze hovori recou ineho kmena.

Takze keby si hned ten kod nasypal na nejaky hosting, tak aspon ti mozeme poslat screenshoty a niektori ti hned povieme, ze patles zobaciky (HTML znacky) zle. V com bude najvacsi problem.

[ilijusin]

To chapu, ale myslel sem, ze u toho opravdu nejjednodussiho kodu to takovy problem nebude. Na MACu jsem to nerozchodil v z zadnym prohlizeci (Safari, FF, Opera, Chrome), na WIN sem to rozchodil v IE i v FF.

Je dost mozne, ze nase profesorka na IVT nas to neuci uplne, tak jak by se melo, ale na WIN se tento kod zobrazuje korektne.
A mel sem i dalsi problemy (napr. kdy tlacitko melo menit barvu pri najeti mysi, na MACu mi to nefugovalo, ten sami kod na WIN ale fungoval)

Tady jsem vytvoril ten problem o kterem jsem mluvil (LEVY A HLAVNI PANEL se mi prekryvaji)
jedine, jak se mi to povedlo vyresit bylo pridat do

Kód: Vybrat vše

.hlavni {....margin-left: 110px}

a tim ho vlastne odsadil od celkoveho okraje.

Kód: Vybrat vše

<html>
<head>
   <title></title>
   <style type="text/css">
   body {background-color:black;padding:80px}
   .horni {padding-top:40px;background-color:#888888;width:800px;height:80px;border-width:3px;border-color:yellow;border-style:outset}
   .levy {float:left;margin-top: 10px;background-color: #888888;width: 100px;height:745px;border-width:3px;border-color:yellow;border-style:outset; }
   .hlavni {background-color: #888888;width:700px ;height: 1500px;border-width:3px;border-color:yellow;border-style:outset;margin-top: 10px; }
   .dolni {background-color: #888888;width: 800px;height: 50px; border-width: 3px;border-color: yellow;border-style: outset;margin-top: 10px; }
   </style>
</head>
<body>
<div class="horni"><b>HORNI PANEL</b></div>
<div class="levy">LEVY PANEL</div>
<div class="hlavni">HLAVNI PANEL</div>
<div class="dolni"> DOLNI PANEL </div>
</body>
</html>

[Martyn]

Už jsem v CSS dlouoh nedělal, tak si to moc nepamatuju, ale teď jsem do hlavni přidal:

Kód: Vybrat vše

position:relative;

a funguje to, tak jak by mělo. (ovšem vůbec nevim, jestli to je správně ohledně css - jestli to není v css nějaká "prasárna")

[rony]

je to prasacky napisane. v prvom rade netusis nic o probleme box modelu takze pouzi hlavne matrjosku.

na tieto hluposti uz existuju hotove kody, ktore staci pouzit.

to je vlastne dvojstlpcova sadzba s headerom a footerom, nie?

http://www.456bereastreet.com/lab/devel ... out/2-col/

http://www.savio.no/artikler/a/330/flex ... css-layout

a pod.

[Martyn]

Ale když použije už hotový layouty, tak se nic nenaučí Když skládáš weby s nařezaných obrázku z Photoshopu, tak to prostě musíš umět, a to se nenaučíš jinak, než děláním těhle jednodušších layoutů. Jinak já jsem zvyklej dávat si všechny CSS do externího souboru, kterej pak připojim. Je to takový přehlednější. (+CSS, jeden příkaz na jednu řádku - ale to už je osobní záležitost)

[john]

Mám takovou menší teorii.

Když si budu chtít udělat web, jen nějakej hezky graficky udělanej, něco lehčího, ve Photoshopu. Tak teoreticky vytvořim hlavičku, menu, to všechno pomocí obrázků, potom teoreticky ani obsah nemusím nijak psát, ale napsat ve Photoshopu a to všechno udělat jako odkazy a vlastně budu mít stránku, ne?

Napsal jsem to jako úplnej laik, jde mi jen o to, jestli by to takhle šlo, kdybych chtěl udělat nějakou nejjednoduší stránku (na 1 použití) - registrovat jí třeba na doméně ic.cz a nahrát to jako index.html, šlo by to?

[Martyn]

Tak teoreticky jo, ale je to prasárna. Většinou si v PS uděláš layout, kterej nařežeš, složíš za pomoci CSS a všechny texty už jsou normálně v html.
Tady je tutoriál na poměrně jednoduchej layout a má i pokráčování, jak ho nakódovat. Omrkni si obě části, a poznáš, jak se takovej web vlastně dělá.

EDIT: A odkazy a všechno, co vyhledáváš třeba přes google je v html. Takže kdyy sis dal texty jako obrázek, tak by tvůj web asi nikdo nenašel

[rony]

odporucam Stanickovu knihu o CSS. Tam je vsetko, co by som sa snazil napisat