Технологии Web-программирования

advertisement
УЧЕБНАЯ ПРОГРАММА ПО ДИСЦИПЛИНЕ
ТЕХНОЛОГИИ WEB-ПРОГРАММИРОВАНИЯ
Шувалова И.С.
Для очной формы обучения
ВСЕГО
Всего аудиторных занятий
самостоятельная работа
100
51
49
Программу составил: доцент Шувалова И.С.
Целью изучения дисциплины является обучение студентов технологии создания Webстраниц и Интернет-представительств (Web-сайтов) различных видов. После окончания
этого курса студенты смогут создавать web-страницы, содержащие текст, графику,
гиперссылки, таблицы, формы и фреймы; научатся использовать каскадные таблицы
стилей (CSS), изучат основы расширенного языка гипертекстовой разметки (Extensible
Hypertext Markup Language - XHTML), получат представление о языках клиентского webпрограммирования JavaScript и DHTML, предназначенных для придания отображаемым
страницам интерактивности, и об объектной модели документов (DOM).
Перечень дисциплин, усвоение которых необходимо для изучения курса:
«Информатика», «Сети ЭВМ и телекоммуникации» «Информационные технологии» и
«Информационные системы».
В результате изучения дисциплины каждый студент должен:
- иметь представление о:
 основных этапах построения современного сложного корпоративного Web-узла;
- знать:
 виды Web-сайтов или Интернет-представительств, их назначение, структуру,
функции,
 особенности работы в условиях Интернет,
 основы построения сайтов для сети Internet, требуемые для этого технические и
программные средства;
 способы применения каскадных таблиц стилей CSS2.
- уметь:
 разрабатывать Web-сайты,
 размещать их на сервере WWW,
 информировать окружающую среду об Интернет-присутствии фирмы,
Основные виды занятий: лекции и практические занятия.
Основные виды текущего контроля занятий: коллоквиумы.
Основной вид рубежного контроля знаний: зачет.
СОДЕРЖАНИЕ КУРСА
Тема 1.ВВЕДЕНИЕ В РАЗРАБОТКУ Web-СТРАНИЦ.
Гипертекстовая технология и технология гипермедиа. Применение гипертекстовой
технологии в Интернет. Адресация в Интернет. Основные этапы создания Web-страниц.
Организация информации на Web-узле (примеры различных структур). Инструментарий
для создания Web-страниц: текстовые редакторы, редакторы графического
пользовательского интерфейса(GUI).
Тема 2.ЯЗЫК ГИПЕРТЕКСТВОЙ РАЗМЕТКИ HTML.
Основные понятия базового HTML .Правила языка HTML. Структура HTML –
документов. Понятие тега, виды тегов. Теги <head>, <title> и <meta>. Параметры тега
<body>. Управление фоном. Задание цветовой схемы. Способы задания цветовых
параметров. Форматирование абзацев и блочных элементов текста страницы при помощи
тегов <b>, <i>, <pre>, <h1>…<h6>, <font>, <br>, <nobr>, <p>, <div>. Создание линий с
помощью тегов <hr>. Оформление кода страницы: культура программирования,
использование комментариев.
Тема 3.ССЫЛКИ И ИЛЛЮСТРАЦИИ В HTML.
Типы файлов иллюстраций. Параметры тега <img>. Управление размещением
иллюстрации и обтеканием текста.
Создание ссылки. Параметры тега <a>. Понятие внешней и внутренней ссылки.
Способы указания источника файла для ссылок и иллюстраций: абсолютный,
относительный, URL.
Распределение информации по страницам сайта с учетом пропускной способности
каналов связи. Вопросы передачи изображений по сети.
Тема 4.ТАБЛИЦЫ И СПИСКИ.
Таблицы – основное средство для управления расположением материалов в
современном HTML. Строение таблицы. Параметры тегов <table>, <tr>, <td>. Способы
задания размеров таблиц. Расчет размеров таблицы. Типичные ошибки при работе с
таблицами. Вложенные таблицы.
Создание списков. Виды списков.
Тема 5.ФОРМЫ И ФРЕЙМЫ.
Правила работы с формами. Элементы форм. Использование табличных функций
при создании формы на примере анкеты
Разбиение окна броузера на фреймы. Описание фрейма на языке HTML. Задание
логики взаимодействия фреймов. Проблемы фреймовой организации страницы.
Тема 6. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ (CSS) .
Спецификация CSS. Поддержка броузерами CSS. Основные понятия и
определения. Создание стилей и классов. Правила каскадирования и правила
группировки. Применение стилей и классов к элементам документа HTML.
Использование псевдоклассов. Создание слоев при помощи CSS. Формирование
отдельного стилевого файла и формирование связи с ним других документов HTML.
Поддержка возможностей CSS со стороны броузеров.
Тема 7.РАСШИРЕННЫЕ ВОЗМОЖНОСТИ HTML.
Расширенные возможности HTML. Язык JavaScript. Динамический HTML
(DHTML). Объектная модель документов (DOM). Расширенный язык разметки XML.
Практическая работа:
1. оформление текстовой части домашней страницы.
2. добавление иллюстраций и ссылок на любимые сайты.
3. структурирование информации на странице при помощи списков и таблиц.
4. создание анкеты; создание комплекса страниц с использованием фреймов.
5. создание стилей для оформления текста, ссылок, списков и элементов формы;
создание текста с тенью при помощи слоев; формирование отдельного
стилевого файла и подключение его к другим HTML - документам.
ЛИТЕРАТУРА
Основная:
1. Пауэлл Т.А. Полное руководство по HTML .- Мн.: ООО «Попурри», 2001 г.
2. Кирсанов Д. Профессиональный Web-дизайн.- СПб.: Символ-Плюс, 1997 г.
3. Дунаев В.В. Сам себе Web- мастер.- СПб.: БХВ-Петербург ; Арлит, 2000 г.
4. Крамер Э. HTML: наглядный курс Web-дизайна.-М.: Издательский дом «Вильямс»,
2001 г.
Дополнительная:
1. Берченко Н.Н., Березовская И.Б. Самоучитель по работе в Internet и каталог ресурсов.К.: Издательская группа BHV; «Ирина», 1999 г.
2. Косентино К. PHP. Web- профессионалам. -К.: Издательская группа BHV, 2001 г.
3. Гончаров А. Самоучитель HTML. – СПб: Питер, 2001 г.
Download