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

Кратко о курсе
Данный курс раздела web-технологий и программирования посвящен изучению всех этапов создания web-сайта – от разработки его оформления, дизайна и структуры, адаптивной верстки до закачки файлов сайта на сервер и тестирования работы web-сайта на сервере. По окончании курса вы сможете создать полностью функциональный сайт с нуля.
32 400 руб.
Стоимость обучения со скидкой 15%
24 занятия
96 часов
Продолжительность обучения
10
студентов
Средняя величина группы
Уточняйте у
менеджеров
Ближайшая группа
Расписание
Ближайшая группа Время занятий Цена и скидка Место занятий  
Расписание уточняйте у менеджеров

Заказать обратный звонок

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

Задача курса

Дать исчерпывающие комплексные знания для ведения профессиональной деятельности в качестве веб-мастера.

Возможные формы обучения:

Цикл работ по созданию сайта можно разделить на несколько основных этапов – создание дизайна и создание архитектуры web-сайта. Каждый этап является самостоятельным направлением в сфере web-технологий. Это, соответственно, направление web-дизайна и web-программирования.

Курсы помогут слушателям получить знания и навыки для выполнения полного цикла работ по созданию web-сайтов: с момента разработки графического макета web-сайта и до размещения готового и функционирующего сайта на сервере, а также эффективно освоить навыки адаптивной верстки сайта любой тематики.

Как строится обучение web-мастеров в учебном центре «IT-курс» в Москве?

Образовательный центр разделил учебную программу курса подготовки и обучения web-мастеров на три этапа:

  • Первый – это изучение web-дизайна и технологий создания оформления для web-сайтов.
  • Второй – освоение фреймворка Bootstrap, плучение навыков адаптивной верстки сайтов.
  • Третий – освоение языков web-программирования, технологий и алгоритмов по созданию архитектуры, структуры, систем управления и администрирования для web-сайтов.

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

Учебная программа курса
Занятие 1

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

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

Занятие 2

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

Занятие 3

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

Занятие 4

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

Занятие 5

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

Занятие 6

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

Занятие 7

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

Занятие 8

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

Занятие 9

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

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

Занятие 10

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

Занятие 11

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

Занятие 12

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

Занятие 13

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

Занятие 14

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

Занятие 15

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

Занятие 16

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

Занятие 17

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

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

Занятие 18

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

Занятие 19

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

Занятие 20

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

Занятие 21

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

Занятие 22

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

Занятие 23

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

Занятие 24

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

Нажимая на кнопку "Записаться" вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006.
Менеджер перезвонит вам в течение 20 минут (в рабочее время)
Посоветуйте курс своим друзьям и коллегам, они обязательно это оценят!