1. Теоретична част
1. Структуриране на текста: заглавия и абзаци
Заглавията определят йерархията на съдържанието, а абзацът групира свързан текст. Браузърът игнорира излишните интервали и нови редове в кода, затова пренос на ред и разделител се задават с отделни тагове.
<h1>–<h6>– шест нива на заглавия;<h1>е най-важното и обикновено се използва веднъж на страница.<p>– абзац;<br>– нов ред в рамките на абзаца;<hr>– хоризонтална разделителна линия.
2. Форматиране на думи и фрази
Текстът в абзаца може да се откроява с тагове, които показват важност, наблягане или промяна на вида му. Тези тагове се поставят около текста, който се форматира, и трябва да се затварят в правилен ред.
<strong>– важен текст (получер);<em>– наблягане (курсив).<sub>– долен индекс;<sup>– горен индекс;<mark>– маркиран текст;<del>– задраскан текст.
2. Практическо задание
Тема: Форматиране на текст.
Време за работа: 35 минути
Условие 1: Създайте файл receta.html с валидна HTML структура, в който представите рецепта чрез заглавия и абзаци. Използвайте текст по ваш избор или следния: „Домашни палачинки“, „Съставки: брашно, мляко, яйца, сол“, „Приготвяне: разбийте яйцата, добавете млякото и брашното, изпечете в тиган“.
- Заглавието „Домашни палачинки“ да е в
<h1>, а „Съставки“ и „Приготвяне“ – в<h2>; всяка част да съдържа текст в<p>. - Съставките да се запишат на отделни редове чрез
<br>, а между двата раздела да се постави<hr>.
Условие 2: Във файла добавете раздел „Полезна информация“ <h2> с два абзаца, в които приложите форматиране на думи и фрази. Използвайте данните: „Водата има формула H2O“, „Една палачинка е с диаметър 20 cm, а тиганът заема площ 314 cm2“, „Цена: 5 лв. – сега 4 лв.“.
- Формулата и мерната единица да се запишат с
<sub>и<sup>; старата цена да е в<del>, а новата – в<mark>. - Поне една важна дума да е в
<strong>, а поне една дума да е наблегната с<em>; страницата да се отвори в браузър и да се провери резултатът.
Цел: Учениците да упражнят структуриране на текст със заглавия, абзаци, нов ред и разделител, както и форматиране на думи с логически и визуални тагове. След заданието трябва да могат да създадат четлива и правилно форматирана уеб страница.
3. Критерии за оценяване
| Критерий | Точки |
|---|---|
| 1. Спазване на правилата за здравословни и безопасни условия на труд и опазване на околната среда | 10 т. |
| 2. Ефективна организация на работното място | 10 т. |
| 3. Спазване на технологичната последователност на операциите според индивидуалното задание | |
| 3.1 Правилно използвани заглавия h1 и h2 и абзаци p в рецептата | 20 т. |
| 3.2 Правилно използвани br и hr за нов ред и разделител | 20 т. |
| 3.3 Правилно приложени strong, em, sub, sup, mark и del в раздела „Полезна информация“ | 20 т. |
| 3.4 Коректна HTML структура, правилно затворени тагове и верен резултат в браузъра | 20 т. |
| Общо: | 100 т. |
4. Оценъчна скала
| Оценка | Точков диапазон |
|---|---|
| Отличен (6) | 90–100 т. |
| Много добър (5) | 80–89 т. |
| Добър (4) | 70–79 т. |
| Среден (3) | 60–69 т. |
| Слаб (2) | под 60 т. |
Изготвил: Цветелин Борисов