<h3 id="R1">1. Wstawianie kodu XHTML/CSS</h3>

<p>
Znaczniki XHTML oraz kod CSS mogą być wstawiane na dwa sposoby:
</p>

<ul>
<li>przy użyciu skrótu klawiszowego,</li>
<li>przy użyciu palety szablonów.</li>
</ul>

<h4 id="P1-1">1.1 Z klawiatury</h4>

<p>
Skrót klawiszowy <span class="shortcut">Ctrl+B+1</span> wstawia
kod pustej strony WWW.
</p>

<p>
W celu wprowadzenia kodu XHTML zdefiniowanego
skrótem klawiszowym <span class="shortcut">Ctrl+B+1</span> należy:
</p>

<ul>
<li>nacisnąć i trzymać lewy przycisk <span class="shortcut">Ctrl</span>,</li>
<li>trzymając przycisk <span class="shortcut">Ctrl</span> nacisnąć (jeden raz, krótko) przycisk <span class="shortcut">B</span>,</li>
<li>zwolnić przycisk <span class="shortcut">Ctrl</span>,</li>
<li>nacisnąć (jeden raz, krótko) przycisk <span class="shortcut">1</span>.</li>
</ul>



<p>
Po naciśnięciu skrótu <span class="shortcut">Ctrl+B+1</span> w
dokumencie XHTML powinien pojawić się kod
pustej strony WWW widoczny na rysunku 1.
</p>


<div class="image">

<a href="img/1-duze.png"><img src="img/1.png" alt="" /></a>

<p>
Rys. 1.
Pusty dokument XHTML po aktywacji skrótu <span class="shortcut">Ctrl+B+1</span>
</p>
</div>








<p>
Po poprawnym wykonaniu pierwszej części skrótu
(tj. po naciśnięciu <span class="shortcut">Ctrl+B</span>) w lewym dolnym narożniku
okna <span class="program">NotH</span> zostanie wyświetlona informacja <span class="shortcut">^B</span>.
Jeśli chcesz, to komendę możesz w połowie anulować
naciskając przycisk <span class="shortcut">ESC</span>.
Ilustruje to rysunek 2.
</p>

<div class="image">

<a href="img/2-duze.png"><img src="img/2.png" alt="" /></a>

<p>
Rys. 2.
<span class="program">NotH</span> po wydaniu pierwszej części skrótu tj. po naciśnięciu <span class="shortcut">Ctrl+B</span> (<span class="shortcut">^B</span>)
</p>
</div>






<p>
Identyczną metodą wstawisz inne skróty:
<span class="shortcut">Ctrl+D+P</span> (akapit <span class="variable">p</span>),
<span class="shortcut">Ctrl+E+E</span> (element <span class="variable">em</span>), itd.
</p>


<p>
Pełny zestaw skrótów znajdziesz w dokumencie
<a href="###PATH_PREFIX###download/noth_1_0_skroty.pdf">noth_1_0_skroty.pdf</a>.
</p>

<p>
Najważniejsze skróty klawiszowe są zawarte w dokumencie:
<a href="###PATH_PREFIX###download/noth_1_0_podstawowe_skroty.pdf">noth_1_0_podstawowe_skroty.pdf</a>.
</p>





<p>
Skróty
<span class="shortcut">Ctrl+B+1</span>,
<span class="shortcut">Ctrl+D+P</span>,
<span class="shortcut">Ctrl+E+E</span> bywają zapisywane
jako <span class="shortcut">^B1</span>,
<span class="shortcut">^DP</span>,
<span class="shortcut">^EE</span>.
</p>


<h4 id="P1-2">1.2 Z okna szablonów</h4>


<p>
W celu wstawienia kodu XHTML/CSS przy użyciu myszki należy:
</p>

<ul>
<li>wyświetlić paletę szablonów <span class="option">Widok &rarr; Okienka narzędziowe &rarr; Paleta szablonów</span> (<span class="shortcut">F12</span>),</li>
<li>rozwinąć drzewo szablonów, odnaleźć odpowiednią pozycję,</li>
<li>podwójnie kliknąć wybrany element: np. zaznaczony na rysunku szablon pustej strony WWW.</li>
</ul>


<div class="image">

<a href="img/3-duze.png"><img src="img/3.png" alt="" /></a>

<p>
Rys. 3.
Wstawianie kodu XHTML przy użyciu myszki i palety szablonów
</p>
</div>

