Корзина
Институт информационных и бизнес-технологий. Профессиональное обучение: (098)213-1991, (099)240-1991
+38 (044) 233-19-91
...
WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)

WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)

WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)
Программа курса обучения «WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)» (12 тем, 48 академических часов).

25.07.14

Программа курса обучения «WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)» может быть адаптирована согласно пожеланиям слушателей путем детализации рассмотрения (включения) более важных тем и сокращения времени изучения (исключения) менее важных в структуре курса. Программа также может быть разбита на несколько последовательных частей в соответствии с уровнями подготовки слушателей.  Описание и характеристики курса обучения «WEB-дизайн и FrontEnd-разработка сайтов (HTML, CSS, JavaScript, WordPress, Joomla)».

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

Название темы

1

Создание структуры WEB-сайта, этапы разработки. Основные понятия и терминология. Понятия WWW и WEB-сайта. Основные задачи и принципы FrontEnd-разработки веб-приложений. Инструментарий разработки. Проектирование концепции сайта на основании поставленных задач, целевой аудитории, фирменного стиля организации. Способы определения набора страниц сайта и навигации между ними. Классификации WEB-сайтов. Виды сайтов – простые (визитки), корпоративные и креативные сайты, блоги, интернет-магазины и тестовые WEB-приложения. Структура сайта. Понятие WEB-сервера и его взаимодействие с пользователем.

2

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

3

Эргономика сайта (WEB-usability). Факторы осложняющие и те, которые помогают правильному восприятию информации на сайте. Макетирование в WEB. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице (выпадающие одноуровневые и многоуровневые меню, логотипы, информационные блоки). Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.

4

Создание основной конструкции сайта с помощью языка верстки HTML. Тег, его атрибуты, виды и синтаксис структуры. Формирование основных принципов работы с кодом страниц. Открывающие и закрывающие теги. Распознание HTML-страниц разными браузерами (Internet Explorer, Opera, Google Chrome, Mozilla Firefox). Оформление кода – теги «html», «body», «head». Создание основной страницы с текстом. Редактирование текста, правила использования тега «span». Способы форматирования. Маркирование текста. Правила размещения и настройки размера графических изображений (jpg, gif, png), звука, бегущей строки и видео. Правила тегов «img», «object». Таблицы «table» ― регламентация их размещения и информации в них (текст, изображения, видео). Объединение ячеек, создание «резиновых» и фиксированных таблиц. Фрейм «frameset», фреймовая структура как альтернативное конструирование интернет-страниц. Формы «form», их создание. Формы для регистрационных анкет, поисковых систем, тестовых задач. Интеграция с базой данных сервера хостинга. Новое в HTML5.

5

Использование языка описания CSS. Введение в CSS – содержание и представление. Синтаксис CSS, атрибуты и правила. Контейнеры и селекторы CSS. Подключение и основные свойства CSS-стилей, каскадные таблицы. Применение валидатора. Способы раскладки в CSS float, flexbox. Применение SASS. Псевдоклассы и псевдоэлементы. CSS-фреймворки, Bootstrap. Верстка слоями. Приоритеты и доступ к стилям элементов документа. Возможности использования каскадных таблиц стилей. Варианты встраивания CSS в HTML-код. Адаптивная верстка и веб-дизайн с использованием Media queries. Оптимизация верстки. Новое в CSS3.

6

Подготовка графики для WEB. Обзор графических статических и динамических форматов – GIF, PNG, TIF, JPG, BMP, SWF, MOV, AVI, условия их использования в среде Интернет. Визуальный HTML-редактор DreamWeaver – основные функции, применение, создание, модификация шаблонов. Использование основных режимов DreamWeaver. Разработка и создание собственной структуры сайта. Правила работы с главного меню. Меню Properties. Создание навигационного меню с помощью палитры Behaviors. Правила создания эффекта Rollover.

7

Применение сценарного языка JavaScript. Обзор JavaScript – история и роль языка. Гипертекстовые документы. Скрипты, их классификация, различия и области применения. Синтаксис JavaScript, типы данных и операторы. Типы переменных, способы их объявления, создания и присвоения значений. Базовые конструкции языка и логические структуры. Конкатенация. Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними. Методы и функции. Объекты и классы. Конструкторы и прототипы. Формы и регулярные выражения. События и их обработка. Интерактивные интерфейсы. Модель W3C DOM в браузерах. Создание и способы подключения Java-скриптов к сайтам. AJAX – фоновый обмен данными браузера с WEB-сервером. Библиотека jQuery – селекторы, фильтры, формы, стили, плагины. Фреймворк для создания одностраничных веб-приложений AngularJSСборка frontend-проектов с помощью системы GulpJS.

8

Конструирование сайтов посредством систем управления контентом (CMS). Функции CMS для контента – предоставление инструментов создания, организация совместной работы, управление (хранение, отслеживание версий, соблюдение режима доступа, контроль над потоком), публикация, представление в удобном для поиска и навигации виде. Разновидности CMS – с генерацией по запросу, при редактировании и смешанные. Объектная, модульная и сетевая модели CMS. Свободные и коммерческие CMS. Платформы WEB-приложений CMS – PHP, .NET, Java, Perl. Сравнительный обзор CMS – WordPress, Joomla, uCoz, Wix, 1С-Битрикс, Prom.ua и т.д.

9

Создание сайта на CMS WordPress. CMS с открытым исходным кодом на PHP с MySQL. Назначение. Установка. Панель управления сайтом – настройка внешнего вида, создание записей, страниц, рубрик. Плагины – назначение, поиск, установка, настройка. Обязательные плагины. Публикация новых записей, статей, заметок. Изменение внешнего вида сайта в соответствии с типом, стилем, назначением. Поиск тем дизайна и шаблонов оформления. Сохранение, резервное копирование и восстановление сайта. Перенос сайта на другой сервер.

10

Создание сайта на CMS Joomla. Свободная CMS на PHP и JavaScript с MySQL. Назначение. Установка. Набор инструментов разработки. Отображение интерфейса фронтальной и административной части. Дополнительные расширения – модули и плагины. Внешний вид сайта, шаблоны готовые и оригинальные. Настройка схем расположения модулей. Администрирование. Создание описания динамических страниц. Иерархия объектов. Менеджер рассылки новостей. Встроенный визуальный редактор. Модуль безопасности и ограничение доступа.

11

Тестирование и оценка сайта. Требования к дизайну и критерии оценок созданного сайта. Тест-стратегия. Этапы стандартного тестирования сайта. Инструменты WEB-тестирования – Firebug, инспектор Google, TamperData. Кросс-браузерное тестирование. Обоснование необходимости и разработка предложений по редизайну сайта.

12

Размещение сайта на хостинге. Правила размещения сайтов на бесплатных (narod.ru, ucoz.ru) и платных хостингах. Регистрация доменного имени, услуги и баланс хостинга. Использование FTP-протокола, файловый менеджер Total Commander. Личный кабинет, логин и пароль. Администрирование и текущий контроль контента.

Высшее учебное заведение "Институт информационных и бизнес-технологий"
Григорий
+380
44
233-19-91
стац.
+380
63
233-19-91
Life
+380
98
213-19-91
Киевстар
+380
99
240-19-91
МТС
УкраинаКиевул. Антоновича (Горького), 4/6
Форма организации: Частное акционерное общество. Дата образования: 15.01.2003 г. Идентификационный код ЕГРПОУ: 32710866. Расчетный счет: 26000052643786 в ПАТ КБ «ПриватБанк», МФО: 320649. Почтовый адрес: 03047, Украина, г. Киев, пр-т Победы, 50, к. 443а.
Карта