КУРСЫ WEB-Дизайна Симферополь № 1967747 - «Предложение услуг, Обучение»

Продолжительность курса — 20 часов

Курсы web-дизайна ориентированы на пользователей, имеющих опыт работы на персональном компьютере, постоянно использующих для работы Интернет, и по каким-либо причинам пришедших к выводу, что пришло время создать web-сайт и разместить его в мировом информационном пространстве.Для слушателей, принявших решение пройти обучение на курсах web-дизайна, необходимо иметь некоторый опыт работы в одной из следующих компьютерных программ:

— Photoshop, PHOTO-PAINT (или любой другой растровый редактор двумерной графики);— CorelDRAW, Illustrator (или любой другой векторный редактор двумерной графики).

В ходе обучения на курсах web-дизайна слушатели осваивают теоретические основы языка разметки гипертекста HTML, а также практически отрабатывают технику создания web-сайтов, редактирования и публикации в сети Интернет электронных документов различной сложности. На курсах web-дизайна много внимания уделяется собственно визуальному дизайну, а также используемым в ходе создания web-сайтов инструментам. Каждый этап курсов web-дизайна сопровождается выполнением практических заданий.Для выполнения технических мероприятий по созданию web-сайтов слушатели на курсах web- дизайна подробно изучают программу Dreamweaver — всемирно известный профессиональный редактор для создания web-сайтов, поддерживающий все современные стандарты сети Интернет. Для подготовки графических элементов при создании web-сайтов, а также простейшей анимации слушатели будут подробно ознакомлены со спутником растрового редактора Adobe Photoshop — программой Adobe ImageReady, которая у профессиональных web-дизайнеров считается одним из самых популярных редакторов оптимизированной web-графики.Методы обучения на курсах web-дизайна основаны на активном вовлечении слушателей в учебный процесс с использованием качественных методических материалов. Занятия на курсах web-дизайна проводятся в удобное для слушателей время высококвалифицированными преподавателями, имеющими большой опыт практической работы по созданию web-сайтов.Полученные в ходе обучения на курсах web-дизайна знания и практические навыки слушатели в дальнейшем смогут самостоятельно применять для создания web-сайтов.

ПРОГРАММА КУРСА:1. Введение

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

2. Основы языка разметки HTML

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

3. Подготовка к созданию сайта

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

4. Начало работы с Adobe Dreamweaver CS5.5

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

5. Дизайн и визуальное оформление

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

6. Основы создания дизайна сайтов в Adobe Photoshop

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

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

Требования к иллюстрациям в Интернет. Цветовая модель RGB.Виды графики. Основные характеристики изображений. Методы сжатия графической информацииФорматы графических файлов для размещения в Интернете.Особенности обработки растровых изображений.Подготовка графики в программе Adobe Photoshop.Нарезка изображений. Планирование нарезки. Использование инструмента Slice.Команда . Оптимизация элементов нарезки по качеству и размеру файла. Управление прозрачностью.Обзор средств онлайн-оптимизацииПолезная информацияПрактика

8. Основные сведения об CSS. Часть 1

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

9. Основные сведения об CSS. Часть 2

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

10. Верстка макетов страниц

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

11. jаvascript. Создание динамических элементов в DreamWeaver

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

12. AJAX, Web 2.0, DW Spiy

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

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

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

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

15. Формы. Сценарии на стороне сервера

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

16. Добавление мультимедийных материалов

Вставка видео-ролика на сайт с помощью сервиса Youtube.comВставка географической информации на примере системы Google

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

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

18. Добавление мета-тегов. Установка счётчика

МЕТА — теги: описание и правила созданияСчётчики посещенийПрактика

19. Основы продвижения сайтов в поисковых системахArraytchmpls3[/customscri