Початок створення сайту

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

Робота в графичной графіки в  Adobe Photoshop

• Інтерфейс програми Adobe Photoshop
  Панель інструментів та палітра шарів
  Панель налаштувань Adobe Photoshop
  Створення простого документа та документа з монтажними областями у програмі Adobe Photoshop CC 2018
  Лінійки та напрямні.
  Шари та їх види
  Основи векторної графіки. Робота з кривими Криві Безье
  Інструменти для створення та редагування кривих Безьє
  Контур та фігура в Adobe Photoshop
  Підготовка фото

Знайомство з  Adobe Illustrator

• Інтерфейс програми Adobe Illustrator
  Робота з кривими в Adobe Illustrator
  Робота з растровою графікою в Adobe Illustrator
  Експорт файлів у Adobe Illustrator.

Послідовна методика створення індивідуального дизайну

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

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

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

Таблиці та списки. Купівля домену та хостингу. Використання програми FilleZilla. Посилання та ілюстрації

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

CSS. Технології CSS, ії версії та підтримка браузерами.

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

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

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

Робота з текстом. Механізми подання текстової інформації: оформлення, вирівнювання, відступи та ін.

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

Шари в HTML

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

Методи верстки елементів веб-сторінки за допомогою CSS. Схеми css-позиціонування. Елементи. Положення

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

Основи програмування JavaScript

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

Функції та об'єкти JavaScript

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

Об'єктна модель браузера

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

Початок роботи з bootstrap 4

Завантаження 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.  Open Cart

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

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

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

Щороку інтерес до IT індустрії в Україні зростає з геометричною прогресією. Основною причиною такого розвитку є гідна оплата праці спеціалістів цієї сфери.

Ще однією причиною є репутація ІТ компаній в Україні. Тут відіграє роль ставлення до співробітників, гнучкий графік роботи, гарне облаштування офісів та атмосфера в колективах компаній, можливість працювати дистанційно. Це сучасний бізнес, з молодими керівниками, що дає можливість більш цікавої поведінки та спілкування у колективі, перспективи розвитку в Україні та за кордоном.

Ще одна приваблива причина для спеціальності Web-дизайнер – не закінчуючи вищих навчальних закладів можна досягти хороших результатів на кар'єрних сходах у цьому напрямі бізнесу, вивчившись на курсах web-дизайну або курсах web-майстра в ліцензованих навчальних центрах. Тут же робота стає навчанням, IT фахівець щодня навчається чогось нового.

Ринок IT в Україні стрімко розвивається і сайти вакансій поступово заповнюються заявками на пошук фахівців. Щоб працювати у цій сфері, достатньо закінчити якісні спеціалізовані курси.

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

Приходьте, УЦ «Успіх» чекає на Вас!