Nebudeme používat poznámkový blok, ale editor PSPad, který má mnoho funkcí .
Důležitou je možnost vytváření projektů = uložení a současná editace (otevření) více souborů, které budou tvořit náš web.
Například chci vytvořit web rok, se stránkami pro roční období jaro, léto,... Úvodní stránka rok bude obsahovat rozcestník na klikání. Stránky pro jaro, léto texty a obrázky...
Vytvoř složku na disku PC a pojmenuj ji.
(v pracovní složce Web např. P1 nebo rok)
Spusť PSPad a vytvoř nový soubor podle šablony (HTML5)
lze nastavit i v Nastavení -> Adresáře a soubory
Soubor ulož na disk do složky P1 (rok) pod názvem p1.html (rok.html)
V PSPadu myší zařaď soubor (za záložku) do složky projektu.
V PS Pad pojmenuj Nový projekt - pravé tlačítko myši - přejmenovat
(např. P1 nebo rok)
Vytvoř další nový soubor požadovaného typu (ze šablony html5) a ulož ho na disk do P1 (rok) pod názvem soubor1.html (jaro.html, leto.html).
V PSPadu myší zařaď soubor (za záložku) do složky projektu.
Projekt p1.ppr (rok.ppr) ulož do složky P1 (rok).
Kódování - aby se nám správně zobrazovala čeština, musíme uložit soubor v deklarovaném kódování:
Máme-li nastaveno <meta charset='utf-8'> musíme nastavit totéž např. dole v okně kliknutím nebo v nabídce Kódová stránka.
Vytvořit nový projekt, otevření a uložení projektu lze provést pomocí ikonek
Použití nástrojů PS Pad:
Zalomí řádky podle šířky nastavené na pravítku kliknutím.
Syntaxe - zvýrazní podle zvoleného typu
Odsadí a zarovná kód.
Vždy budeme používat na web (projekt) novou složku, do které budeme ukládat všechny soubory.
Možnosti editace html kódu v PSPad
Úkol: Vytvoř projekt ROK
Na disku vytvoř složku Rok
V PSPadu vytvoř projekt rok, (soubor rok.ppr) se soubory jaro.html, leto.html, podzim.html, zima.html, rok.html
(Ulož na disk, zařaď do projektu a projekt ulož do složky na disk).
Začneme s titulkem v hlavičce - tag <Title>
Mezi <title> a </title> napíšeme to, co chceme, aby bylo vidět v záložce prohlížeče.
Obsah webové stránky:
vše bude mezi <body> </body>
nadpisy až 6 úrovní: <h1> </h1>
odstavce <p> </p>
Úkol: doplň soubory
U souborů rok.html, jaro.html (leto.html) vytvoř titulek Roční období, Jaro, ...
Nadpisy Jaro a odstavce textu (ze souboru rok.txt)
To, jak se bude jevit text v editoru, nemá vliv na jeho zalámání v okně prohlížeče. Odstavce jsou zalámány tagem.
Jaro
(zastarale Vesna) je jedno ze čtyř ročních období. V mírném pásu se vyznačuje začátkem vegetativní aktivity rostlin a zvýšením aktivity živočichů. Prodlužují se dny, otepluje se.
Meteorologické jaro začíná 1. března a končí 31. května. Jarními měsíci jsou březen, duben a květen.
Léto
Léto je jedno z ročních období. V různých oborech je ale definováno různě. Astronomické léto začíná letním slunovratem a končí podzimní rovnodenností. Vegetační léto v mírném pásu se vyznačuje průměrnými teplotami nad 15 °C.
Astronomické léto na severní polokouli nastává s červnovým slunovratem, tedy v okamžiku, kdy se Slunce na své zdánlivé pouti po obloze dostane nejseverněji. Obvykle se Slunce do těchto míst dostane okolo 21. června. Na jižní polokouli nastává v okamžiku, kdy se Slunce na své zdánlivé pouti po obloze dostane nejjižněji, což se obvykle stává okolo 21. prosince.
Rok
budeme vytvářet "menu" - klikací rozcestník - viz P2
zapněte si prosím titulky