Начало построение сайта

• Определение тематики сайта и возрастной группы. Подбор ключевых слов, названия, мета-тегов, копирайтинг.
• Регистрация на https://accounts.google.com (gmail)
• Подбор ключевых слов для своего сайта с помощью сервиса https://adwords.google.com/KeywordPlanner
• Анализ конкурентов
• Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. 
• Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
• Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.

Работа в графическом пакете Adobe Photoshop

• Интерфейс программы Adobe Photoshop
• Панель инструментов и палитра слоев
• Панель настроек Adobe Photoshop 
• Создание простого документа и документа с монтажными областями в программе Adobe Photoshop CC 2018
• Линейки и направляющие.
• Слои и их виды
• Основы векторной графики. Работа с кривыми Кривые Безье
• Инструменты для создания и редактирования кривых Безье
• Контур и фигура в Adobe Photoshop
• Подготовка фото

Знакомство с программой Adobe Illustrator

• Интерфейс программы Adobe Illustrator
• Работа с кривыми в Adobe Illustrator
• Работа с растровой графикой в Adobe Illustrator
• Экспорт файлов в Adobe Illustrator.

Последовательная методика создания индивидуального дизайна

• Определение целей веб-сайта и его позиционирование

• Разбиение информации на смысловые блоки заглавие, описание, конкретика между блоками и подблоками задать разное расстояние.

• Создание Технического Задания (ТЗ) на разработку веб-сайта.
• Создание дизайн-макета веб-сайта.
• Верстка сайта.
• Программирование сайта.
• Наполнение сайта информацией.
• Расположение сайта в сети Интернет
• Тестирование сайта

HTML5 (основы веб-дизайна / веб-мастеринга).

• HTML5 СТРУКТУРА СТРАНИЦЫ
• WEB-сервер, web-сайт, web-страница и чем они отличаются
• Структура HTML5-документа. Понятие элементов и атрибутов
• Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа 
• Использование комментариев. 
• Создание HTML5-документа в программе Sublime Text 3
• Возможности программы Sublime Text 3: Основы работы. Управление web-сайтом. Редактирование html5-кода 
• Создание новых файлов и папок

Таблицы и списки. Покупка домена и хостинга. Использование программы FilleZilla. Ссылки и иллюстрации

• Структурирование информации на WEB-странице при помощи списков. Типы списков
• Структурирование информации на странице при помощи списков и таблиц

• Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML5

•  

  Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок 

• Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты 

•  

  Распределение иллюстраций по страницам сайта: приемы и советы

CSS3. Технология CSS, её версии и поддержка браузерами.

• Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
• Определение классов и идентификаторов 
• CSS-селекторы 
• БЛОЧНАЯ МОДЕЛЬ. УПРАВЛЕНИЕ ТИПАМИ ЭЛЕМЕНТОВ – СВОЙСТВО DISPLAY (BLOCK, INLINE, INLINE-BLOCK…)
• Создание и управление таблицами стилей в программе Sublime Text 3

Одноколоночная фиксированная верстка. Горизонтальные и вертикальные CSS меню

• Верстка web-страниц со стандартными элементами - шапка, навигация, содержание и подвал.
• Создание меню с помощью маркированных списков.
• Введение понятия псевдоклассов.
• Определение float для позиционирования элементов меню.
• Сознание веб страничек и связей между ними. 
• Хостинг. HTML-элементы: виды, параметры...

Работа с текстом. Механизмы представления текстовой информации: оформление, выравнивание, отступы и др.

• Использование CSS-свойств: Особенности отображения текста на web-странице. 
• CSS-свойства, используемые для оформления текста.
• Примеры работы со шрифтами, общие способы и методы применения шрифтов, их характеристики и атрибуты.

Слои в HTML

• Определение, основные свойства. 
• Создание слоев в Sublime Text 3. Элементы DIV и SPAN. 
• Особенности разработки элементов макетов для блочной верстки. 
• Использование свойства float: выравнивание изображений, реализация эффекта таблицы. 
• Псевдостили гиперссылок. Реализация эффекта ролловера средствами CSS.

Способы верстки элементов web-страницы при помощи CSS. Схемы css-позиционирования. Элементы. Положения

• Содержимое и слои. Фон слоя. CSS-свойства списков.
• Особенности использования блочной модели. 
• Использование фоновых изображений.
• Способы позиционирования элементов.
• Абсолютное и относительное позиционирование. 
• Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты. 
• Наложение и вложение слоев, свойство z-index.
• Управление видимостью слоя и видимостью содержания слоя.

Основы программирования на JavaScript

• Внедрение сценариев в HTML документ 
• Синтаксис 
• Переменные и типы данных 
• Написание первого сценария – таблицы умножения 
• Условные операторы 
• Операторы циклов 
• Оператор обработки исключений 
• Использование циклов 
• Создание фотогаллерей

Функции и объекты JavaScript

• Описание и вызов функций
• Аргументы функций 
• Возврат значений 
• Область видимости переменных 
• Рекурсивный вызов функций 
• Использование функций 
• Объекты JavaScript 
• Объекты типов данных 
• Массивы 
• Использование объектов

Объектная модель браузера

• Объекты браузера 
• Объект window 
• Лабораторная работа: использование объекта window 
• Объект navigator 
• Объект document

Начало работы с bootstrap 4

• Загрузка Bootstrap файлов 
• Bootstrap Grid System
• Работа в Bootstrap Grid System
• Создание макетов с Bootstrap Grid System
• Видимость элемента в зависимости от размеров экрана устройства
• Создание Фиксированный макет с Bootstrap
• Создание макета жидкости с Bootstrap
• Создание Отзывчивый макет с Bootstrap
• Небольшое устройство (таблетка)
• Дополнительное небольшое устройство (телефон)
• Заголовки
• Параграфы
• Создание простой таблицы с Twitter Bootstrap
• Использование контекстных классов в Bootstrap таблице
• Twitter Bootstrap Список
• Создание Twitter Bootstrap Forms.
• Создание макета вертикальной формы
• Создание горизонтальной макет формы
• Статическая форма управления
• Создание Инлайн формы макета
• Twitter Bootstrap Изображения
• Twitter Bootstrap Миниатюры
• Twitter Bootstrap медиа-объектов
• Twitter Bootstrap Nav
• Создание выпадающего меню с Twitter Bootstrap Счета и таблетки
• Twitter Bootstrap NavBar
• Создание фиксированных NavBar с Twitter Bootstrap

Основы WORDPRESS. Joomla. Open Cart

WordPress является одной из самых популярных CMS по созданию блогов в Интернете, делая его легким для размещения своих идей, изображений, аудио / видео. WordPress может использоваться не только для блогов сообщения, но и для хранения статической информации, которая может быть легко модернизирована, через систему управления контентом (CMS).

Создание сайтов на Joomla. Обзор и настройка системы

Работа с меню и ссылками на сайте. Работа с блоками и модулями. Работа с пользователями и их правами доступа

• Создание новых и редактирование существующих меню, добавление ссылок в меню
• Добавление и управление стандартными блоками на сайте
• Создание своего блока произвольного HTML кода
• Добавление и редактирование дополнительных стандартных блоков на сайте
• Включение дополнительных стандартных модулей и их настройка
• Настройка прав доступа на сайт
• Добавление ролей для пользователей
• Создание новых пользователей
• Добавление стандартной формы обратной связи на сайт
• Создание вручную и автоматически собственных адресов страниц (алиасов)

С каждым годом интерес к IT индустрии в Украине растет с геометрической прогрессией. Основной причиной такого развития является достойная оплата труда специалистов данной сферы.