Курсы, программы / IT: Интернет / Web-дизайн. Создание web-сайтов, их оптимизация и продвижение

Web-дизайн. Создание web-сайтов, их оптимизация и продвижение: Курсы

	Организатор	Регион	Стоимость


АРТ-СПб, центр дополнительного профессионального образования (0.78)		Санкт-Петербург	7 500 руб. руб. 7,500.00 за 40 ак. часов 10 дней 1 месяц

Даты проведения

22.08.2016 -
Уточните расписание у организатора.
Возможно он не успел обновить расписание.

Форма обучения: Очная/дневная; Вечерняя

Вид мероприятия: Курсы

Тип мероприятия: Открытые

Преподаватель

Шулепов Александр Эдуардович

Анонс программы

Курсы web-дизайна ориентированы на пользователей, имеющих опыт работы на персональном компьютере, постоянно использующих для работы Интернет, и по каким-либо причинам пришедших к выводу, что пришло время создать web-сайт и разместить его в мировом информационном пространстве.
Для слушателей, принявших решение пройти обучение на курсах web-дизайна, необходимо иметь некоторый опыт работы в одной из следующих компьютерных программ:
Photoshop, PHOTO-PAINT (или любой другой растровый редактор двумерной графики);
CorelDRAW, Illustrator (или любой другой векторный редактор двумерной графики).
В ходе обучения на курсах web-дизайна слушатели осваивают теоретические основы языка разметки гипертекста HTML, а также практически отрабатывают технику создания web-сайтов, редактирования и публикации в сети Интернет электронных документов различной сложности. На курсах web-дизайна много внимания уделяется собственно визуальному дизайну, а также используемым в ходе создания web-сайтов инструментам. Каждый этап курсов web-дизайна сопровождается выполнением практических заданий.

Описание программы

Введение
С чего начать

Основные понятия и терминология
Обзор инструментальных средств, используемых для создания веб-сайта
Основные сведения о языках разметки
Веб-специальности

Основы языка разметки HTML
Понятие элементов и атрибутов

Правила применения тегов
Структура HTML-документа
Зачем нужна инструкция
Типы тегов
Блочные элементы
Встроенные элементы
Практика

Подготовка к созданию сайта
Классификация интернет-ресурсов

Управление интернет-проектом
Этапы разработки веб-сайта
Техническое задание на разработку сайта
Шаблоны интерфейса страниц (прототипирование)
Логическая и физическая структуры сайта
Безопасность сайта

Начало работы с Adobe Dreamweaver CS5.5
Общие сведения о программе Adobe Dreamweaver CS5.5

Панель <Вставка>
Создание, открытие и сохранение документов
Настройка интерфейса ...

Подробнее о программе

Введение
С чего начать

Основные понятия и терминология
Обзор инструментальных средств, используемых для создания веб-сайта
Основные сведения о языках разметки
Веб-специальности

Основы языка разметки HTML
Понятие элементов и атрибутов

Правила применения тегов
Структура HTML-документа
Зачем нужна инструкция
Типы тегов
Блочные элементы
Встроенные элементы
Практика

Подготовка к созданию сайта
Классификация интернет-ресурсов

Управление интернет-проектом
Этапы разработки веб-сайта
Техническое задание на разработку сайта
Шаблоны интерфейса страниц (прототипирование)
Логическая и физическая структуры сайта
Безопасность сайта

Начало работы с Adobe Dreamweaver CS5.5
Общие сведения о программе Adobe Dreamweaver CS5.5

Панель <Вставка>
Создание, открытие и сохранение документов
Настройка интерфейса программы
Особенности текста в HTML
Размещение иллюстрации на web-странице. Элемент IMG и его атрибуты
Механизмы адресации на ресурсы в Internet. Типы ссылок
Полезная информация
Практика

Дизайн и визуальное оформление
Правила дизайна

Модульная сетка в экранном дизайне
Шрифтовый дизайн

Основы создания дизайна сайтов в Adobe Photoshop
Подготовка рабочего пространства в Adobe Photoshop

Выбор параметров макета
Разработка элементов (модулей) шаблона макета главной и внутренних страниц сайта
Полезная информация

Подготовка иллюстраций и графических элементов. Оптимизация изображений.
Требования к иллюстрациям в Интернет. Цветовая модель RGB.

Виды графики. Основные характеристики изображений. Методы сжатия графической информации
Форматы графических файлов для размещения в Интернете.
Особенности обработки растровых изображений.
Подготовка графики в программе Adobe PhotoShop.
Нарезка изображений. Планирование нарезки. Использование инструмента Slice.
Команда «Save for Web & Devices...». Оптимизация элементов нарезки по качеству и размеру файла. Управление прозрачностью.
Обзор средств онлайн-оптимизации
Полезная информация
Практика

Основные сведения об CSS. Часть 1
Преимущества применения стилей

Подключение CSS
Типы носителей
Селекторы
Структура и каскад, специфичность
Правила создания файла стиля
Работа с каскадными таблицами стилей в Adobe Dreamweaver CS5.5
Панель <Стили CSS>
Создание нового правила CSS
Создание таблиц стилей для других типов носителей
Полезная информация
Практика

Основные сведения об CSS. Часть 2
Свойства шрифтов, списков

Понятие слоя (блока). Теги div, span
Свойства блоков (margin, border, padding), обтекание блоков. Особенность отображения IE
Видимость слоя
Позиционирование элементов на странице. Абсолютные и относительные координаты.
Порядок наложения блоков. Z-индекс
Управление моделью элемента (свойство display)
Спецификации CSS Level 2.1 и Level 3: особенности, поддержка браузерами. Поддержка свойств разными версиями браузеров. Новые возможности CSS level 3 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров. Нестандартные возможности CSS (фильтры)
Кроссбраузерная совместимость. Добавление условных комментариев и альтернативной таблицы стилей для IE. CSS-хаки
CSS-framework
Полезная информация
Практика

Верстка макетов страниц
Типы макетов

Приемы макетирования web-страницы с использованием стилей
Использование линейки и направляющих
Построение двухколоночного макета с колонками фиксированной ширины
Фиксированный дизайн
Экспортирование стилей CSS
Обнуление свойств
Задание свойств header
Полезная информация
Практика

Javascript. Создание динамических элементов в DreamWeaver
Что такое события. Действия и события, поддерживаемые Adobe Dreamweaver.

Управление параметрами элементов в Adobe Dreamweaver. Обработка событий.
Создание динамических эффектов с помощью палитры Behaviors
Полезная информация.
Практика

AJAX, Web 2.0, DW Spry
Знакомство с Ajax

Библиотеки Ajax : jQuery, Dojo, …
Изучение поведений DW
Визуальное построение страниц Spry в Adobe DW CS 5.5
Полезная информация
Практика

Увеличение производительности в Adobe Dreamweaver

Хостинг, домен, размещение сайта на сервере и поддержка. Публикация и сопровождение веб-узла
Что такое домен. Критерии выбора.

Вопросы хостинга (платный, бесплатный, зарубежный). Тарифные планы. На что обращать внимание.
Публикация web-сайта. FTP-клиенты. Настройка FTP-клиента, синхронизация файлов сайта в Adobe Dreamweaver CS5.5
Вопросы поддержки сайта
Полезная информация
Практика

Формы. Сценарии на стороне сервера
Предназначение форм. Элементы формы

Методы отправки информации с помощью форм
Использование табличных функций при создании формы на примере анкеты
Разработка интерактивных страниц с использованием форм
Язык серверных сценариев PHP. Создание сценариев
Подключение скрипта «Отправка данных, введенных в форму, на e-mail»
Полезная информация
Практика

Добавление мультимедийных материалов
Вставка видео-ролика на сайт с помощью сервиса Youtube.com

Вставка географической информации на примере системы Google

Валидация (тестирование) сайта
Что такое валидация

Проверка данных на валидность
Советы по написанию корректного кода

Добавление мета-тегов. Установка счётчика
META - теги: описание и правила создания

Счётчики посещений
Практика

Основы продвижения сайтов в поисковых системах

Скрыть подробности

Контактная информация

АРТ-СПб, центр дополнительного профессионального образования
ucart_spb@mail.ru
Лиговский пр.52, оф.2
(812) показать номер

	Сохранить в избранном

	Заказать звонок

	Отправить вопрос или заявку


Подать заявку от 7500 руб


	Есть акция! Заключите договор на обучение не один, а вместе с другом (подругой) и получите скидку на каждого - 500 рублей!
Участвовать!


	Телефон организатора Нажмите на ссылку, чтобы увидеть телефон Показать телефон

	Пожалуйста, скажите организатору, что нашли мероприятие на EduMarket.ru