ОбразованиеУчи по-лесно.
Моят профил Моят напредък Настройки
Изход
Назад към темите

Тема: Списъци.

1. Теоретична част

1. Подредени и неподредени списъци

Списъкът в HTML групира свързани елементи, като всеки от тях се записва в таг <li> (list item). Видът на списъка зависи от това дали редът на елементите е важен.

  • <ul> – неподреден списък (unordered list), в който елементите се показват с маркери. Използва се за менюта и категории, например видове продукти.
  • <ol> – подреден списък (ordered list) с автоматично номериране. Подходящ е за стъпки и класации, а атрибутите type и start задават вида и началния номер на номерацията.

2. Вложени списъци и списъци с описания

Един списък може да се постави вътре в елемент <li> на друг списък и така се получава йерархия, например категории и подкатегории. Когато към всяко понятие трябва да има описание, се използва списък с описания.

  • Вложен списък: вътрешният <ul> или <ol> се записва вътре в отварящия и затварящия таг на <li>, а не след него.
  • <dl> – списък с описания, в който <dt> е терминът, а <dd> е неговото описание.

2. Практическо задание

Тема: Списъци

Време за работа: 35 минути

Условие 1: Страница с меню на пицария

Създайте файл menu.html със страница за онлайн поръчка в пицария. Страницата трябва да съдържа подреден и неподреден списък.

  • Подреден списък със стъпките за поръчка: Избор на продукт, Добавяне в количката, Въвеждане на адрес, Плащане. Неподреден списък с пици: Маргарита, Капричоза, Пеперони, Вегетарианска.
  • Структура на документа с <title>, мета таг за кодиране UTF-8 и заглавия, които предхождат всеки от двата списъка.

Условие 2: Каталог и речник

Създайте файл katalog.html с категории на онлайн магазин и малък речник на уеб термини. Използвайте вложен списък и списък с описания.

  • Вложен неподреден списък: Електроника (Лаптопи, Телефони) и Дрехи (Мъжки, Дамски).
  • Списък с описания <dl> с три термина: HTML – език за описание на уеб страници; Таг – означение, което определя елемент; Атрибут – допълнителна настройка на таг.

Цел: Учениците упражняват създаването на подредени, неподредени, вложени списъци и списъци с описания в HTML документ. След заданието те трябва да избират подходящ вид списък според вида на информацията.

3. Критерии за оценяване

Критерий Точки
1. Спазване на правилата за здравословни и безопасни условия на труд и опазване на околната среда 10 т.
2. Ефективна организация на работното място 10 т.
3. Спазване на технологичната последователност на операциите според индивидуалното задание  
3.1 Правилно създадени подреден и неподреден списък с 4 елемента във всеки в menu.html 20 т.
3.2 Коректна структура на документа в menu.html: title, кодиране UTF-8 и заглавия към списъците 20 т.
3.3 Правилно изработени вложен списък и списък с описания (dl, dt, dd) в katalog.html 20 т.
3.4 Правилност и точност на изпълнението: затворени тагове, коректна вложеност, верни данни и правилно показване в браузъра 20 т.
Общо: 100 т.

4. Оценъчна скала

Оценка Точков диапазон
Отличен (6) 90–100 т.
Много добър (5) 80–89 т.
Добър (4) 70–79 т.
Среден (3) 60–69 т.
Слаб (2) под 60 т.

Изготвил: Цветелин Борисов