Кількість ак.ч. 128

Час Заняття в ранковий (10.00-12.30), денне (14.00-16.30) або вечірній (18.30-21.00) час; група вихідного дня по суботах.

Термін навчання в групі 3 місяці. 24 заняття по 3.5 академ. години.

Ціна (для фізичної особи) 3500 грн. у місяць.

Знижки від 10% до 15%

програма курсу
Ще курси по WEB (створення сайту, оптимізація, розкрутка сайтів)
Курс «Front-end розробник (професійний веб майстер)»
Курс Створення сайту за 1 місяць (WordPress, Joomla, Drupal)
Курс Оптимізація і розкрутка сайтів (SEO)
Курс Інтернет-маркетолог (SMM-менеджер)
Курс Створення інтернет-магазинів

Web-дизайнер - фахівець, який відповідає за структуру і "особа" сайту. У його обов'язки входять створення макета сайту, розробка навігації, створення та оптимізація всіх графічних елементів - від простих кнопок до інтерактивних flash-банерів.

Загальний опис :

Ви навчитеся створювати хороші макети сайтів, розробляти для них зручну навігацію, створювати і оптимізувати всі графічні елементи сайту, вивчіть можливості програм для створення веб-сторінок, зможете грамотно розміщувати інформацію на сайті.
Застосовуючи знання, отримані в, Ви зможете зробити сайт цікавим і відвідуваним!
Після закінчення Ви будете вміти:

• Створювати веб-сторінки, використовуючи різні програми
• Грамотно розміщувати інформацію на сайті
• Розробляти навігацію, використовувати шаблони
• Підбирати зображення потрібного формату і розміру
• Використовувати gif-анімацію
• Працювати з банерами
• Оцінювати і тестувати сайт

Заняття проводяться в наших сучасних комп'ютерних класах , Оснащених всім необхідним обладнанням. У класах кондіцінери, вода, чай, кава.

Початок побудови сайту

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

• Створення нового документа. Дистанційні файли (Deleted Files) / Корзина
• Панель закладок (Panel of tabs)
• Контекстна панель першого екрану
• Створення нового проекту і огляд інтерфейсу екрану проекту
• Створення нової команди (New team)
• Контекстна панель екрану проекту
• Створення нового файлу

• Панель інструментів
• Огляд інтерфейсу редагування файлу
• Інструмент масштабування (Scale Tool)
• Переміщення об'єкта (Move Tool)
• Фігури Зріз (Slice Tool)
• Створення арт-борда (Frame Tool)
• панель властивостей
• Текст (Text Tool)
• Прямокутник (Rectangle Tool)
• властивості тексту
• інтерфейсна сітка
• Розуміння контейнерів в web-дизайні
• прототипування

• Принципи розробки призначеного для користувача інтерфейсу.
• Ключове призначення інтерфейсів - взаємодія
• Один екран -одна основна дія

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

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

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

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

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

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

• Визначення, основні властивості.
• Створення шарів в Sublime Text 3. Елементи DIV і SPAN.
• Особливості розробки елементів макетів для блокової верстки.
• Використання властивості float: вирівнювання зображень, реалізація ефекту таблиці.
• Псевдостілі гіперпосилань. Реалізація ефекту ролловера засобами CSS.

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

• Впровадження сценаріїв в HTML документ
• синтаксис
• Змінні і типи даних
• Написання першого сценарію - таблиці множення
• умовні оператори
• Оператори циклів
• Оператор обробки винятків
• Використання циклів
• створення фотогаллерей

• Опис і виклик функцій
• аргументи функцій
• повернення значень
• Область видимості змінних
• Рекурсивний виклик функцій
• Використання функцій
• об'єкти JavaScript
• Об'єкти типів даних
• масиви
• Використання об'єктів

• об'єкти браузера
• об'єкт window
• Лабораторна робота: використання об'єкта window
• об'єкт navigator
• об'єкт document

• Завантаження 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 є однією з найпопулярніших CMS по створенню блогів в Інтернеті, роблячи його легким для розміщення своїх ідей, зображень, аудіо / відео. WordPress може використовуватися не тільки для блогів повідомлення, але і для зберігання статистичної інформації, яка може бути легко модернізована, через систему управління контентом (CMS).

Створення сайтів на Joomla.Огляд і настройка системи.
Робота з меню і посиланнями на сайті.Робота з блоками і модулями.Робота з користувачами і їх правами доступу.

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

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

користувач ПК