Создание сайта «Быстрый старт»

Программа по курсу Создание сайта «Быстрый старт» насчитывает 5 учебных занятий или 10 часов.

Минимальные требования к слушателям:

— опытный пользователь ПК
— наличие ноутбука
— наличие аккаунта Gmail

Количество человек в группе: 2-5.

Для студентов и школьников дополнительная скидка в 10%.

Первое занятие — бесплатно

 

Стоимость и продолжительность обучения
Группа Период обучения Цена
Группа дневная/вечерняя/выходного дня 5 занятий запись не производится

 

Программа обучения

  1. Что такое сайт? Какие бывают сайты, в чем отличия. Зачем нужны сайты. Этапы создания сайта.
  2. Хостинг. Домен. Разновидности доменов. Отличия хостинга в зависимости от потребностей проекта. Shared хостинг и VPS/VDS.
  3. Системы управления контентом — CMS.
  4. Варианты создания сайта. Выбор CMS.
  5. Настройка локального окружения и установка CMS себе на комп
  6. Кастомизация CMS: установка и настройка расширений
  7. Кастомизация темы: введение в html/css. Инструменты.
  8. Перенос сайта на хостинг
  9. Электронный бомж или зачем привязывать почту к домену. Как привязать почту к домену
  10. Инструменты для продвижения сайта в сети. Контекстная реклама, facebook

Верстка HTML5 и CSS3

Программа по HTML-вёрстке насчитывает 15 учебных занятий или 30 часов.

Минимальные требования к слушателям:

— опытный пользователь ПК
— наличие ноутбука
— наличие аккаунта Gmail

Количество человек в группе: 2-5.

Для студентов и школьников дополнительная скидка в 10%.

Первое занятие — бесплатно

 

Стоимость и продолжительность обучения
Группа Период обучения Цена
Дневная группа 15 занятий запись не производится
Вечерняя группа 15 занятий запись не производится
Группа выходного дня 11-12 занятий запись не производится

 

Задания, которые будут выполнять слушатели курса:

Программа обучения

  1. Введение в веб.
    1. Что такое виртуальный сервер и интернет-сайт. Порядок создания интернет-сайта, роли разработчиков.
    2. Инструменты необходимые для вёрстки сайта: редакторы кода, инспекторы, полезные веб-ресурсы.
    3. Средства для просмотра веб-страниц. Браузер, принцип работы клиент-сервер. Какие бывают, различия в версиях.
  2. Введение в HTML. Форматирование документа
    1. Что такое HTML и для чего необходим. Основные теги. Порядок использования тегов.
    2. Кодировка документа и файлов. Её виды.
    3. Основные теги для форматирования текста: h1-h6, p, strong, em, br.
    4. Использование спецсимволов (мнемоник).
    5. Ссылки. Атрибуты ссылок. Относительный и абсолютный путь.
    6. Добавление графических элементов на страницу.
    7. Создание упорядоченного и не упорядоченного списков.
    8. Якоря. Использование якорей на странице.
    9. Стандарты w3.org, html Валидатор.
  3. Каскадные таблицы стилей (CSS)
    1. Что это и для чего нужны.
    2. Подключение CSS файла, использование “рыбы” для html и css. Использование style в документе.
    3. Стандартные отступы у элементов или что такое CSS-reset.
    4. Что такое class, id. Отличие.
    5. Форматирование текста.
  4. Порядок вёрстки веб-страницы
    1. Порядок создания веб-страницы: что такое макет и для чего он необходим.
    2. Стандарты PixelPerfect или вёрстка 1:1 к макету — если у дизайнера были мозги, когда он создавал макет, то это возможно.
    3. Тестирование на соответствие с макетом.
    4. Некоторые особенности веб-браузеров, эмуляторы Internet Explorer разных версий. Что такое виртуальная машина.
    5. Фиксированный и резиновый макет. Полурезина.
    6. Стандартное расположение блоков на странице: одна, две, три колонки. Вложенность блоков.
    7. Понятие SEO оптимизации и что такое стандарт WGAC. Перевёрнутая шапка.
  5. Порядок нарезки макета
    1. Работа со слоями в Photoshop.
    2. Определение основного блока.
    3. Визуальное разбитие страницы на основные и второстепенные элементы. Стандартное наименование блоков.
    4. Использование внутренних и внешних отступов — margin/padding. В чём отличия. Центрирование блока по горизонтали
    5. Использование float при расположении колонок на странице. Расположение блоков с помощью table
    6. Форматирование текста. Сокращённая и полная запись.
    7. Применение списков для навигационного меню. Выпадающего меню на css
    8. Абсолютное и относительное позиционирование. Для чего испольузется. Что такое z-index. Центрирование блока по вертикали.
  6. Таблицы
    1. Для чего необходимы таблицы, где использовались. Отличия таблиц от блоков. Использование таблиц в настоящее время.
    2. Структура таблицы: основные теги.
    3. Форматирование таблиц: цвет и границы.
    4. Объединение ячеек, строк: colspan, rowspan. Размеры таблицы.
  7. Формы
    1. Основные элементы форм.
    2. Отличия отображения элементов форм от браузера к браузеру.
    3. Кастомизация элементов форм при помощи CSS и jQuery. Отличия.
  8. Использование JavaScript на странице
    1. Библиотека jQuery и jQuery UI. Использование jQuery плагинов. Общий принцип подключения скриптов.
    2. Подключение jQuery галереи
  9. Шрифты
    1. Семейства шрифтов: стандартные и кастомные.
    2. Различия между шрифтами в разных операционных: Windows, OS X, Linux.
    3. Использование @font-face, Google Font. Плюсы и минусы.
  10. Размещение HTML страниц на сервере
    1. Протокол FTP/SFTP.
    2. Настройка FTP клиента. Слинковка страниц и выгрузка файлов на сервер
  11. Адаптирование страниц под различные экраны (Responsive вёрстка)
    1. Инструменты для вёрстки под мобильные устройства. Адаптирование страницы под различные устройства при помощи медиа-запросов.
    2. Для чего применяются CSS-фреймворки и их использование для адаптации страницы под различные устройства. Требования к макетам.
    3. Обзор CSS-фреймворков: Bootstrap, Grid 960, Grid 1140, Skeleton
    4. Особенности отображения элементов и поведения для Android/iOS
  12. Использование Bootstrap
    1. Подключение библиотек и особенности сетки
    2. Использование компонентов и JavaScript
  13. Портфолио
    1. Для чего необходимо портфолио
    2. Как создать портфолио

Верстка писем и настройка рассылки Mail Chimp

Программа по вёрстке HTML Newsletter насчитывает 5 учебных занятий или 10 часов.

Минимальные требования к слушателям:

— опытный пользователь ПК
— наличие ноутбука (при отсутствие может быть предоставлен) — наличие аккаунта Gmail

Желательно:
— знание html/css

Количество человек в группе: 2-5.

Для студентов и школьников дополнительная скидка в 10%.

Первое занятие — бесплатно

 

Стоимость и продолжительность обучения
Группа Период обучения Цена
Дневная группа 5 занятий запись не производится
Вечерняя группа 5 занятий запись не производится
Группа выходного дня 3 занятия запись не производится

Программа обучения

  1. Что-такое email клиент. Какие бывают. Отличия email клиентов локальных от специальных серверов. Организация рассылки. Использование специальных сервисов. Стандартный email Newsletter
  2. Стандарты вёрстки писем. Использование таблиц. Используемые теги и свойства. Работа с макетом.
  3. Вёрстка письма.
  4. Тестирование письма. Использование Virtual Machine / online сервисов. Основные проблемы email клиентов. Адаптивный newsletter.
  5. Создание аккаунта MailChimp. Создание кампании. Использование стандартных шаблонов. Использование пользовательского шаблона.

Создание шаблона на Joomla

Программа по созданию шаблона на Joomla насчитывает 8 учебных занятий или 16 часов.

Минимальные требования к слушателям:

— опытный пользователь ПК
— наличие ноутбука (при отсутствие может быть предоставлен)
— наличие аккаунта Gmail
— знание html/css

Количество человек в группе: 2-5.

Для студентов и школьников дополнительная скидка в 10%.

Первое занятие — бесплатно

 

Стоимость и продолжительность обучения
Группа Период обучения Цена
Дневная группа 8 занятий запись не производится
Вечерняя группа 8 занятий запись не производится
Группа выходного дня 5-6 занятий запись не производится

Программа обучения

  1. Обзор CMS систем. Для чего они нужны. Какие бывают. Отличия коробочные системы от фреймворков. Принцип шаблона.
  2. Инструменты для работы. Что такое виртуальный сервер. Использование локального виртуального сервера Danwer / OpenServer.
  3. Установка Joomla. Архитектура и файлы Joomla.
  4. Управление системой. Категории, посты, меню. Установка/активация и управление модулей, компонентов, плагинов. Использование готовых тем, изменение готовых тем.
  5. Создание темы на основе вёрстки. Стандартные файлы. Использование компонента K2
  6. Перенос файлов на сервер.

Создание шаблона на WordPress

Программа по созданию шаблона на WordPress насчитывает 8 учебных занятий или 16 часов.

Минимальные требования к слушателям:

— опытный пользователь ПК
— наличие ноутбука (при отсутствие может быть предоставлен)
— наличие аккаунта Gmail
— знание html/css

Количество человек в группе: 2-5.

Для студентов и школьников дополнительная скидка в 10%.

Первое занятие — бесплатно

 

Стоимость и продолжительность обучения
Группа Период обучения Цена
Дневная группа 8 занятий запись не производится
Вечерняя группа 8 занятий запись не производится
Группа выходного дня 5-6 занятий запись не производится

Программа обучения

  1. Обзор CMS систем. Для чего они нужны. Какие бывают. Отличия коробочные системы от фреймворков. Принцип шаблона.
  2. Инструменты для работы. Что такое виртуальный сервер. Использование локального виртуального сервера Danwer / OpenServer.
  3. Установка WordPress. Архитектура и файлы Worpdress.
  4. Управление системой. Страницы, посты, меню. Установка/активация плагинов. Использование готовых тем, изменение готовых тем.
  5. Создание темы на основе вёрстки. Стандартные файлы. Файл functions.
  6. Перенос файлов на сервер.