Основы веб-мастинга и веб-дизайна

Цель данного курса – дать общие представления о работе с гипертестом и его ис-пользовании в области WWW. Этот курс будет полезен всем, чьи профессиональ-ные интересы касаются области разработки, создания и поддержки вебресурсов. Он поможет научиться создавать и оформлять вебстраницы и вебсайты, разрабатывать интернет-проекты, регистрировать и размещать их в компьютерных сетях, а также даст практические навыки для работы по специальности «вебмастер (вебдизай-нер)».

Требования к курсу:
Желающие обучаться на вебмастингу (вебдизайну) должны иметь элементарные навыки работы с компьютером в любой операционной системе. Уметь работать с файлами и папками, создавать и редактировать простой текст, а также иметь мини-мальные знания и навыки работы с графическими редакторами. К тому же жела-тельно уметь работать с компьютерной сетью и гипертекстовыми документами. То есть у абитуриентов должна быть квалификация начинающего или продвинутого пользователя.

План занятий

1. Введение. Понятие WWW (Web). Понятие гипертекстовых документов и вебсайтов. Классификации вебсайтов. Различные типы вебсайтов, их назначение и использование. Типы гипертекстовых документов (вебстраниц), их различия и сходства. Где могут размещаться и храниться вебстраницы и сайты. Понятие вебсервера и принципы его взаимодействия с пользователем. Распределение обязанностей специалистов, работающих в области WWW (Web). Обзор программ (браузеров) для просмотра вебсайтов. Подбор аппаратного и программного обеспечения для работы над вебсайтом. Необходимый минимум для начала работы. Обзор программного обеспечения. Способы создания вебсайтов: визуальный, работа с кодом, комбинированный. Разработка структуры и этапы построения вебсайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта. Организации, разрабатывающие стандарты гипертекстовой разметки, и их официаль-ные сайты. Обзор технологий гипертекстовой разметки (HTML, XML, VML и т.п.), их сходства и различия. Язык HTML. Основы, версии и стандарты языка HTML. Структура документа HTML. Основные разделы кода вебстраницы. Понятие тэгов HTML, их типы и оформление. Объявление типа документа. Варианты и стандарты. Открытие блока HTML и начало блока заголовков. Обзор заголовков гипертекстовых документов, их синтаксис и назначение. Обзор других тэгов, входящих в блок заголовков. Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения вебстраницы, задание цветов текста и ссылок и т.д.). Закрывающие тэги блоков HTML. Создание шаблонного кода вебстраницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода вебстраниц.

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

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

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

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

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

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

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

Продолжительность курса: 32 акад. часа