1. Общие положения

• Понятие об архитектуре ”клиент-сервер”
• Клиентское приложение – броузер
• История возникновения HTML, развитие версий
• Вопрос стандартизации отображения документов
• Средства разработки: WYSIWYG средства vs редакторы тэгов
• Классификация типов сайтов по целям, издателям, оформлению
• Самостоятельная работа учащихся (домашние задания

2. Создание простого документа

• Описание групп тэгов: базовые (обязательные), логической разметки, внедряемых объектов, оформления, взаимосвязи, комментариев и контекстной информации. (предоставление списка тэгов!)
• Рекомендуемая структура HTML-документа
• Создание простейшего HTML-документа (Фамилия Имя Отчество) в “Блокноте”
• Просмотр полученного броузером. Обсуждение размеров символов
• Добавление комментариев и информации об авторе.
• Просмотр изменений (отсутствие)
• Сохранение как шаблона документа (base.htm)
• Создание гипертекстовой разметки для текстового документа (tags.txt)

3.Текстовое оформление сайта

• Понятие о логической структуре документа
• Тэги заголовков и специального форматирования текста (типы начертания, списки, параграфы, таблицы)
• Тэги оформления (выравнивание, начертание, цвет)
• Создание логически структурированного текста в “Блокноте” (примеры: оглавление, меню, классификация, tags.txt)
• Внесение тэгов форматирования
• Вставка полученного в шаблон документа.(base.htm
• Просмотр, редактирование и сохранение содержимого. (struct.htm)

4. Графическое оформление сайта

• Способы встраивания изображений (img, map, href, table). Особенности верстки HTML-документов
• Форматы графических файлов, употребимых для HTML-документа. Способы сжатия и кодирования изображений
• Необходимый минимум (фон, навигация). Альтернативные подписи.
  Основные понятия дизайна (баланс и контраст, нюансировка)
• Другие способы графического оформления сайтов (GIF-анимация, видео, MM Shockwave Flash!, VRML)
• Определение стиля и цветовой гаммы страницы
• Выбор из подготовленного набора изображений: фон, кнопки навигации, разделители, дополнительные средства
• Размещение фона и графики в tags.htm

Домашнее задание.

1. Поиск текстовой информации для своего сайта. Структурирование материала.

2. Выбор цветовой гаммы сайта. Определение базовых шрифтов и графического оформления.

3. Создание эскиза сайта: общая структура, первая страница, навигация, типовые страницы с учетом единообразия и преемственности.

4. Наполнение сайта.

5. Тестирование и совершенствование сайта.

5. Гиперсвязи и гиперссылки

• Синтакис тэга “a href”
• Логическая организация содержания с использованием гиперссылок
• Классификация структур сайтов и способы их реализации
• Вставка гиперсвязей в документ: текcтовые, графические, внутренние, внешние (документы, URL)
• Создание навигационной панели. Карта сайта.
  Просмотр, редактирование и сохранение содержимого. (graphic.htm)

6. Фреймы

• Назначение фреймов. Синтаксис тэга “frame”.Отображение фреймов
• Возможная структура документа с фреймами. Расчет оптимального размера видимиго экрана в пикселах
• Плюсы и минусы использования фреймов.
• Просмотр страниц frame_1.htm, frame_2.htm, frame_3.htm
• Выбор фреймовой структуры
• Создание страниц-адресатов (навигационный, основной).
• Компоновка фреймов в странице frame.htm

7. Практическая работа

• Общие советы по созданию сайта
• Текст.Кодировки текста. Текстовые блоки. Выбор шрифтов. Стандартные шрифты.
• Графика. Сочетаемость цветов.Векторная графика, антиалиасинг. Растровая графика, эффекты. Логотип. Фон. Визуал. Баннеры.
• Сайт. Устройство сайта. Распределение материала. Первая страница. Заголовки. Навигация.Табличная верстка, распорки.
• Создание собственного рекламно- информационного сайта по выбранной или предложенной теме.