Веб-дизайн 2021–2022

Мастер-класс 22 февраля 2022 года: видео

Состоялся мастер-класс, посвященный демонстрационному экзамену по дополнительной общеразвивающей программе Web-дизайн. На мастер-классе описаны основные концепции и приемы веб-дизайна, на примерах рассмотрены типовые решения задач, встающих перед веб-дизайнером. Видео на youtube.

Задания

  1. Создать (рассказать) историю
  2. Сделать html-страницу, содержащую минимум заголовок (теги h1, h2) и несколько параграфов (тег p): историю и указание автора
  3. Добавить минимум одну иллюстрацию (элемент img)
  4. Добавить внутреннюю и внешнюю ссылки (теги a и a:blank)
  5. Сделать несколько страниц и связать их перекрестными ссылками
  6. Проверить страницу при помощи валидатора и исправить все ошибки разметки
  7. Зарегистрироваться на хостинге, выбрать URL-адрес сайта и создать его. Выложить файлы проекта на хостинг.
    Главная страница должна быть в директории public_html и иметь название index.html
  8. Найти поиском или создать новую иконку ☝🏼, добавить ее на страницы при помощи тега link:favicon
  9. Постараться ответить на все вопросы

Пример

Страница Кота

Что должно быть на сайте? 👇

Страницы, сделанные на занятиях (2021–2022):

группа в среду

  1. Каратэ xanderddd.000webhostapp.com Автор Саша Ошибки валидации! шапка, меню, футер, фоновая картинка, иконка
  2. Гречка grechka148.000webhostapp.com grechka.lh1.in шапка, меню, футер, фоновая картинка, иконка
  3. Футбол, Fifa mobile 78977897.000webhostapp.com Архив с исправленными файлами меню, (эмодзи), фоновая картинка, иконка
  4. Волейбол Футбол Баскетбол, Волейбол Футбол Баскетбол на 000webhostapp.com Кузнецов Никита Валидация пройдена! меню, стили, иконка
  5. ВОВ (vov.lh1.in), ВОВ на 000webhostapp.com goodfotoqueen.000webhostapp.com Автор Алексей Валидация пройдена! меню, иконка, стили
  6. лавандовые поля impro07.000webhostapp.com Автор Лена картинка (Красиво! Добавить историю, вторую страницу и ссылки)
  7. Brawl Stars, Supercell vebsiteartemiy.000webhostapp.com картинки, ссылки 2 страницы (сделать меню)
  8. Змейка Группа new Medicine myfirstprojectbyme.000webhostapp.com фоновая картинка, 2 страницы, иконка
  9. Майнкрафт 1dexrex1.000webhostapp.com картинки, список (добавить ссылки, вторую страницу)
  10. Надо было как-то назвать mainch.000webhostapp.com меню, иконка (можно делать статический сайт на github pages! или динамический на PHP, но на 000webhost)
  11. История Федирации Косики карате России kosiki.000webhostapp.com Сайт недоступен
  12. Охрана природы treqw123.000webhostapp.com Автор Анна Блощаневич картинка? (упс! сайт удален? html-файл главной страницы должен называться index.html и лежать в папке public_html!)
  13. ворд оф тенкс subcranial-school.000webhostapp.com Картинка и вторая страница пропали!
  14. Россия Автор Сотников Николай

группа в субботу

  1. Глеб Чопалавов dupeiu.000webhostapp.com Сайт больше недоступен стили, блоки, градиент, анимация
  2. World of Tanks Blitz (krasav4ek.lh1.in) (World of Tanks krqasav4ek.000webhostapp.com) стили, фоновая картинка, заданы свойства фона, внешняя ссылка (Сделать вторую страницу и меню)
  3. Учёба. Термины и программы предметов mmclass.000webhostapp.com стили, transition-анимация текста, несколько страниц Добавить контент, сделать одинаковое меню на каждой странице
  4. G_c home page g-c-the-dog.github.io/ github, цвет фона, картинки, 3 страницы, меню Сделать футер (подвал сайта)
  5. hogwarts.lh1.in, Гарри Поттер и философский камень hogwarts767.000webhostapp.com,
    ВСЁ ПРО ФРАНЦИЮ hedwig3110.000webhostapp.com Автор Кира Чапоргина меню, стили, градиент
  6. TOM&JERRY tom-jerry-007.000webhostapp.com Автор Билл Гейтс картинка, ссылки, 2 страницы (пора делать меню!)
  7. я учился прогромировать hhtp-301w.000webhostapp.com Дмитрий Ромашков Сайт недоступен добавить ссылки, вторую страницу
  8. Hello i'm panzerkampfvagen Автор Леонид Пименов mypanzerkampfvagen.000webhostapp.com а еще panzerkampfvagen8800 картинки (можно делать меню! Добавить историю на русском)
  9. Wot Blitz poleznyisait.000webhostapp.com Автор GGx7 картинки, видео (добавить историю, вторую страницу, ссылки)
  10. Майнкрафт команды и моды dliss.000webhostapp.com две страницы, картинка, цвет фона Добавить историю!
  11. моя страница хеллоуин helloun.000webhostapp.com картинки, ссылки, 2 страницы Автор: Алиса (добавить иконку, сделать меню)
  12. tipro.lh1.in, Стендофф 2, PUBG youtop2021.000webhostapp.com
  13. Моя история Автор Илья lovepsg.000webhostapp.com фоновая картинка, стили, transform-анаимация текста, 2 страницы Можно делать меню, надо найти тему сайта. Как еще сделать выравнивание по правому краю
  14. Художественная гимнастика adgymnastics1998.000webhostapp.com цвет фона, картинки, 2 страницы (оформить меню, добавить иконку)
  15. Художественная гимнастика allaboutrhythmicgymnastics-rio2016.000webhostapp.com цвет фона, картинки, 2 страницы
  16. русские школы прортив американских 10 главных отличий dhfhf.000webhostapp.com 123misha3212.000webhostapp.com (123misha321.000webhostapp.com) заголовок, картинки, фон, оформление Добавить ссылки, оформить меню

Архив 2019–2020

Ссылки