+7 (812) 703-02-02 info@hse.spbstu.ru

Практикум по созданию сайтов для начинающих

C 7 класса | 10 занятий | Очно

Длительность курса: 40 ак. часов (10 занятий по 4 ак. часа)

О чём курс

Цель курса – познакомить с проектной деятельностью по созданию сайтов, дать навыки практической работы, познакомить с профессиями в области веб-дизайна, помочь выбрать направление для дальнейшей учебы.

Что будет на интенсиве:

  • Вначале Вы создадите простую текстовую страницу, затем научитесь работать с изображениями. 
  • Следующий шаг – как переместить пользователя с одной веб-страницы на другую с помощью навигации.
  • В конце первой недели – готов ваш первый сайт Авто, рассказывающий о гоночных машинах.
  • Вторая неделя – второй сайт. Сложнее и интереснее – его вид будет меняться в зависимости от действий пользователя и условий просмотра.
  • Для начала создадим галерею изображений, а затем и главную страницу туристического сайта «Пескара».

Также Вы узнаете:

  • Как использовать градиенты и тени.
  • Как трансформировать элементы и «оживить» их с помощью анимации.
  • Для чего нужны домен и хостинг.

В конце интенсива поговорим об актуальных профессиях вобласти создания сайтов и Вы сможете узнать чему и как учат на различных курсах таких направлений АИШ, как «Веб-разработка» и «Веб-дизайн».

До встречи на занятиях!

Чему научим

В результате освоения дополнительной образовательной программы обучающиеся будут:

знать:

  • основные информационные и графические элементы веб-страницы;
  • базовые элементы языка разметки гипертекста HTML, в объёме достаточном для вёрстки простых страниц статических веб-сайтов;
  • основные возможности оформления отображения элементов веб-страницы (каскадные таблицы стилей CSS);
  • базовые принципы дизайна веб-страниц;
  • как сделать сайт доступным для просмотра в Интернет;

уметь:

  • проектировать структуру простого сайта;
  • разрабатывать эскизы простых графических макетов веб-страниц;
  • учитывать изменение отображения элементов веб-страницы в браузере в зависимости от условий просмотра;
  • добавлять основные элементы на веб-страницу с помощью HTML;
  • использовать CSS (каскадные таблицы стилей) для оформления текстовых и графических элементов;
  • различать сферы деятельности веб-дизайнера и веб-разработчика;

владеть:

  • базовыми навыками работы с HTML и CSS кодом;
  • базовыми приемами веб-дизайна с учетом правил юзабилити;
  • основами работы с онлайн-сервисами для прототипирования, для подбора параметров дизайна элементов веб-страниц.

Занятие 1

Проектируем веб-страницу

  • Что такое «страница сайта»: какие бывают, как создаются.
  • Какие программы используются для создания веб-страниц.
  • Что такое прототип. Стандартные блоки для каждой страницы и уникальное содержимое.

Занятие 2

Знакомимся с дизайном текста веб-страниц

  • Рассматриваем возможности оформления текстовых элементов веб-страницы.

Занятие 3

Изображения на веб-страницах. Оформление блоков

  • Как разместить изображение в качестве иллюстрации.
  • Рассмотрим возможности оформления фона: использование цвета, изображений, градиентов.

Занятие 4

Интерактивные элементы веб-страниц. Навигация по сайту

  • Рассматриваем способы перехода между страницами сайта (разные способы навигации).
  • Возможности оформления интерактивных элементов веб-страницы.

Занятие 5

Финальная сборка сайта. Домен. Хостинг

  • Использование шаблонных элементов.
  • Выпадающее меню навигации.
  • Как сделать сайт доступным для просмотра в Интернет.

Занятие 6

Визуальные и интерактивные эффекты на веб-странице

  • Формы, тени, прозрачность.
  • Трансформации.
  • Простые способы анимации веб-элементов.

Занятие 7

Создание страницы-галереи изображений

  • Рассмотрим примеры создания галерей изображений.
  • Изображения с подписями: как определить и оформить.
  • Создадим галерею для нового проекта - веб-страницы туристического сайта.

Занятие 8

Отображение веб-страниц на разных устройствах

  • Рассмотрим виды дизайна сайтов: фиксированный, отзывчивый, адаптируемый.
  • Как настроить изменение отображения элементов при изменении условий просмотра.

Занятие 9

Создание сайта адаптируемого дизайна

  • Особенности проектирования сайта адаптируемого дизайна.
  • Рассмотрим способы адаптации важных элементов любой страницы: навигации и контента.

Занятие 10

Веб-дизайн и веб-разработка: что общего, в чем отличие

  • Рассмотрим современные примеры сайтов: дизайн и функциональность.
  • Как работать с цветом и шрифтом: приемы, полезные сервисы.
  • Профессии в веб-дизайне: UI-дизайнер, UХ-дизайнер, верстальщик, моушн-дизайнер, программист.

Стоимость

16 500 ₽

Есть скидки от 10% до 20%. Узнать подробнее...

Как поступить

Для тех, кто еще не учится в АИШ:

  • Вступительное тестирование

Для уже обучающихся в АИШ:

  • Компьютер-друг
Тест № АИШ-001 Основы компьютерной грамотности

Тест на владение практическими навыками работы в ОС MS Windows:

  • Проходной балл: 60
  • Длительность: 60 минут
  • Количество попыток: 2

Необходимы знания и навыки для успешного прохождения тестирования:

  • Понятия файла
  • Понятие папки
  • Расширение файлов
  • Работа с файловой системой: копирование, удаление, перемещение, поиск, создание файлов и папок
  • Горячие клавиши
  • Работа с оконными приложениями
  • Работа с мышкой
  • Устройство и принцип работы компьютера
  • Операционная система: что это такое, цели и задачи

Как записаться на занятия

Академия информатики для школьников в цифрах

18 лет

успешной работы
в Политехническом университете Петра Великого

16

направлений обучения

83

учебные программы

3 500

школьников
проходят обучение
ежегодно

4

учебные площадки

36

компьютерных классов