Курсы Web

Горячая линия 

(044) 486-17-05   /  (063) 288-49-86

(066) 069-28-72   /  (097) 889-12-22

 

Лицензия Министерства ОБРАЗОВАНИЯ И НАУКИ, МОЛОДЕЖИ И СПОРТА УКРАИНЫ Серия АД №073349 от 29.11.2015 г.
Адрес г.Киев, ул.Белорусская, 22, офис 318, график работы пн-пт 10.00-19.00, сб 10.00-14.00

Обратный звонок Наши менеджеры скоро свяжутся с вами
Неверное имя
Неверный телефон
Спасибо. Мы скоро вам перезвоним.
Кол-во ак. ч. 32 занятия по 3.5 академ. часа
Время 
Занятия в утреннее (10.00-12.30), дневное (14.00-16.30) или вечернее (18.30-21.00) время; группа выходного дня по субботам и воскресеньям.
Срок обучения в группе 4 месяца. Режим 2 или 3 раза в неделю в зависимости от количества человек в группе (3-6/7-10)
Цена (для физического лица) 3200 грн. в месяц.
По окончании курса выдается диплом
Скидки от 10% до 15%
Курсы Web-дизайна От А до Я в учебном центре Успех Киев. Профессиональный курс по созданию сайтов

 

Работы наших выпускников

Наши преподаватели

Отзывы об обучении

 

Знакомьтесь, специальность WEB-дизайнер!

С каждым годом интерес к IT индустрии в Украине растет с геометрической прогрессией. Основной причиной такого развития является достойная оплата труда специалистов данной сферы.
Еще одной причиной является репутация IT компаний в Украине. Тут играет роль отношение к сотрудникам, гибкий график работы, хорошее обустройство офисов и атмосфера в коллективах компаний, возможность работать дистанционно.

Это современный бизнес, с молодыми руководителями, что дает возможность более интересного поведения и общения в коллективе, перспективы развития в Украине и за рубежом.
Еще одна привлекательная причина для специальности Web-дизайнер – не заканчивая высших учебных заведений можно добиться хороших результатов на карьерной лестнице в данном направлении бизнеса, виучившись на курсах web-дизайна или курсах web-мастера в лицензированных учебных центрах. Тут же работа становится учебой, IT специалист каждый день учится чему-то новому.

Рынок IT в Украине стремительно развивается, и сайты вакансий постепенно заполняются заявками на поиск специалистов. Для того чтобы работать в данной сфере, достаточно окончить качественные специализированные курсы. Курсы WEB от учебного центра «Успех» именно то, что Вы искали.

Web-дизайн - это процесс производства веб-сайтов, включающий техническую разработку концепции сайта, структурирование информационной архитектуры сайта, визуальный дизайн сайта и доставку по сети. Курс «WEB дизайн от А до Я – профессиональный курс» рассчитан на 4 месяца. В программе курса подробно изучаются вопросы создания качественного интернет ресурса, разрабатывается графическая составляющая для сайта, верстка, программирование, изучаются специальные программы и технологии (HTML, СSS) и много других аспектов. Важная часть программы – практика на протяжении всего курса веб-дизайна.

Для новичков, для тех кто заинтересован в легком и быстром обучении и создания несложных сайтов или сайт-визитка предлагаем курс «Создание сайта за один месяц». За время прохождения курса (1 месяц) каждым слушателем будет создано три сайта, это самый лучший вариант для ознакомления с процессом создания сайта и оптимизации его под бизнес. Главная задача курса – быстрая разработка несложного сайта.

Кто более заинтересован в развитии себя в области СЕО продвижения предлагается курс «Оптимизация и раскрутка сайтов (SEO)». Seo-специалист – это человек, работа которого заключается в выполнении огромного комплекса мероприятий по работе с сайтом. Сюда входит аудит и анализ сайта, анализ конкурентов, внутренняя оптимизация сайта (работа с текстами, изображениями, видео, ссылками, структурой сайта его кодом), внешняя оптимизация (привлечение на сайт внешней качественной ссылочной массы, постоянное отслеживание и работа с беклинками), поведенческая оптимизация (подстраивание сайта под интересы и запросы клиента, работа с мобильной версией сайта, улучшение юзабилити и архитектуры сайта). Работа сео-специалиста также включает в себя элементы интернет-маркетинга (SMM, E-mail-маркетинг, контекстная реклама и организация других видов рекламы). Всё это необходимо для привлечения максимального количества пользователей на продвигаемый ресурс и его хорошей оценки со стороны популярных поисковых систем, алгоритмы которых тоже не стоят на месте.

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

Приходите, УЦ «Успех» ждет Вас!

 

Программа курса
 
Введение в веб.

 

Занятие 1. Первый шаг, с которого начинается построение сайта

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

Обзор программ, изучающих на курсах:

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

 

Работа в программе Adobe Photoshop

Цель:

  • Изучение программы Adobe PhotoShop, предназначенной для создания и обработки изображений и создания дизайна макета сайта.
  • Выбирать оптимальный формат файла при сохранении и экспорте изображения

ПЛАН:

Занятие 2. Введение. Создание многослойного изображения. Техника выделения областей изображения. Работа со слоями многослойного изображения

  • Назначение и состав программы Adobe PhotoShop. Понятие «растровое изображение». Особенности, параметры и форматы растровых изображений
  • Настройка интерфейса программы. Понятие «рабочее пространство» (workspace). 
  • Создание нового документа
  • Изменение основных параметров изображений
  • Способы отмены выполненных действий
  • Кадрирование изображений
  • Зачем нужны слои
  • Способы создания слоя. Работа со слоями. Параметры слоя
  • Управление слоями с помощью палитры «Layers»
  • Особенности работы с многослойным изображением
  • Сохранение многослойного файла
  • Обзор способов выделения областей изображения. Инструменты локального выделения: назначение инструментов, настройка параметров
  • Приемы выделения областей сложной формы.
  • Модификация формы выделения. Дополнение, вычитание и пересечение областей выделения. Растушевка границы области
  • Выделение и связывание нескольких слоев. 
  • Слияние слоев
  • Группировка
  • Создание монтажа на основе нескольких изображений

 

Занятие 3. Трансформация содержимого слояю. Операции со слоями. Текстовые слои. Растрирование текстового слоя. Спецэффекты на слоях

  • Перемещение, дублирование, масштабирование, поворот, искажение выделенной области Выбор цвета кисти. Цветовые модели. 
  • Создание тени, ореола, имитация рельефа и др.
  • Работа с текстом в Adobe PhotoShop.

 

Занятие 4. Векторные возможности Adobe Photoshop. Форматы файлов для веб

  • Структура векторного контура (кривой Безье)
  • Типы векторных объектов, используемых в Photoshop, их назначение
  • Использование инструмента Перо (Pen) для вычерчивания контуров
  • Создание и редактирование слоев векторных фигур (Shape Layers)
  • Создание составных фигур. Использование стилей слоев применительно к слоям фигур
  • Использование контуров для точного выделения объектов. Создание и использование обтравочных контуров (Clipping path)
  • Создание и использование векторных масок, их особенности
  • Обзор форматов файлов, поддерживающих сохранение векторных объектов
  • Возможности обмена данными между Adobe Photoshop, Adobe Illustrator и др. программами
  • Импортирование векторных файлов. Вставка в документ Photoshop векторных объектов
  • Формирование художественных эффектов текста

 

Работа в программе Adobe Illustrator (векторная графика)

Цель: Изучение векторного редактора Adobe Illustrator CS5 для оформления Web-страниц. 
Выбирать оптимальные параметры при создании дизайна для Web –страниц.

ПЛАН:

Занятие 5. Основы работы с программой. Использование слоев для работы со сложными рисунками.Свободное рисование. Рисование сложных объектов. Использование разметки для точного планирования дизайна сайта.

  • Применение компьютерной графики. Графические редакторы. Векторная и растровая графика. 
  • Рисование стандартных объектов. 
  • Выделение и преобразование объектов. Инструменты выделения.
  • Управление масштабом просмотра объектов. Режимы просмотра документов.
  • Перемещение объектов в стопке. Группировка. Выравнивание и распределение.
  • Использование логических операций для рисования объектов сложной формы. 
  • Соединение контуров объектов. Разделение объектов. Фигурная обрезка.
  • Применение искажающих фильтров к элементам рисунка. 
  • Использование разметки документа для точного позиционирования рисунка.
  • Управление разметкой. Линейки. Направляющие. Сетка. 
  • «Умные» направляющие. Создание направляющей из объекта.
  • Настройка элементов разметки.
  • Размещение объектов на слоях. Настройка параметров слоя. Использование слоев для блокировки частей рисунка.
  • Перемещение объектов между слоями. Шаблонные слои. Слияние слоев. Изолированный режим.
  • Рисование и редактирование объектов произвольной формы. 
  • Кривые Безье. 
  • Редактирование формы объектов по точкам.
  • Навыки работы с контурами. 
  • Преобразование объектов
    • Масштабирование и растяжения
    • Вращение и отражение
    • Сдвиг
  • Палитра Pathfinder
    • Сочетание форм
      • Добавить
      • Вычитать
      • Пересекать
      • Исключить
      • Разбить
      • Делить
      • Отделить
      • Слияние
      • Кадрирование
      • План
      • Минус Назад
  • Позиционирование объектов
    • Выравнивание и распределение
    • Укладка объектов
    • Сдвиг
    • Группировка и разгруппировка
    • Блокировка и разблокирование объектов и слоев
    • Скрытие и отображение объектов и слоев

 

Работа в векторном графическом редакторе Inkscape

Цель: Изучение векторного редактора Inkscape для оформления Web-страниц. 
Выбирать оптимальные параметры при создании дизайна для Web –страниц.

ПЛАН:

 

Занятие 6. Основы работы с программой. работы с фигурами и узлами, работе с текстом

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

 

 

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

ЦЕЛЬ: Введение в Sublime Text 3. Изучение интерфейса и рабочего пространства Sublime Text 3.
Установка плагинов для Sublime Text 3
Package Control: http://goo.gl/rava0k 
SideBarEnhancements: http://goo.gl/feP6Zr 
AdvancedNewFile: http://goo.gl/bhgmcw 
Emmet: http://goo.gl/QTSldQ 
Bootstrap 3 snippets: http://goo.gl/kfnx5g 
AutoFileName: http://goo.gl/V2ZfpM 
Tag: http://goo.gl/NtoZcp 
ColorPicker: http://goo.gl/Z7Bz4H 
FakeImg.pl: http://goo.gl/T6l6Sb 
WebFont: http://goo.gl/WhLT8V

Изучение основ языка разметки HTML5 необходимых для построения сайтов и статических страниц в сети Internet.

ПЛАН:

 

Занятие №7. Введение и основные понятия . Основы разработки web-ресурсов. Модели информационной архитектуры. Принципы «юзабилити». Понятие web-интерфейса. Основные элементы web-страницы и способы их компоновки. Разработка структуры сайта и системы навигации. Обзор форматов web-графики. Стандарты HTML5 и CSS3. Стандарты разработки HTML5-документов. Meta-теги, keywords (элементы поисковой оптимизации). Методы верстки web-страниц

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

 

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

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

 

Занятие №9. Ссылки и иллюстрации

  • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML5
  • Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок 
  • Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты 
  • Распределение иллюстраций по страницам сайта: приемы и советы
  • Добавление иллюстраций и ссылок на любимые сайты

 

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

ЦЕЛЬ:

  • Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).
  • Использование CSS3 на веб-страницах, способы задания стилей и оформления отдельных элементов.
  • Обзор инструкций CSS3 для оформления сайтов.

ПЛАН:

 

Занятие 10. CSS-свойства: определение, способы задания, единицы измерения, использование для оформления html-элементов. Box model(модель коробки или боксовая модель)

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

 

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

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

 

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

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

 

Занятие 13. Слои в HTML

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

 

Занятие 14. Способы верстки элементов web-страницы при помощи CSS

  • Содержимое и слои. Фон слоя. CSS-свойства списков.
  • Особенности использования блочной модели. 
  • Использование фоновых изображений.

 

Занятие 15. Схемы css-позиционирования. элемента.положения

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

 

Занятие 16. Разработка макета web-страницы на основе css-позиционирования

  • Используемые приемы.
  • Особенности оформления. 
  • Управление шириной слоя, полями и отступами. 
  • Создание и редактирование макета с фиксированными и масштабируемыми колонками.
  • Рекомендации по использованию css-позиционирования.

 

Занятие 17. HTML-формы

  • Элементы формы.
  • Юзабилити форм. 
  • Средства HTML и CSS для определения визуального отображения элементов форм.
  • Примеры использования css-алгоритмов. 
  • Центрирование страницы средствами css. 
  • Алгоритм «раздвижные двери» CSS-спрайты. 
  • Кроссбраузерная верстка, использование условных комментариев.

 

Занятие 18. Средства автоматизации Sublime Text 3. Размещение web-сайта на сервере.

  • Использование панели Snippets для хранения и вставки фрагментов кода.
  • Использование трассирующего изображения.
  • Способы доступа к сайту (по имени или IP-адресу). Понятие, принципы построения и работа DNS. 
  • Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. 
  • Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. 
  • Способы закачки сайта на сервер по протоколам HTTP и FTP. 
  • Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.

 

Занятие 19. Создание веб-страницы с помощью шаблонов в визуальных редакторах. Тестирование работы вебсайта на сервере. Понятие карты сайта, её назначение и использование.

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

 

Программирование на JavaScript

ЦЕЛЬ:

  • Теоретические знания и практические навыки для эффективного использования современных клиентских Web-технологий на примере JavaScript.
  • Особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции.
  • Создание динамических меню, закладок, акордионов, галлерей и других элементов страниц.

ПЛАН:

 

Занятие №20. Сценарии в HTML, язык JavaScript

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

 

Занятие №21. Функции и объекты JavaScript

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

 

Занятие №22. Объектная модель браузера

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

 

Занятие №23. Объектная модель документа

  • Document Object Model 
  • DHTML DOM 
  • W3C DOM 
  • Объекты DOM 
  • Доступ к объектам 
  • Свойства и методы объектов DOM 
  • Манипуляция объектам документа 
  • Манипуляция свойствами элементов 
  • Использование DOM

 

Занятие №24. События и их обработка

  • Стандартные события (X)HTML
  • Модель обработки событий 
  • Назначение функций — обработчиков событий 
  • Использование объекта event 
  • Создание простого меню

 

Занятие №25. Использование элементов HTML

  • Работа с формами и элементами управления 
  • Проверка форм 
  • Работа с изображениями 
  • Динамическая подгрузка изображений

 

Занятие №26. Расширения браузеров

  • Сценарии DHTML 
  • Построение раскрывающихся списков 
  • Построение меню

 

Основы по созданию адаптивного сайта

Занятие 27. Как создать адаптивный дизайн сайта на CSS3

  • Единицы измерения для адаптивного дизайна
  • Работа с типографикой при адаптивном дизайне.
  • Интеграция шаблона дизайна.

 

Занятие 28. Трансформация. Техники адаптивного дизайна

  • Трансформация меню, каталогов и контентной части в компьютере-планшете (для адаптивной версии сайта).
  • Трансформация элементов и медиа на страницах 
    • Отзывчивая типографика
    • Гибкие макеты
    • Создание Web-приложений по принципу «сначала мобильное»

 

Занятие 29. Адаптивный дизайн и создание мобильных сайтов. Изучаем Media-запросы

  • Что что такое адаптивный дизайн и насколько важно сегодня адаптировать свои сайты под различные устройства
  • Что такое медиа-запросы, как их корректно составлять и использовать для выбора разных CSS-стилей в зависимости от особенностей пользовательского дисплея или устройства, таких как ширина области просмотра и разрешение экрана. 
  • Медиа-типы и медиа-выражения
  • Параметры медиа-выражений
  • Синтаксис медиа запросов
  • Простые медиа-выражения 
    • Логический оператор not 
    • Логический оператор only 
    • Объединение медиа-выражений (and)
    • Объединение медиа-запросов 
  • Использование медиа-запросов
  • Отдельный файл со стилями 
    • Директива @import 
    • Медиа-запросы непосредственно в CSS-файле

 

Занятие 30. Начало работы с bootstrap R

  • Загрузка Bootstrap файлов 
  • Bootstrap Grid System
  • Работа в Bootstrap Grid System
  • Создание макетов с Bootstrap Grid System
  • Видимость элемента в зависимости от размеров экрана устройства
  • Создание Фиксированный макет с Bootstrap
  • Создание макета жидкости с Bootstrap
  • Создание Отзывчивый макет с Bootstrap
  • Небольшое устройство (таблетка)
  • Дополнительное небольшое устройство (телефон)

 

Занятие 31. Дизайн и форматирование текста содержания, таблицы, формы, списка изображения и иконки в Bootstrap

  • Заголовки
  • Параграфы
  • Создание простой таблицы с Twitter Bootstrap
  • Использование контекстных классов в Bootstrap таблице
  • Twitter Bootstrap Список
  • Создание Twitter Bootstrap Forms.
  • Создание макета вертикальной формы
  • Создание горизонтальной макет формы
  • Статическая форма управления
  • Создание Инлайн формы макета
  • Twitter Bootstrap Изображения
  • Twitter Bootstrap Миниатюры
  • Twitter Bootstrap медиа-объектов

 

Занятие 32. Bootstrap NAV, NavBar, панели, Breadcrumbs, нумерацию страниц, пейджер и прогресс баров

  • Twitter Bootstrap Nav
  • Создание выпадающего меню с Twitter Bootstrap Счета и таблетки
  • Twitter Bootstrap NavBar
  • Создание фиксированных NavBar с Twitter Bootstrap

 

ЗАНЯТИЕ 33. РАЗРАБОТКА САЙТА НА TWITTER BOOTSTRAP 3

  • Установка HTML документа с необходимыми файлами
  • BOOTSTRAP ЗАГОЛОВОК И ОТЗЫВЧИВАЯ НАВИГАЦИЯ
  • ДОБАВЛЕНИЕ БАННЕРА НА ВАШ ЗАГРУЗОЧНЫЙ ШАБЛОН
  • >ИСПОЛЬЗОВАНИЕ СИСТЕМЫ СЕТКИ BOOTSTRAP ДЛЯ СОЗДАНИЯ КОНТЕНТА ОБЛАСТИ
  • СОЗДАНИЕ ЗАГРУЗОЧНОГО ОТЗЫВЧИВОГО КОЛОНТИТУЛА

 

 

Основы PHP.

ЦЕЛЬ:XAMPP. Что такое CMS? Запуск PhpMyAdmin

ПЛАН:

 

Занятие №34. Введение в PHP.

  • От статических до динамических сайтов
  • Что такое PHP?
  • Что такое MySQL?
  • Как PHP и MySQL подходят веб
  • Базовый синтаксис (константы, переменные, условия и др.)
  • Смешивание PHP и HTML
  • Подключение PHP к MySQL
  • Выполнение SQL-запросов
  • Получение результатов запроса
  • Собираем все вместе

 

Занятие №35. Обработка форм

  • Обзор HTML-форм (флажки, текстовые поля, радио-кнопки)
  • Получение данных формы
  • GET и POST методы
  • Отправка себе

 

WORDPRESS основы.

ЦЕЛЬ:Разработка блога.

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

Как начать свой блог и быстро понять правильный путь для установки, администрирования, настройки и заполнения своего блога.

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

ПЛАН:

 

Занятие 36. Общие сведения о системе WordPress. Функции установки CMS WordPre.ssЗаписи, страницы, медиафайлы и комментарии

  • Установка CMS WordPress на локальный компьютер и на сервер хостинг провайдера. Функции установки.
  • Назначение и использование WordPress
  • Панель управления WordPress
  • Пользователи системы и права
  • Виды контента в WordPress
  • Записи
    • Публикация
    • Редактирование
    • Свойства
  • Страницы
    • Создание
    • Управление страницами
    • Свойства страниц
  • Комментарии
    • Управление комментариями
  • Ссылки и медиафайлы

 

Занятие 37. Упорядочивание записей и комментариев. Эффективная работа с WordPress

  • Рубрики и теги
  • Формирование системы рубрик
  • Использование ЧПУ и ярлыков
  • Назначение тегов (меток)
  • Формирование облака тегов
  • Вывод облака тегов
  • Упорядочивание записей по авторам
  • Темы и внешний вид
  • Плагины
  • Изменение темы

 

Занятие 38. Изменения и оформление сайта. Функции плагинов CMS WordPress

  • Темы CMS WordPress и их функции. Меню сайта. Работа с виджетами. Изменение темы в редакторе SUBLIME TEXT 3
  • Работа с плагинами. Обновление плагинов. Управление плагинами Akismet и All in One Seo Pack. Плагины для установки на сайте.

 

Занятие  39. Создание темы  WordPress с нуля

 

 

Joomla основы

ЦЕЛЬ:Разработка сайта на CMS Joomla

Информация и инструкции по CMS Joomla. Познакомитесь с и узнаете, как создать веб-сайт с использованием компонентов, модулей и плагинов. Как сделать свой собственный Joomla шаблон.

ПЛАН:

 

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

  • Этапы разработки сайта. Обзор CMS Joomla
  • Преимущества использования CMS Joomla! 
  • Технические требования к оборудованию (хостингу) 
  • Локальная установка системы. 
  • Обзор административной панели управления. 
  • Настройки системы. Структура сайта и информации в CMS Joomla

 

Занятие 41. Создание и вывод содержимого сайта

  • Работа с меню и отображением программных модулей.
  • Добавление и редактирование информационных статей. 
  • Создание категорий, настройки вывода.
  • Модули «Ленты новостей», «Голосование», «Контакты». 
  • Добавление и редактирование статей и пунктов меню. Настройка отображения модулей

 

Занятие 42. Шаблоны дизайна, модули и компоненты . Дополнительные расширения сайта

  • Установка новых шаблонов и их редактирование.
  • Интеграция шаблона дизайна. 
  • Настройка внешнего вида встроенных модулей. 
  • Виды и назначение дополнительных расширений.
  • Установка и настройка популярных расширений («фотогалерея»)
  • Рассылки и форум в Joomla

 

Занятие 43. Изменения и оформление сайта

  • Дизайн-шаблоны Joomla и их функции. Работа со структурой шаблона в SUBLIME TEXT 3…

 

 

Основы создания сайтов на CMS Drupal

ЦЕЛЬ:Разработка сайта на CMS Drupal

Информация и инструкции по CMS Drupal. Познакомитесь с и узнаете, как создать веб-сайт с использованием cms Drupal. Как редактировать шаблон Drupal.

ПЛАН:

Занятие 44. Создание сайтов на Drupal Структура и наполнение сайта на Drupal.

  • Установка и настройка Drupal на локальном сервере и его локализация
  • Знакомство с панелью управления Drupal
  • Добавление новых статей и страниц на сайте
  • Добавление комментариев к статьям и страницам
  • Создание своего типа материалов
  • Разработка структуры сайта с помощью таксономии
  • Создание категорий и подкатегорий для статей
  • Смена и настройка стандартных тем для сайта
  • Просмотр регионов темы
  • Настройка главной страницы сайта

 

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

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

 

Занятие 46. Шаблоны дизайна, модули. Редактирование шаблона

  • Установка новых шаблонов и их редактирование.
  • Интеграция шаблона дизайна. 
  • Настройка внешнего вида.

 

Занятие 47. Изменение и оформление сайта

  • Дизайн-шаблоны Drupal и их функции. Работа со структурой шаблона.

 

Выпуск. Сдача дипломных проектов

 

Занятие 40. Анализ сайтов, сделанных во время курсов учениками

  • CSS сайт
  • JavaScript сайт 
  • Wordpress сайт
  • Joomla сайт
  • Drupal cайт

 

Популярные курсы 

 

#fc3424 #5835a1 #1975f2 #2fc86b #f_syc9 #eef77 #020614063440