KompoZer - základy

KompoZer
●
Základy práce ve webovém editoru
KompoZer
Jednoduše přehledný
●
●
●
●
●
●
Členěno na panel nabídky, pod
ním nabídka nástrojů a nástroje
pro práci s textem
V levé části je okno pro nahrávání
na web prostřednictvím FTP
Po přepnutí je možno užít jako
strom stylů
Největší část aplikace je určena
pro samotnou tvorbu webu
Všechny prvky jsou členěny přehledně a funkčně
Než začnete tvořit stránky, musíte mít jasnou představu o tom jak má web
vypadat, jak má být rozložen
První kroky s editorem
●
●
●
●
Prvním krokem bude
vložení tabulky s
několika buňkami.
Pokud budete tvořit
své první stránky, tak
tento krok
nepodceňujte, může
vám to ulehčit hodně
práce.
Vložení tabulky, úprava a nastavení buněk, barva pozadí a písma je
otázkou libovolného nastavení, které vyberete v panelu nástrojů pod
odkazem Tabulka.
Pokud tento nástroj zvolíte, rozbalí se nabídka všech možných operací.
První kroky s editorem
●
●
●
●
●
Obdobné operace jako s tabulkou
lze provádět s celou stránkou, a
tak není problém vybrat například
pozadí stránky.
Úpravy stránky provádíte po
kliknutí na nástroj Formát.
Jednoduchým způsobem vložíte
na své stránky text, obrázky a jiné
komponenty
Můžete je upravovat, přesunovat, měnit jejich rozměr či orientaci
Pokud chcete danou položku nastavit přesněji klikněte na objekt pravým
tlačítkem myši a zvolte Vlastnosti.
První kroky s editorem
●
●
Nastavte si jednotlivé parametry
přesně – tabulky, centrování,
změna velikosti – stránky tak
budou kompatibilnější v
prohlížečích
Pokud všemu nastavíte přesné
parametry a pozice nestane se
vám, že vám to každý prohlížeč
bude zobrazovat jinak...
HTML kódy
●
●
●
●
●
Pokud někdo z vás ovládá HTML
kódy, tak ani v tomto problém není
Přepnete si na kartu zdrojového
kódu a můžete začít
Úpravy za pomoci kódů bývají
rychlejší a při složitějších
operacích i potřebné
Nedílnou součástí moderních webů je JavaScript, který musíte ovšem
vkládat do karty kódů a výsledek si prohlédnout na webovém prohlížeči
CSS styly
●
●
●
Svému webu budete chtít dát svůj
styl, abyste nemuseli vždy
předělávat vzhled textu v těle
stránky nebo nadpisů, pozadí a
další grafické prvky, vytvoříte si
vlastní styl pomocí CSS.
Klikněte na ikonku paletky a
otevře se okno stylů. Vytvořte si a
pojmenujte nový styl a v něm pak
postupně definujte jednotlivé
položky. Nezapomeňte uložit
Takto docílíte toho, že kdykoliv následně použijete tag, který jste editovali
pomocí CSS stylu, bude tento zobrazen podle vámi nastaveného vzhledu.
Závěrem
●
●
●
●
Jak sami vidíte, jediné co musíte umět při práci s
KompoZerem, je klikat tlačítkem myši a mít představu,
jak má vaše dílo vypadat a kam ho chcete vložit.
Jak snadné!
KompoZer je opravdu jednoduchý nástroj, který má ale i
pokročilé funkce včetně JavaScriptu a CSS.
Vytvářet tak můžete vše od jednoduchých statických
stránek až po stránky složitější.