Страница заданий кружков «Web-дизайн»

Задания ниже – в первую очередь, для самопроверки. Если при чтении материалов и выполнении заданий возникают сложности, желательно задавать вопросы. Связь – любым удобным вам способом.

Видео про все этапы создания сайта из нескольких страниц

Видео на Youtube. Его также можно скачать с Google Drive.

Основы

Знать определения и уметь ответить:

  1. Какие инструменты использует веб-дизайнер
  2. Что такое интернет, сервер и клиент
  3. Что такое «Всемирная паутина» World Wide Web, как она устроена, что такое web-страница и web-сайт
  4. Что такое web-браузер, какие его основные функции («что он делает»), какие браузеры наиболее распространенные
  5. Что такое HTML, зачем он нужен, как написать web-страницу и открыть ее в браузере, как сделать ее доступной по сети
  6. Как создать шаблон web-страницы и наполнить его содержанием
  7. Что такое хостинг, как показать созданную web-страницу любому желающему взглянуть на нее
  8. Что такое HTML-тег и атрибут, какие бывают виды тегов, как устроены парные теги, что такое принцип вложенности
  9. Как создать главные элементы web-страницы: заголовок, параграф, изображение, ссылка, список

Работа над проектами

Желательно определиться с темой, технологиями и этапами реализации проекта, то есть, авторского сайта. Основные технологии web-дизайна: HTML, CSS, JavaScript и PHP.
Возможные темы для сайта (творческого задания):

  1. Моя персональная web-страница
  2. Тематический сайт
  3. Арт-проект. Визуальное искусство средствами web-дизайна.
  4. Создание прототипа сайта средствами векторного графического редактора Figma.com
  5. Демонстрация web-технологии. Например, страница с игрой или тест
  6. Мой взгляд на web-технологию. Например, сайт Что такое программирование?

Архив

За 2019–2020 учебный год, за 2020–2021 учебный год (задания по блоку HTML и CSS)