17.04.2020 В 9:00
16.04.2020 В 12:00
21.04.2020 В 15:00
17.04.2020 В 18:30
19.04.2020 В 15:00(вх)
8580 ք
без скидки : 12250 ք
14900 ք
без скидки : 21290 ք
Основные пункты программы | № темы |
---|---|
Введение в web-дизайн. Основные понятия. Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты. Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании. Способы определения набора страниц и навигации между ними. Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами. |
Тема № 1 |
Основы веб-дизайна. Создание макета сайта. Юзабилити. Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта. Стили дизайна сайта. Основные компоненты web-страницы и способы их визуального представления. Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте. Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице. |
Тема № 2 |
Язык разметки HTML. Использование NotePad++ Структура HTML-документа. Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа. Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов. Создание гиперссылок: тег < a >, атрибуты тега < a >. Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега. Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы. Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки. Создание форм на сайте. Основные элементы веб-форм. Отправка информации из формы. Практика: Создание статичной формы, используя табличную верстку. Размещение медиа-файлов на сайте. (видео и аудио файлы). |
Тема № 3 |
CSS: Каскадные таблицы стилей. Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице) Основные понятия CSS. Синтаксис CSS. Создание стилей для элементов страницы. Классы и идентификаторы (их различия). Оформление и декорирование страницы, используя CSS. Позиционирование элементов страницы с помощью CSS. |
Тема № 4 |
JavaScript и jQuery: Применение готовых библиотек для сайта. Что такое jQuery? Подключение внешних библиотек к сайту. Галерея изображений Использование jQuery UI: DatePicker, Tabs, Accordion. |
Тема № 5 |
Основы работы в графических программах и создания графики для web-сайтов. Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web). Dreamweawer – основы использования программы для создания web-страниц. |
Тема № 6 |
Тестирование сайта и размещение на хостинге. Понятия домен и хостинг. Виды, регистрация. Размещение сайта на бесплатных хостингах. FTP-протокол. |
Тема № 7 |
Окончательное тестирование готового сайта. |
Тема № 8 |
Итоговое (зачетное) занятие. |
Тема № 9 |