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).
- Тестирование работы веб-сайта на сервере. Возможные ошибки и недочёты.
Зачет (творческая работа)
