№1 · HTML
1. Назначение HTML
Выберите назначение языка HTML при создании сайта.
Типы заданий
Множественный выборЗаполни пропускиТаблица
Создание веб-сайта портфолио
Ф.И.
Класс
Разберём, как спроектировать сайт-портфолио: от структуры HTML-страницы до доступности, адаптивности и защиты персональных данных.
№2 · СТРУКТУРА
2. Основные части HTML-документа
Заполните пропуски, назвав основные элементы начала HTML-документа.
Содержимое HTML-документа размещают внутри тегов и .
№3 · СТРУКТУРА САЙТА
3. Разделы портфолио
Дополните таблицу типичными разделами сайта-портфолио. Заполните скрытые ячейки.
| Раздел | Что размещают | Пример содержимого |
|---|---|---|
| О себе | ||
| Проекты | ||
| Контакты |
№4 · СТРУКТУРА САЙТА
4. Файлы многостраничного сайта
Заполните таблицу, распределив назначение файлов сайта-портфолио.
| Файл | Назначение | Что может содержать |
|---|---|---|
| index.html | ||
| projects.html | ||
| style.css |
№5 · ДОСТУПНОСТЬ
5. Альтернативный текст
Выберите правильное назначение атрибута alt у изображения.
№6 · CSS
6. Расширение файла стилей
Вставьте расширение файла внешней таблицы стилей.
Файл внешней таблицы стилей имеет расширение .
№7 · ДАННЫЕ
7. Типы данных в портфолио
Заполните таблицу, указав безопасный способ представления разных данных на сайте.
| Данные | Подход | Пример |
|---|---|---|
| Имя автора | ||
| Личный телефон | ||
| Результат проекта |
№8 · СЕМАНТИЧЕСКАЯ РАЗМЕТКА
8. Семантические элементы страницы
Заполните пропуски, выбрав подходящие семантические элементы HTML для частей страницы.
Для верхней части страницы используют , для основной информации — , для нижней части — .
№9 · ПРОЕКТИРОВАНИЕ
9. Проектирование пользовательского сценария
Заполните таблицу для сценария посетителя, который знакомится с портфолио и выбирает проект.
| Этап | Действие посетителя | Элемент интерфейса |
|---|---|---|
| 1 | ||
| 2 | ||
| 3 |
+9 заданий в этом листе
Зарегистрируйтесь — и соберите свой рабочий лист по этой теме за минуту: заданий столько, сколько нужно.
№10 · БЕЗОПАСНОСТЬ
10. Персональные данные
Какое решение наиболее безопасно для публичного школьного портфолио?
№11 · АДАПТИВНОСТЬ
11. Адаптивная вёрстка
Заполните пропуски терминами, связанными с адаптацией сайта к разным экранам.
Для адаптивности применяют относительные единицы , правило CSS и метатег .
№12 · АРХИТЕКТУРА
12. Модель данных проекта
Заполните таблицу для карточек проектов, чтобы содержание можно было единообразно разместить на сайте.
| Поле карточки | Назначение | Пример формата |
|---|---|---|
| Название | ||
| Описание | ||
| Ссылка |
№13 · ДОСТУПНОСТЬ
13. Доступная навигация
Заполните пропуски, указав два признака доступной навигации сайта.
Навигация должна иметь понятные подписи ссылок и сохранять работоспособность при управлении с помощью ; для читаемости нужен достаточный текста и фона.
№14 · ЭТИКА И БЕЗОПАСНОСТЬ
14. Публикация материалов
Ученик хочет разместить в портфолио фотографию командного проекта, на которой видны одноклассники. Какое действие соответствует ответственному размещению материала?
№15 · ВАЛИДАЦИЯ
15. Проверка качества сайта
Заполните пропуски в плане проверки готового сайта.
Перед публикацией нужно проверить HTML на синтаксические ошибки, протестировать ссылки и оценить отображение сайта на разных ; для доступности следует проверить управление с помощью и наличие у изображений.
№16 · ЗАЩИТА ПРОЕКТА
16. План выпуска портфолио
Заполните пропуски в последовательности подготовки сайта к публикации.
Сначала проверяют структуру и содержание страниц, затем тестируют навигацию и отображение на разных экранах, после этого исправляют найденные , проверяют доступность и только затем размещают сайт на ; копию исходных файлов хранят в отдельном .
№17 · СЕМАНТИКА HTML
17. Семантические элементы портфолио
Заполните пропуски, выбрав подходящие семантические элементы HTML для разделов портфолио.
Самостоятельный проект портфолио оформляют с помощью элемента , а контактные данные автора — с помощью элемента .
Создайте уникальный лист по своей теме
- Любая тема, любой уровень
- 20+ типов заданий
- 100% уникальный контент
- Со страницей ответов
- Защита от списывания
- Готово за 1 минуту
Другие темы по информатике для 11 класса
Решение задач по теме электронные таблицы (без использования компьютера)Вредоносное программное обеспечение и антивирусные программы; Правовое обеспечение информационной безопасности; Средства защиты информации в компьютерах и сетях; Социальные сети. Сетевой этикетСистема, системный подход. СистематизацияОбработка информации в электронных таблицахЦиклы с условием. Циклы по переменной; Ветвления. Составные условияЗащита информации, вредоносные программы, антивирусные программы, безопасность в интернетеТекстовые документы. Виды программного обеспечения для обработки текстовой информацииТабличный процессор. Копирование и перемещение данныхВеб-сайт и веб-страница. Взаимодействие браузера с веб-сервером; Динамические страницы. Разработка интернет-приложенийТехногенные и экономические угрозы, связанные с использованием ИКТВредоносное программное обеспечение и способы борьбы с нимТехногенные и экономические угрозы, связанные с использованием ИКТ. Защита информации и информационная безопасность
Чем удобны рабочие листы Нейрум
- По действующей программеТемы и задания совпадают со школьной программой 1–11 классов. Открыли — дали классу, без правок.
- Готово к печати, с ответамиPDF в формате A4 и ключ ответов на отдельной странице. Скачали, распечатали, раздали — без правок в Word.
- Свой лист за минутуНе нашли нужный? ИИ-конструктор соберёт лист по вашей теме, классу и типам заданий.
Вопросы и ответы
Как скачать рабочий лист «Создание веб-сайта портфолио обучающегося»?
Зарегистрируйтесь бесплатно — лист сохранится в личном кабинете, откуда его можно скачать в PDF и распечатать.
Сколько заданий в листе и какие они?
В листе 17 заданий: множественный выбор, заполни пропуски, таблица.
Соответствует ли лист ФГОС?
Да, задания ориентированы на школьную программу по информатике для 11 класса по ФГОС.
Можно ли изменить задания под свой класс?
Да. После регистрации лист открывается в конструкторе: задания можно заменить, перегенерировать или добавить новые.