Курси web-дизайну в Києві. Basic.

Навчальний Центр пропонує Вам записатися на курси web-дизайну.

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

Коли Ви закінчите курси та почнете використовувати свої знання та вміння на практиці, Ви зможете без жодних труднощів зробити свій сайт корисним та неповторним, що, безумовно, забезпечить високу його відвідуваність.

Наші групи включають до 3 людей, ми турбуємося про якість Ваших знань та комфорт навчання. Також групи вихідного дня та індивідуальні заняття підійдуть тим, у кого не вистачає вільного часу. Ми вчимо своїх клієнтів швидко – 3-4 тижні, не більше.

Яких вмінь Ви набудете.

• Користуватися сучасним редактором для верстальників Adobe Dreamweaver, а також Adobe Photoshop для верстання макетів.
• Створювати складні проекти інтернет  - сайтів, навіть для таких програм, як Joomla.
• Працювати з мовою розмітки HTML та каскадними таблицями CSS.
• Грамотно та ефективно розміщувати різноманітну інформацію на сайті.
• Користуватися шаблонами та розроблювати навігацію.
• Працювати з gif-анімацією.
• Працювати з банерами.
• Реалізовувати оцінку та тестування інтернет-сайтів.

Чому варто обрати наші курси web-дизайну.

• Ми забезпечимо Вам можливість самостійно сформувати свій графік занять.
• У нас постійно діють знижки та акційні пропозиції.
• Ми не проводимо лекції та не використовуємо відеоролики на заняттях, всі матеріали подаються в доступній формі спеціалістами у сфері викладання комп’ютерних дисциплін.
• Ви можете вносити будь-які правки в графік занять. Наші консультанти допоможуть Вам скласти графік та програму таким чином, щоб Ви вивчали тільки те, що Вам потрібно.

Команда Навчального Центру робить все для того, щоб віддалитися від стандартних шаблонів навчання, які роками розвивалися в системі освіти. Ми робимо крок назустріч своїм клієнтам. Оцініть наші старання! Записуйтеся на курси web-дизайну та нехай навчатися Вам тепер буде в радість!

Ще статті по курсу: Навчання веб дизайну з нуля.

Курси веб-дизайну: навчальна програма курсу.

Дизайн макету сайту Adobe Photoshop.

• Інтерфейс програми.
• Панель інструментів.
• Створення нового проекту.
• Імпорт зображень, закладки.
• Редагування параметрів зображення (розмір, режим).
• Робочий простір (зміни розміру зображення та простору).
• Шари (створення, редагування, видалення, ефекти).
• Необхідність шарів, активний шар.
• Варіанти скасування виконаних дій.
• Кадрування зображень.
• Робота з інструментами виділення.
• Розтушування меж виділеного.
• Трансформування зображення (поворот, зміна розміру).
• Збереження файлів (оптимізація під WEB, збереження багатошарових зображень).
• Функція команди Save for Web.
• Формати JPEG, GIF та PNG, їхня специфіка.

Практична робота Photoshop.

• Практична робота Photoshop

Поняття про web-технології.

• Що таке хостинг, сервер.
• З чого складається сайт.
• Що таке пошуковий робот та яким чином він працює.
• Основні поняття Xml та HTML, їхні відмінності.
• З чого складається сторінка HTML (метатеги, теги).
• Кодування сторінки.
• Основні теги HTML.
• Параметри тегів.
• Елементи лінійної та блочної розмітки.
• Елементи фізичного та лінійного форматування.
• Символьні підставляння.

Планування.

• Цілі сайту, цільова аудиторія.
• Доменне ім’я.
• Георозташування (країна, регіон, міжнародні).
• Структура сайту (навігація, кольори).
• Динамічні та статичні структури.

Гіперпосилання.

• Тег посилання.
• Абсолютні посилання та відносні посилання.
• Використання закладок для швидкого переміщення по сторінці.
• Графічні посилання.
• Використання посилань в навігації сайту.
• Схеми посилань (вертикальні, випадаючі, горизонтальні).

Оформлення елементів сторінки.

• Що таке CSS та його використання.
• Впроваджений, вбудований та зв’язаний стилі.
• Селектори та організації структури CSS файлу (id, class).
• Псевдокласи та їхнє пряме призначення.
• Підключення зв’язаних стилів та скриптів.
• Призначення та використання стилів.

Практична робота (верстка).

1. Верстка сторінки з використанням вбудованих, зв’язаних та впроваджених стилів.

• Зовнішні та внутрішні відступи.
• Рамки.
• Фон елементу (колір, картинка).
• Розмір та позиція фону картинки.
• Позиціювання елементів fixed, absolute, їхні відмінності.
• Команди float, display, overflow, border-radius.

2. Створення меню сайту.

• Верстка блока меню.
• Впровадження абсолютного та відносного посилання.
• Впровадження закладки на певний блок DIV.
• Підключення готового меню на сайт (скрипт, CSS, HTML).

Форми.

• Форми, процес роботи з ними. Використання форм. Способи відправлення інформації з полів форми.
• Елементи форм в CSS. Теги input та form.
• Параметри: radio, checkbox, reset, submit.
• Огляд меню select.
• Текстове поле textarea.

Практична робота (форми).

1. Створення простого HTML-коду форми.

2. Підключення готової форми на сайт.

• Введення HTML-коду.
• Підключення PHP-обробника.
• Підключення скрипту обробки.
• Налаштування зовнішнього виду.

CMS, система управління контентом.

• Види CMS (вузькоспеціалізовані, універсальні).
• Основні відмінності CMS від зверстаного сайту (плюси, мінуси).
• Встановлення CMS на комп’ютер (Denver, Wamp).
• Встановлення та перенесення CMS Joomla на хостинг.
• Поняття модуль, компонент, плагін.
• Шаблони Joomla.

Практична робота.

• Встановлення локального веб-сервера.
• Встановлення CMS.
• Ознайомлення з панеллю управління Joomla.