Lze použít i jako prohlížeč, zadáním www adresy a současně hned editovat, ale upravenou stránku nutno uložit na disku a odeslat na server přes ftp.

 

Validita : stránku htm, html, xhtml v programu otevřeme. Klepnutím na červenou ikonu vpravo dole se nám zobrazí chyby kódu i Css souboru, ty opravíme

 

opravíme 

Jak vidíte, verzi 11.2 po stažení v angličtině lze přeložit do slovenštiny volbou Edit>Preferences>Dialogue Language. To lze i ve verzi 11.3.

O programu a jeho stažení

 

Manuál v překladu Google

 

opravíme 

Velkou vymožeností je pracovat v kódu i v designu. To nastavíme Zobrazenia/Rozdelit horizontal.

Nastavení navolíme v Upravit/Možnosti. Navolíme jazyk.

Nedostatkem programu je pomalejší načítání .

 

opravíme

 

 

Volba znakové sady. Pro češtinu dáme utf-8.

 

opravíme

 

 

 

Programem upravené webstránky na disku ukládejte "Uložit jako" s určením umístění !

Nestačí dát "Uložit", mohla by se uložit jen provedená změna do adresáře anotací v Document and Settings/admin/amaya

 

 

V programu je možno upravovat obrázky, velikosti, nejen SVG.

 

Klepnout na obrázek a táhnout za značku, třeba v růžku. Držet Shift pro zachování poměru š. a v.

 

Obrázek lze přetáhnout myší nebo vložit klasickou volbou. Nejde vložit nesprávně pojmenované.

 

 

opravíme

 

 

Z objektů máme na výběr :

opravíme

 

Rady :

Když je červené tlačítko v pravém dolním rohu obrazovky, můžete zobrazit chyby tím, že na něj kliknete a následně chyby opravit
Pro kreslení SVG, jsou linky vytvořeny s přesností na 15 °, pokud stisknete tlačítko shift. To je užitečné, když chcete kreslit rovné čáry
Můžete si vybrat předchůdce současného výběru kliknutím na jeho název, cesta se zobrazí v dolní části okna
Můžete se přesunout na jinou kartu v menu zobrazení na tlačítko se šipkou vpravo dokumentu karet
Když změníte velikost obrázku nebo objektu SVG, stisknutí tlačítka Shift umožňuje zachovat poměr stran
Panely mohou být zobrazeny na levé nebo na pravé straně okna nebo dokonce vlastní panel
Základní SVG tvary mají úchyty, které mohou být použity k jejich editaci. Trojúhelníky modré nebo zelené umožní měnit jejich
velikost, červené kruhy dávají volbu poloměru zaoblenými rohy
S F2 nebo klávesa Escape si můžete zvolit rodič prvku v dokumentu struktury, používat editačních funkcí (kopírování, vkládání, atributy, styl, atd.)
Můžete zobrazit dva dokumenty vedle sebe v okně dokumentu přetažením záložky na levé nebo pravé straně dokumentu
Při otočení objektu SVG, je centr označeny křížkem. Můžete myší přesunout
V přizpůsobitelném režimu můžete přetáhnout panel, můžete měnit jejich pořadí, nebo tak, aby byly plovoucí
S možností vlastního režimu můžete přesunout panely na obou stranách okna pouhým přetažením
Pokud povolíte "Zobrazit Cíle" v "Zobrazení" menu, cíle jsou zobrazeny ve formátu. To je výhodné pro vytvoření odkazu: cíl lze vybrat kliknutím na něj
Můžete přepnout režim úprav (Text / XML) kliknutím na příslušné tlačítko v pravém dolním rohu.


Čistota (validita) kódu:

 

Červená značka v editoru vpravo dole signalizuje chyby. Poklepáním na ni se chyby zobrazí :

 

chyby

 

Vidíme, že většinou chybí atribut alt (řádek 40, 48. 65), ten je snadné doplnit, např. : img alt= "můj obrázek"

Řádek 35 a 71 značí chybu v šabloně CSS :

 

opravíme

 

Otevřeme šablonu CSS, na řádku 35 klepneme na font-weight, tím zobrazíme Style inspektor, v něm klepneme na font a tím rozevřeme nabídku.

Font weight 105 opravdu neexistuje, dáme tedy 100, stejný údaj se objeví v levé části jako font : 100; a řádek font-weight: 105 vymažeme. Totéž řádek 71.

Značka vpravo dole bude po uložení zelená

 

<<           Příloha webu: http://sovadina.net/web8/index.html         Vaše připomínky zde.   © M. Sovadina      Aktualizováno 2009