Web - дизайн (HTML, CSS, обзор редакторов, Web-маркетинг)
Описание:В процессе обучения Вы получите знания о создании web-страниц, содержащих в себе такие компоненты, как: текстовое и графическое наполнение, гиперссылки, интерактивные формы для взаимодействия пользователя с web-сервером. Также Вы научитесь использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта, взаимодействие web-страниц между собой, размещать и продвигать сайт в сети Internet.
Курс предназначен:
Данный курс является базовым для разработчиков сайтов, Web-мастеров, Web-дизайнеров, специалистов по Internet-рекламе и продвижению сайтов в сети, HTML-верстальщиков, контент-менеджеров и других специалистов, деятельность которых связана с сетью Internet.
По окончании курса выдается сертификат Учебного центра Бейсик.
Требования к слушателям:
Для усвоения материала необходимо знать программу курса Профессиональный пользователь ПК или обладать аналогичным объемом знаний.
Сертификат:
Для получения сертификата, необходимо:
1. Сдать тест на сайте www.basic.com.ua.
2. Создать и зарегистрировать свой сайт.
3. Заполнить анкету и вписать в ней код теста и адрес зарегистрированного сайта.
На сайтах должны быть применены следующие технологии:
списки, ссылки, формы, баннеры, графические кнопки, таблицы, рисунки.
Выпускники этого курса чаще всего записываются на:
Пройти тестирование по этому курсу
ЗАЯВКА НА ОБУЧЕНИЕ
ПРОЙТИ ТЕСТИРОВАНИЕ ПО ЭТОМУ КУРСУ
СПИСОК ВСЕХ КУРСОВ
| Форма обучения | Цена, грн. | Количество часов | Количество занятий |
| Индивидуальное | 2500 | 30 | 15 |
| Группа 2-3 чел. | 1350 | 30 | 15 |
| Группа 5 чел. | 1350 | 30 | 15 |
ПРОГРАММА КУРСА
HTML.
ТЕМА № 1.
Теги и их параметры.
1. Краткий обзор браузеров, редакторов. Кодировка. Основы сетевой терминологии: сайты, сервера, поисковые машины. Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются .
2. Основные сведения о языках разметки: HTML, XML, XHTML. Цели и задачи языка HTML.
3. Правила оформления HTML-документа. Структура HTML-документа.Понятие атрибут (параметр) тега.
4. Создание HTML-документа в программе «Блокнот».
5. Параметры тега "body".
6. Типы тегов. Теги физического форматирования: "b","i","big", "small", "sub", "sup","font","basefont". Особенность пробелов, комментарии в документе, символы подстановки.
7. Теги логического форматирования : "acronym","blockquote".
8. Форматирование HTML-документа "p""nobr""br".
9. Горизонтальная линия "hr", Заголовки"h1"–"h6".
Практическая работа.
ТЕМА № 2.
Ссылки. Списки.
1. Ссылки. Тег "a". Организация ссылок, ссылки на другие ресурсы, внутренние ссылки.
2. Тег "base".
3. Списки. Структурирование информации на WEB-странице при помощи списков. Типы списков : маркированный, нумерованный, список определений, вложенные списки(многоуровневые).
Практическая работа.
ТЕМА № 3.
Вставка Изображения.
1. Графика. Вставка Изображения.
2. Атрибуты тега "img". Выравнивание, ширина, высота. Рамка. Особенности графический изображений используемых на веб страницах. Особенности файлов в форматах gif, jpg.
3. Карты ссылок. Преимущества и недостатки.
Практическая работа.
ТЕМА № 4.
Таблицы.
1. Таблицы. Макетирование web-страницы с помощью таблиц.
2. Заголовок, ширина, высота. Параметры "table","tr", "td", "th".
3. Объединение ячеек, логические группы "col","colgroup","thead","tbody", "tfoot".
4. Вложенные таблицы.
5. Прорисовка внутренних и внешних линий таблицы.
6. Форматирование текста внутри таблицы, вставка рисунков. Отображение пустых ячеек в таблицах. Выравнивание таблицы в HTML документе.
7. Использование вложенных таблиц.
8. Приемы использования таблиц на web-странице.
Практическая работа.
ТЕМА № 5.
Формы.
1. Формы. Правила работы с формами. Зачем нужны формы. Методы отправки информации из полей формы.
2. Элементы форм. Теги "form","input".
3. Параметры (checkbox, radio readonly, submit, reset image).
4. Меню "select".
5. Текстовое поле "textarea".
Практическая работа.
ТЕМА № 6.
Каскадные таблицы стилей.
1. Каскадные таблицы стилей. Спецификация CSS. Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу.
2. Встроенный, внедренный, связанный стили.
3. Поддержка браузерами CSS. Грамматика языка стилей. Создание стилей и классов. Принципы каскадирования и группировки. Использование псевдоклассов и псевдоэлементов.
4. Примеры использования стилей: Форматирование текста, таблиц, списков, фона страницы.
Практическая работа.
ТЕМА № 7.
Абсолютное и относительное позиционирование.
1.Абсолютное и относительное позиционирование.
2. Работа со слоями.
3. Ширина и высота.
4. Наложение нескольких слоев, изменение порядка вывода слоев.
Практическая работа.
ТЕМА № 8.
Дополнительные возможности HTML и CSS.
Размещение аудио- и видеоматериалов на web-странице: примеры. Нестандартные теги HTML. Нестандартные возможности CSS (фильтры). XML-технологии и их применение.
Обзор программ, используемых при создании WEB-сайта.
ТЕМА № 9.
Обзор программ Macromedia DreamWeaver, HomeSite.
1. Возможности современных программ, используемых для создания WEB-страниц. Обзор программ Macromedia DreamWeaver, HomeSite. Использование программы TopStyle для редактирования стилей.
2. Типовые операции: обработка событий, проверка данных формы, управление видимостью и содержанием слоев, проверка браузера.
Веб - маркетинг, размещение, продвижение и оптимизация сайтов в сети Internet.
ТЕМА № 10.
Информационная архитектура сайта. Анализ требований к сайту.
1. Распределение информации по разделам сайта с учетом информационной, логической и визуальной взаимосвязи между разделами.
2. Классификация сайтов. Целевая аудитория сайта. Определение потребностей целевой аудитории.
3. Определение задач и функциональности проекта.
4. Доменные имена и аспекты выбора доменного имени. Распространенные ошибки при выборе доменного имени.
ТЕМА № 11.
META. Тег "meta".
Описание метаинформации сайта с помощью элемента META Тег "meta". Обновление, ключевые слова, переадресация сайта.
ТЕМА № 12.
Размещение сайта в сети Интернет. Вопросы хостинга.Бесплатное и платное размещение.
ТЕМА № 13.
Доступность и эргономика ресурса (Юзабилити).
1.Доступность ресурса. Проблемы большинства современных сайтов.
2.Эргономика сайта (Юзабилити).
3.Основные принципы. Факторы, которые затрудняют и факторы, которые облегчают восприятие пользователем информации на сайте.
4. Макетирование в WEB.
ТЕМА № 14.
Поисковая оптимизация (SEO).
1. Анализ входящего трафика на сайт.
2. Обзор поисковых машин в Украине и за рубежом. Принципы работы. Роль поисковых машин в формировании этого трафика.
3. Виды SEO оптимизации.
4. Оптимизация контента .
a. Определение задач сайта и ключевых страниц.
5. Управление индексацией.
6. Проверка и оптимизация работы сервера.
a. Важность и понимание принципов работы сервера.
b. Проверка заголовков HTTP.
c. Определение часто меняющихся блоков.
d. Принципы формирования Last-Modified.
7. Работа со ссылками.
a. Анализ входящих ссылок.
b. Портальные схемы размещения контента.
c. Внешние ссылки с других ресурсов.
8. Регистрация в каталогах.
ТЕМА № 15.
Реклама проекта.
1. Виды рекламы проекта.
a. Контекстная реклама.
b. Банеры и реклама на площадках (банерообменные сети, банеры на рекламных площадках, собственные (внутренние) банеры).
c. Рассылки и спам. Тематические рассылки, собственные рассылки, несанкционированные рассылки (спам).
ТЕМА № 16.
Анализ работы сайта.
Системы аналитики – трекеры (счетчики).
Виды отчетов и погрешность измерений: посещаемость, ссылки, страницы и сессии, типы браузеров и ОС, география.
ТЕМА № 17.
Основы электронной коммерции (обзорно)
Виды электронной коммерции.
Платежные системы в Интернете.
JavaScript.
ТЕМА № 18.
Что такое JavaScript.
Примеры сценариев JavaScript.
Библиотеки JavaScript в сети Интернет.
Вопросы по курсу.
Тестирование.
