Программа курса
Після закінчення курсу "Web-дизайн від А до Я" ви отримаєте достатньо знань для створення гарного повноцінного сайту з елементами програмування з використанням сучасних систем керування сайтами (CMS) та сучасними Web-технологіями. Курс "Web-дизайн від А до Я" – професійна програма, яку викладають чудові викладачі.
Професія веб-дизайнера дуже популярна, високооплачувана і затребувана на ринках праці. Веб дизайнери, що працюють у фрілансі, не менш успішні і затребувані. Якщо ви хочете стати висококласним фахівцем в галузі web дизайну, курс веб дизайн від А до Я в нашому центрі дасть професійну підготовку.
Хороший веб-дизайнер повинен багато знати і багато вміти, а саме: розробити концепцію сайту, вибрати для її реалізації найоптимальніший шлях, мати бездоганний смак, вміти застосовувати свій креатив у кожній конкретній меті, бездоганно знати програмування, володіти основами колористики, просування та просування сайту. Курс WEB дизайн від А до Я відНЦ «Успіх» допоможе оволодіти новою спеціальністю.
Роботи наших випускників
Ще курси по створенню та розкрутки сайтів:
Веб-дизайн це те, з чого починається сайт для вашого відвідувача. Це перше враження, після якого відвідувач вирішує, залишиться він на Вашому сайті чи ні. Причому це рішення він приймає інтуїтивно і швидко. Тому від веб-дизайнера безпосередньо залежить, наскільки ефективно він зможе подати інформацію та скільки відвідувачів зупинить свій вибір на даному сайті.
Web-дизайнер – спеціаліст, який відповідає за структуру та "обличчя" сайту. В його обов'язки входять створення макету сайту, розробка навігації, створення та оптимізація всіх графічних елементів – від найпростіших кнопок до інтерактивних банерів.
Загальний опис курсу Створення сайтів Web-дизайн з нуля: Ви навчитеся створювати хороші макети сайтів, розробляти для них зручну навігацію, створювати та оптимізувати всі графічні елементи сайту, вивчіть можливості програм для створення веб-сторінок, зможете грамотно розміщувати інформацію на сайті, навчитеся працювати у графічних пакетах Photoshop та Illustrator.Застосовуючи знання, отримані в курсі створення сайтів Web-дизайну, Ви зможете зробити сайт цікавим та відвідуваним!
Після закінчення курсу Створення сайтів Web-дизайн наші слухачі вмітимуть:
Створювати веб-сторінки за допомогою різних програм
Грамотно розміщувати інформацію на сайті
Розробляти навігацію, використовувати шаблони
Підбирати зображення потрібного формату та розміру
Використовувати gif-анімацію
Працювати з банерами
Створювати стильні, сучасні та зручні сайти!
Використовуйте інструменти веб-дизайнера на професійному рівні!
Оцінювати та тестувати сайт
Взаємодіяти із замовником!
Модуль 1. Початок побудови сайту в курсі Створення сайтів Web-дизайн
Визначення тематики сайту та вікової групи. Підбір ключових слів, назви, мета-тегів та копірайтинг.
Реєстрація на https://accounts.google.com (gmail)
Підбір ключових слів для свого сайту за допомогою https://adwords.google.com/KeywordPlanner
Аналіз конкурентів
Поняття гіпертекстових документів та веб-сайтів. Класифікація веб-сайтів.
Різні типи web-сайтів, їх призначення та використання. Типи гіпертекстових документів (web-сторінок), їх відмінності та подібності.
Розміщення та зберігання web-сторінки та сайти. Поняття web-сервера та принципи його роботи з користувачем.
Вибір програмного забезпечення для роботи над веб-сайтом. Необхідний мінімум для початку роботи.
Спосіб створення веб-сайтів: візуальний, робота з кодом, комбінований.
Розробка структури та етапи побудови web-сайту.
Інформаційне наповнення та взаємозв'язки основних розділів та підрозділів, а також додаткових сторінок веб-сайту.
Модуль 2. Робота у графічному пакеті Adobe Photoshop в курсі Створення сайтів Web-дизайн
Інтерфейс програми Adobe Photoshop
Панель інструментів та палітра шарів
Панель налаштувань Adobe Photoshop
Створення простого документа та документа з монтажними областями у програмі Adobe Photoshop CC 2018
Лінійки та напрямні.
Шари та їх види
Основи векторної графіки. Робота з кривими Криві Безьє
Інструменти для створення та редагування кривих Безьє
Контур та фігура в Adobe Photoshop
Підготовка фото
Модуль 3. Ознайомлення з Adobe Illustrator в курсі Створення сайтів Web-дизайн
Інтерфейс програми Adobe Illustrator
Робота з кривими в Adobe
Робота з растровою графікою в Adobe Illustrator
Експорт файлів у Adobe Illustrator
Модуль 4. Послідовна методика створення індивідуального дизайну в курсі Створення сайтів Web-дизайн
Визначення цілей веб-сайту та його позиціонування
Створення Технічного Завдання (ТЗ) для розробки веб-сайту.
Створення веб-сайту дизайн-макет.
Верстка сайту.
Програмування сайту
Наповнення сайту інформацією.
Розташування сайту в мережі Інтернет
Тестування сайту
Модуль 5. Введення в мову розмітки веб-сторінок HTML.
Мова гіпертекстової розмітки HTML за допомогою тегів та інших елементів передає інформацію про те, як побудований текст та як він має виводитися на екран. Мова каскадних таблиць CSS дозволяє оформити веб-сторінку, задавши необхідні кольори, шрифти та інші елементи стилю.
Вивчення основ мови розмітки HTML5 необхідні побудови сайтів і статичних сторінок у мережі Internet.
Введення та основні поняття. Основи розробки веб-ресурсів. Моделі інформаційної архітектури. Принципи "юзабіліті". Основні елементи web-сторінки та способи їх компонування. Розробка структури сайту та системи навігації. Огляд форматів веб-графіки. Стандарти HTML5 та CSS3. Стандарти розробки HTML5 документів. Meta-теги, keywords (елементи пошукової оптимізації). Методи верстки web-сторінок
WEB-сервер, web-сайт, web-сторінка
Типи тегів. Теги - header, nav, section, article,aside,footer та ін.
Правила оформлення HTML5-документу
Використання коментарів.
Створення HTML5-документа у програмі Sublime Text 3
Можливості програми Sublime Text 3: Основи роботи. Управління веб-сайтом. Редагування html5-коду
Модуль 6. Таблиці та списки. Купівля домену та хостингу. Використання програми FilleZilla. Посилання та ілюстрації
Структурування інформації на WEB-сторінці за допомогою списків. Типи списків
Структурування інформації на сторінці за допомогою списків та таблиць
Механізми адресації ресурсів у Internet. Реалізація механізму у мові HTML5
Створення гіперпосилань за допомогою елемента A та його атрибутів. Типи посилань
Розміщення ілюстрації на веб-сторінці. Типи файлів ілюстрацій. Елемент IMG та його атрибути
Розподіл ілюстрацій на сторінках сайту: прийоми та поради
Модуль 7. CSS властивості, модульна система CSS в курсі Створення сайтів Web-дизайн
Поняття, сфера застосування та принципи побудови каскадних таблиць стилів (CSS).
Використання CSS на веб-сторінках, способи завдання стилів та оформлення окремих елементів.
Огляд інструкцій CSS для оформлення веб-сайтів.
CSS - внутрішні стилі глобальні або вбудовані зовнішні або пов'язані
Визначення класів та ідентифікаторів
CSS-селектори
БЛОЧНА МОДЕЛЬ. УПРАВЛІННЯ ТИПАМИ ЕЛЕМЕНТІВ – ВЛАСТИВОСТІ DISPLAY (BLOCK, INLINE, INLINE-BLOCK…)
Створення та керування таблицями стилів у програмі Sublime Text 3
Верстка web-сторінок зі стандартними елементами - шапка, навігація, утримання та підвал.
Створення меню за допомогою маркованих списків.
Введення поняття псевдокласів.
Визначення float для розташування елементів меню.
Свідомість веб-сторінок і зв'язків між ними.
Хостинг. HTML елементи: види, параметри.
Модуль 8. Робота з текстом. Механізми подання текстової інформації: оформлення, вирівнювання, відступи та ін.
Використання CSS-властивостей: Особливості відображення тексту на веб-сторінці.
CSS-властивості, які використовуються для оформлення тексту.
Приклади роботи зі шрифтами, загальні способи та методи застосування шрифтів, їх характеристики та атрибути.
Модуль 9. Шари в HTML
Визначення, основні властивості.
Створення шарів у Sublime Text 3. Елементи DIV та SPAN.
Особливості розробки елементів макетів для блокової верстки.
Використання якості float: вирівнювання зображень, реалізація ефекту таблиці.
Псевдостигли гіперпосилання. Реалізація ефекту роловера засобами CSS.
Модуль 10. Методи верстки елементів веб-сторінки за допомогою CSS. Схеми css-позиціонування. Елементи. Положення
Вміст та шари. Шар шар фону. CSS-властивості списків.
Особливості використання блочної моделі.
Використання фонових зображень.
Способи позиціонування елементів.
Абсолютне та відносне позиціонування.
Точне розміщення блокових елементів HTML-розмітки у вікні браузера: розмір блоку, абсолютні та відносні координати.
Накладення та вкладення шарів, властивість z-index.
Керування видимістю шару та видимістю вмісту шару.
Модуль 11. Основи програмування JavaScript в курсі Створення сайтів Web-дизайн
Теоретичні знання та практичні навички для ефективного використання сучасних клієнтських Web-технологій на прикладі JavaScript.
Особливості синтаксису JavaScript, об'єктно-орієнтований підхід у програмуванні JavaScript та його основні вбудовані функції.
Створення динамічних меню, закладок, акордеонів, галерей та інших сторінок.
Сценарії в HTML, мова JavaScript
Впровадження сценаріїв у HTML документ
Синтаксис
Змінні та типи даних
Написання першого сценарію – таблиці множення
Умовні оператори
Оператори циклів
Оператор обробки винятків
Використання циклів
Створення фотогалерей
Функції та об'єкти JavaScript
Опис та виклик функцій
Аргументи функцій
Повернення значень
Область видимості змінних
Рекурсивний виклик функцій
Використання функцій
Об'єкти JavaScript
Об'єкти типів даних
Масиви
Використання об'єктів
Об'єктна модель браузера
Об'єкти браузера
Об'єкт window
Лабораторна робота: використання об'єкта window
Об'єкт navigator
Об'єкт document
Модуль 12. Основи WORDPRESS. Joomla.
WordPress є однією з найпопулярніших CMS щодо створення блогів в Інтернеті, роблячи його легким для розміщення своїх ідей, зображень, аудіо/відео. WordPress може використовуватися не тільки для блогів повідомлення, але й для зберігання статичної інформації, яка може бути легко модернізована через систему керування контентом (CMS).
Однією з головних переваг WordPress є використання теми та плагінів, які можуть кардинально змінити зовнішній вигляд та функціональність вашого блогу на сайті. Студенти дізнаються, як знайти та встановити різні теми та плагіни, а також дізнаються, як почати свою тему з нуля з використанням тегів шаблону на PHP.
Розробка сайту на CMS Joomla налаштування системи.
Модуль 13. Робота з меню та посиланнями на сайті. Робота з блоками та модулями. Робота з користувачами та їх правами доступу
Створення нових та редагування існуючих меню, додавання посилань у меню
Додавання та керування стандартними блоками на сайті
Створення блоку довільного HTML коду
Додавання та редагування додаткових стандартних блоків на сайті
Увімкнення додаткових стандартних модулів та їх налаштування
Налаштування прав доступу на сайт
Додавання ролей для користувачів
Створення нових користувачів
Додавання стандартної форми зворотного зв'язку на сайт
Створення вручну та автоматично власних адрес сторінок (аліасів)
Після закінчення курсу Створення сайтів Web-дизайнВи вмітимете:
створювати web-сторінки, що містять усі необхідні компоненти: текстове наповнення, гіперпосилання, графічне наповнення;
самостійно створювати повноцінний сайт шляхом визначення ієрархії взаємодії веб-сторінок між собою;
грамотно розробляти інтерактивні форми взаємодії користувача з web-сервером;
ефективно використовувати можливості каскадних таблиць стилів CSS для підвищення функціональності та покращення оформлення web-сайту;
використовувати технологію кадрів;
дізнаєтеся про нові можливості HTML та CSS;
Фахівці, які мають ці знання та навички, в даний час вкрай затребувані. Більшість випускників наших курсів роблять успішну кар'єру та користуються повагою до роботодавців.
