Web-дизайн

WEB-ДИЗАЙН

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

Задачами изучения дисциплины являются: овладение основами теории web-дизайна, получение знаний о принципах компьютерной графики. Слушатели знакомятся с такими технологиями web-дизайна как HTML, векторной графикой Macromedia Flash, учатся создавать рекламные ролики в 3D Max 6, изображения для Web в программе Adobe Photoshop CS. Помимо этого, задачами программы являются также изучение электронных документов в CorelDraw 12, вставка мультимедиа при помощи программы FrontPage 2003. В программу включено изучение отличий от полиграфического дизайна на примере WEB-публикации QuarkXPress, общих сведений о программировании на Java.

ЧТО ВЫ ИЗУЧИТЕ?

  • Вы узнаете о типографике в плакатных, журнальных и прочих визуальных средах;
  • Знание истории шрифтовых форм, от рукописных до полиграфических

ЧТО ВЫ ПОЛУЧИТЕ?

  • Все методические, видео и презентационные материалы по курсу
  • Удостоверение установленного образца
  • Консультации преподавателей во время и по окончании обучения
  • Статус постоянного клиента и скидку на другие курсы

ОЦЕНКИ СЛУШАТЕЛЕЙ!

Оценка курса:

1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 [0 Голоса (ов)]

Преподаватели:

1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 [0 Голоса (ов)]

КУРС ПОДХОДИТ ДЛЯ ПРОФЕССИЙ:

  • Программист;
  • Веб-разработчик
  • Вепстальщик;
  • Дизайнер;
  • Графический дизайнер;
  • Дизайнер интерфейсов;
Содержание программы

УЧЕБНЫЙ ПЛАН:

Урок №1 Основные понятия;

  • Понятие WWW (World Wide Web)   
  • Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства   
  • Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем   
  • Обзор программ (браузеров) для просмотра веб-сайтов   
  • Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы   
  • Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный   
  • Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта

Урок №2 Введение в HTML (язык гипертекстовой разметки). Основы создания сайта;

  • Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление   
  • Объявление типа документа. Варианты и стандарты   
  • Открытие блока HTML и начало блока заголовков   
  • Обзор заголовков гипертекстовых документов, их синтаксис и назначение   
  • Обзор других тэгов, входящих в блок заголовков   
  • Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.)   
  • Закрывающие тэги блоков HTML   
  • Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц

Урок №3 Обзор тэгов HTML для работы с текстом;

  • Создание текстовых заголовков различных уровней и их позиционирование на веб-странице   
  • Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета   
  • Обзор тэгов разрыва строк и выделения блоков, их области применения   
  • Обзор тэгов создания списков различных типов   
  • Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применениеТэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование   
  • Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры   
  • Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры   
  • Создание кода и разработка шаблона новостной ленты сайта

Урок №4 Понятие карты сайта, её назначение и использование;

  • Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта   
  • Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование   
  • Использование мультимедия на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедия   
  • Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования

Урок №5 Создание интерактивных элементов;

  • Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.)   
  • Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов   
  • Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице   
  • Создание всплывающих окон и их использование

Урок №6 Работа с графическими объектами и их размещение на вебсайтах;

  • Требования и условия размещения графических объектов на веб-страницах. Обзор поддерживаемых форматов, их различия и использование   
  • Принципы адаптации графики. Адаптация графических изображений для размещения на веб-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов   
  • Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц   
  • Понятие, области применения и принципы создания анимации. Обзор программного обеспечения для создания анимации. Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах   
  • Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров. Установка баннеров и анимированных изображений на веб-страницы

Урок №7 Технология CSS, её версии и поддержка браузерами;

  • Понятие, область применения и принципы построения каскадных таблиц стилей (CSS)   
  • Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов   
  • Обзор инструкций CSS для оформления, изменения размеров и цвета текста. Обзор инструкций CSS для установки фоновых изображений и их параметры   
  • Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.)   
  • Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы   
  • Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов)   
  • Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров

Урок №8 Создание web-сайта по шаблону;

  • Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов
  • Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных веб-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки   
  • Создание веб-страницы с помощью шаблонов в визуальных редакторах. Редактирование выбранного шаблона веб-страницы и его адаптация под свои нужды в среде визуальных редакторов. Создание или изменение текстового наполнения шаблона, дополнения и уточнения. Инструменты для оформления текста. Изменение гарнитуры, размера и цвета текста. Выравнивание текста внутри блока   
  • Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы   
  • Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона   
  • Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора   
  • Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта

Урок №9 Размещение web-сайта на сервере;

  • Способы доступа к сайту (по имени или IP-адресу)   
  • Понятие, принципы построения и работа DNS (BIND).
  • Организация InterNIC и её представительства.
  • Выбор и регистрация доменного имени сайта.
  • Понятие и типы хостинга.
  • Выбор хостинга для размещения своего сайта.
  • Требования и ограничения серверов для размещения веб-ресурсов.
  • Способы закачки сайта на сервер по протоколам HTTP и FTP.
  • Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним.
  • Размещение сайта на сервере
  • Понятие, назначение и использование систем управления контентом (CMS).
  • Тестирование работы вебсайта на сервере.
  • Возможные ошибки и недочёты

Урок №10 Создание web-сайта;

 

C НАМИ РАБОТАЮТ

fsin
fss
minzdr
mvd
pfr
tamozn

 

 

ПОДЕЛИТЬСЯ В СОЦСЕТЯХ

Поделитесь информацией у себя на странице в социальной сети.

 

ЧАСЫ РАБОТЫ

Понедельник 8:30 - 17:00 (МСК)
Вторник 8:30 - 17:00 (МСК)
Среда 8:30 - 17:00 (МСК)
Четверг 8:30 - 17:00 (МСК)
Пятница 8:30 - 16:30 (МСК)
Суббота Выходной
Воскресенье Выходной
8 800 333 77 56
info@expert-uni.ru