10.2А - Создание веб-страниц
мультимедиа
Homework:
5 минут
Проверка домашнего задания
10.2А - Создание веб-страниц
Книга 1: "1984" - Автор: Джордж Оруэлл - Жанр: антиутопия - Год издания: 1949
Книга 2: "Война и мир" - Автор: Лев Толстой - Жанр: исторический роман - Год издания: 1869
Книга 3: "Мастер и Маргарита" - Автор: Михаил Булгаков - Жанр: роман-фантастика - Год издания: 1967
Книга 4: "Преступление и наказание" - Автор: Фёдор Достоевский - Жанр: психологический роман - Год издания: 1866
Как воспринимается информация в виде текста?
Какие трудности возникают при быстром нахождении нужных данных?
Как воспринимается информация в виде таблицы?
Какие преимущества даёт таблица для поиска и сравнения данных?
Какой объект позволяет структурировать информацию?
10.2А - Создание веб-страниц
Таблицы
10.1.2.9 применять теги для создания таблицы на веб-странице
10.2А - Создание веб-страниц
HTML Tables
HTML Tables
<html> <head> <title>Page Title</title> </head>
<body>
<table border="1">
<caption>Книги в библиотеке</caption>
<thead>
<tr> <th>Название</th>
<th>Автор</th>
<th>Жанр</th>
<th>Год издания</th>
</tr>
</thead>
<tbody>
<tr>
<td>1984</td>
<td>Джордж Оруэлл</td>
<td>Антиутопия</td>
<td>1949</td>
</tr>
<tr>
<td>Война и мир</td>
<td>Лев Толстой</td>
<td>Исторический роман</td>
<td>1869</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">Количество книг: 2</td>
</tr>
</tfoot>
</table>
</body> </html>
Какой элемент использован для начала таблицы? Почему этот тег важен?
Что происходит, когда используется тег <caption>? Какой текст отображается в таблице, и для чего это нужно?
Для чего нужен тег <thead> и какую роль он играет в таблице?
Какую роль выполняет тег <tr> в структуре таблицы? Что он означает для строки данных?
В чем отличие ячеек, созданных с помощью <th>, от ячеек, созданных с помощью <td>?
Какой элемент используется для создания обычных ячеек в таблице и как он работает?
Какую роль играет тег <tbody>? В чем его отличие от других частей таблицы?
Для чего используется тег <tfoot> и как он влияет на внешний вид таблицы?
Для создания списков используются два парных тега
HTML Tables
HTML Tables
10.2А - Создание веб-страниц
HTML Tables
10.2А - Создание веб-страниц
HTML Tables
1.
2.
Прежде чем начать работать, давайте определим, как мы будем оценивать свою работу. Это поможет
вам лучше понять, на что стоит обратить внимание при выполнении задания.
Какие основные теги HTML вы изучили, которые используются для создания
таблицы?
Почему правильное использование тегов <table>, <tr>, <td> и <th> так важно для структуры таблицы?
Можем ли мы сказать, что это основной элемент для её создания?
Если вы создаёте таблицу для проекта (например, расписания или каталога), какие аспекты её структуры и оформления были бы важны?
Давайте попробуем сформулировать критерии, основываясь на ваших ответах. Попробуем выделить ключевые навыки, которые будут важны для оценивания вашей работы
Group work
HTML Tables
Эстафета на скорость
1 группа | 2 группа | ||
Какой тег используется для создания таблицы в HTML? | a) <table> b) <tr> c) <td> d) <th> | Какой атрибут задаёт границу для таблицы в HTML? | a) border b) Width c) cellpadding d) style |
Как называется тег, который используется для создания строки в таблице? | a) <td> b) <tr> c) <th> d) <table> | Какой тег используется для создания ячеек в строках таблицы? | a) <td> b) <th> c) <tr> d) <table> |
Как объединить ячейки по горизонтали в таблице? | a) colspan b) Rowspan c) Merge d) cellpadding | Как можно задать заголовок таблицы в HTML? | a) <thead> b) <tfoot> c) <tbody> d) <caption> |
Эстафета на скорость
Дескрипторы:
- использует теги для создания строк и полей;
- выделяют название каждого столбца (заголовок)
- использует атрибуты для обозначения границы таблицы;
- использует атрибуты для улучшения внешнего вида, такие как colspan или rowspan;
- использует нумерованные или маркированные списки для отображения задач;
- *вставляют изображение в ячейку;
Последний дескриптор ориентирован на тех, кто чувствует уверенность в выполнении базового задания и хочет попробовать свои силы в более сложных элементах. Это возможность проявить ваши таланты и углубить знания
Проблема пластиковых отходов
Задание:
Прочитайте текст (приложение_1). Создайте таблицу, которая будет включать следующую информацию:
Продукты, которые вызывают проблему (например, пластиковые пакеты, бутылки, посуда).
Влияние на окружающую среду.
Меры для решения проблемы.
Лестница успеха
Проанализируйте свой прогресс и достижения, и выберите ту ступень, которая, по вашему мнению, отражает ваш результат
Лестница успеха | |||||
Я почувствовал (а) себя экспертом и готов (а) помочь другим | 6 ступень | ||||
Я выполнил (а) задание на высоком уровне, добавил (а) дополнительные элементы | 5 ступень | ||||
Я выполнил (а) задание и использовал все основные элементы | 4 ступень | ||||
3 ступень | Я выполнил (а) задание, но мне нужно улучшить некоторые части | ||||
2 ступень | Я сделал (а) только часть задания | ||||
1 ступень | Я не уверен в своём результате | ||||
Что вам удалось сделать, а что вызвало трудности?
Что бы вы хотели улучшить или сделать по-другому в процессе работы?
Какие впечатления остались от занятия? Что вам понравилось, и что нового вы узнали?
77 стр,
задание №7