Курсы web-мастеров – обучение веб-дизайну, фреймворку Bootstrap и программированию веб-сайтов в Москве

Часть I: Обучение web-дизайну

• Общее понятие www (World Wide Web) – распределённая система, предоставляющая доступ к связанным между собой документам или как работает интернет.
• Что такое сервер. Виды серверов. Взаимодействие компьютера пользователя с сервером.
• Что такое сайт – как он устроен и работает. Виды сайтов по назначению и функциональности.
• Как создается сайт – от задумки до размещения на хостинге.
• Программное обеспечение, необходимое для создания сайта.
• Введение в язык разметки HTML. Теговая структура языка. Основные теги для формирования базовой структуры web-страницы. Основы синтаксиса языка, правила написания и технические приемы.
• Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.

• Теги для вставки изображений на web-страницу.
• Форматы изображений поддерживающихся web-стандартами.
• Практика работы в программе Adobe Photoshop по оптимизации изображений для web-страницы и создании графических элементов сайта.
• Правила размещения на странице, обтекание текстом, отступы.
• Понятие ссылки. Основное назначение ссылки. Понятие абсолютной и относительной ссылок. Теги для вставки ссылок на  web-страницу.
• Использование изображения в качестве ссылки. Регионы (область(ти) изображения являющиеся ссылками). Организация ссылок как меню навигации по страницам сайта.
• Таблица. Табличные данные. Виды таблиц. Теги для вставки таблиц на web-страницу. Таблица как элемент вывода данных и как элемент верстки страницы. Плюсы и минусы табличной верстки.

• Формы. Для чего нужны формы. Примеры использования форм на реальных сайтах. Теги для вставки формы и полей формы на страницу. Как работает форма, ее внутренний механизм.
• Практика создания формы обратной связи с посетителем сайта. Создание php-обработчика формы. Взаимодействие с локальным сервером Denwer.
• Знакомство с программой Adobe Dreamweaver для создания web-страниц. Рабочая среда программы, основные навыки в работе с программой.

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

• Табличная верстка web-страниц. Практика создания web-страниц на основании таблиц с использованием HTML и CSS.
• Создание первого многостраничного сайта табличной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
• Верстка в две и три колонки. Плюсы и минусы табличной верстки.

• Блочная верстка страниц с использованием тега div и CSS.
• Практика создания web-страниц блочной верстки в две и три колонки.
• Понятие страницы фиксированного размера и «резиновая» страница.
• Создание первого многостраничного сайта блочной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
• Верстка в две и три колонки. Технические тонкости и приемы создания web-страниц блочной верстки.

• Введение в SEO. Основные принципы оптимизации сайта в сети интернет.
• Внутренняя и внешняя оптимизация.
• Как правильно создавать web-страницы для их успешного продвижения.
• Поисковые системы, их назначение и роль в продвижении сайта. Правила создания контента для успешного индексирования и продвижения сайта.
• Роль и значение различных тегов в продвижении сайта.
• Понятие Юзабилити (юзабельность – удобство сайта с точки зрения посетителя). Взаимосвязь Юзабилити и SEO.
• Примеры юзабельных сайтов.
• Размещение на сайте дополнительных элементов и объектов – видео, аудио, фотогалерей.

• Взаимодействие с реальным сервером.
• Выбор и покупка хостинга. Взаимодействие с хостером.
• Выбор и покупка доменного имени. Обзор возможностей по работе с сервером через интерфейс сайта хостера (личный кабинет).
• «Привязка» доменного имени к хостингу. Доступ к файлам сайта по http и ftp протоколам. «Выгрузка» файлов сайта на сервер хостера. Программы для взаимодействия с реальным сервером по  ftp.
• Регистрация сайта в поисковых системах, установка счетчиков посещений. Регистрация сайта в иных катологах. Значение регистрации сайта на других ресурсах.

Часть II: Обучение фреймворку Bootstrap

• Что такое фреймворк Bootstrap.
• Установка Bootstrap.
• Состав фреймворка Bootstrap.
• Создание первого учебного проекта на фреймворке Bootstrap.
• Что такое сетка Bootstrap. Базовые классы CSS фреймворка  Bootstrap для создания много колончатой верстки страниц.
• Создание адаптивной страницы с использованием базовых классов Bootstrap

• Оформление содержимого страниц созданных с использованием фреймворка Bootstrap.
• Компоненты Bootstrap.
• Текст, таблицы, списки, кнопки, табы, навигационные меню, формы.
• Практика использования компонентов на странице.
• Создание простого шаблона сайта с использованием фреймворка Bootstrap.

• Практика верстки шаблона сайта блога, интернет магазина с использованием фреймворка Bootstrap.
• Выбор и анализ шаблона.
• Верска верхней части сайта (HEADER) – шапка сайта, слайдер, меню.

• Создание контентной части шаблона сайта.
• Разметка левой колонки (сайдбара) и основной контентной части.
• Разметка и верстка контентного содержимого – заметок блога или карточек товара.

• Создание футера.
• Верстка и оформление формы подписки, слайдера, нижнего дублирующего меню. 

• Верстка Лендинг-Пейдж.
• Выбор и анализ макета шаблона.
• Определяем общее количество и назначение блоков страницы.
• Создание, разметка и оформление Header.

• Определение, верстка и оформление остальных блоков Лендинг Пейдж.
• Модальные окна в Bootstrap.
• Форма обратной связи.
• Функционал реализуемый с помощью Bootstrap.

• Окончательное оформление Лэндинг Пейдж.
• Верстка и оформление футера и его содержимого.
• Установка карты.
• Возможности применения анимации на странице.

Часть II: Обучение web-программированию

• Введение в PHP и MySQL. Как устроен и работает динамичный сайт. Роль сервера в работе динамического сайта. Роль базы данных в работе сайта.
• Устанавливаем сервер Denwer на локальный компьютер.
• Понятие переменной. Виды данных содержащихся в переменной.
• Отображение переменной. Операторы вывода. Синтаксис языка.
• Арифметические действия с переменными. Конкатенация.
• Основные циклические конструкции языка.
• Условия и иные конструкции.

• Введение функции. Их создание и использование. Функции встроенные в язык  PHP.
• Рассматриваются и изучаются все необходимые для создания сайта встроенные функции: Count, exit, list, date, isset, unset и т.д.
• Понятие массива. Ассоциативный массив. Многомерный массив.
• Суперглобальный массив $_SERVER.
• Методы GET и POST.

• Основы работы с базами данных. Создание первой базы данных и таблиц в ней. Выборка данных. Вывод данных на страницу. Вывод данных из базы в цикле.
• Оператор выборки SELECT.
• Оператор вставки INSERT.
• Оператор обновления UPDATE.
• Оператор удаления DELETE.

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

• Определяем страницы с динамичным содержимым.
• Разрабатываем структуру таблиц базы данных для динамичного содержания сайта.
• Создаем таблицы в базе данных для динамичных web-страниц.
• Соединяем динамичные страницы с таблицами базы данных и проверяем вывод данных в цикле.
• Заполняем базу данных содержимым необходимым для корректного отображения видимой части сайта.

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

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

• Размещаем динамичный сайт на реальном сервере.
• Производим экспорт-импорт базы данных через интерфейс сервера MySQL на реальный хостинг.
• Перемещаем файлы и папки сайта из локального сервера на реальный по протоколу ftp.
• Проводим окончательную настройку служб сайта на хостинге. Проверяем работу сайта.
• Регистрируем в поисковых системах и каталогах. Устанавливаем счетчики посещений.