Основы веб
advertisement
Программа курса «Основы веб-дизайна» Цель курса: Содержание: Предлагаемый курс разработан для того, чтобы дать слушателям основные сведения о создании web-страниц и различных аспектах их разработки на языке HTML с использованием каскадных таблиц стилей (CSS). Слушатели приобретают опыт разработки web-страниц с различными элементами в текстовом редакторе и в редакторе с графическим пользовательским интерфейсом (GUI). Слушатели также получат основные сведения о языке сценариев Java Script. № Тема Академ. часов Занятий 1. Введение в HTML и основные понятия. 4 1 2. Ссылки и иллюстрации. Графика. 4 1 Практическое занятие по темам 1 и 2 4 1 3. Таблицы и списки. 4 1 4. Фреймы и формы. 4 1 Практическое занятие по темам 3 и 4 4 1 5. Каскадные таблицы стилей 4 1 6. Возможности CSS и основы динамического HTML 4 1 Итоговые практические занятия 8 2 40 10 Итого: Документация: 1. Программа курса «Основы HTML и CSS» 2. Справочные материалы (справочник по ) Автор: Васильев В.В. (victor@archangelsk.ru) В курсе рассматриваются следующие вопросы: Занятие 1 Введение и основные понятия. Этапы разработки WEB-сервера. Поддержка HTML различными браузерами. Основные сведения о HTML. Версии HTML. Понятие тэга, виды тэгов. Тэги <head>, <title>. и <meta> Параметры тэга <BODY>. Управление фоном. Задание цветовой схемы. Способы задания цветовых параметров. «Безопасные» цвета в Web. Шрифты. Форматирование текста страницы при помощи тэгов <b>, <i>, <pre>, <h1>…<h6>, <font>, <br>, <nobr>, <p>, <div>. Создание линий с помощью тегов <hr> Оформление кода страницы: понятие культуры программирования, использование комментариев. Практическая работа: оформление текстовой части веб-страницы. Занятие 2. Ссылки и иллюстрации. Графика. Типы файлов иллюстраций. Параметры тэга <img>. Управление размещением иллюстрации и обтеканием текста. Специальные символы. Создание ссылки. Параметры тэга <a>. Понятие внешней и внутренней ссылки. Использование рисунков в качестве ссылок. Способы указания источника файла для ссылок и иллюстраций: абсолютный, относительный, понятие URL. Структура сайта. Карты-изображения, прозрачность изображений, анимированное изображение (GIF). Практическая работа: добавление иллюстраций и ссылок на другие страницы и сайты. Занятие 3. Таблицы и списки. Таблицы – основное средство для управления расположением материалов в современном HTML. Строение таблицы. Параметры тэгов <TABLE>, <TR>, <TD>. Способы задания размеров таблиц. Расчет размеров таблицы. Типичные ошибки при работе с таблицами. Вложенные таблицы. Создание списков. Виды списков. Практическая работа: структурирование информации на странице при помощи списков и таблиц. Занятие 4. Фреймы и формы. Правила работы с формами. Элементы форм. Использование табличных функций при создании формы на примере анкеты. Разбиение окна броузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов. Проблемы фреймовой организации страницы. Правила переноса комплекса страниц на сервер. Практическая работа: создание анкеты; создание комплекса страниц с использованием фреймов. Занятие 5. Каскадные таблицы стилей (CSS). Спецификация CSS. Поддержка броузерами CSS. Основные понятия и определения. Способы применения стилей. Создание стилей и классов. Принципы каскадирования и принципы группировки. Применение стилей и классов к элементам документа HTML. Практическая работа: создание стилей для оформления текста, ссылок, списков и элементов формы. Занятие 6. Возможности CSS и основы динамического HTML. Использование псевдоклассов. Создание слоев при помощи CSS. Формирование отдельного стилевого файла и формирование связи с ним других документов HTML. Как увидеть содержимое стилевого файла документа HTML, уже опубликованного в Интернет. Основы языка сценариев Java Script. Практическая работа: создание динамического текста. Формирование отдельного стилевого файла и подключение к другим HTML-документам. Обработка событий с помощью Java Script.
