Из них - Армавирский государственный педагогический

Министерство образования и науки Российской Федерации
Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«Армавирская государственная педагогическая академия»
факультет прикладной информатики и информационных технологий
института прикладной информатики, математики и физики
кафедра информатики и информационных технологий обучения
Утверждено на заседании кафедры
информатики и ИТО АГПА
Протокол № __ от ”__” __________ 2012
Зав. кафедрой___________________
(Бельченко В.Е.)
УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС
по дисциплине
КУРС ПО ВЫБОРУ-10
«ДИНАМИЧЕСКИЙ HTML И КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ»
(факультет прикладной информатики и информационных технологий
института прикладной информатики, математики и физики)
для бакалавров направления 230100
"ИНФОРМАТИКА И ВЫЧИСЛИТЕЛЬНАЯ ТЕХНИКА"
Форма отчетности: зачет
2 курс, 2 семестр.
УМК подготовлен
доцентом кафедры информатики и ИТО
Нелиным В.М.
2012
АННОТАЦИЯ
Настоящий курс, рассчитанный на изучение в течение одного семестра, призван содействовать расширению кругозора будущего бакалавра в сфере WWWтехнологий.
Цели курса:
 формирование представлений о сфере применения, возможностях и степени
распространения динамического HTML и каскадных таблиц стилей CSS2;
 демонстрация примеров взаимодействия динамического HTML и каскадных
таблиц стилей;
 привитие навыков самостоятельной подготовки несложных примеров с
привлечением динамического HTML и каскадных таблиц стилей.
Практическая составляющая курса базируется как на знакомстве с методикой
решения достаточно простых задач, так и на рассмотрении значительного числа
разнообразных примеров.
Итоговый контроль осуществляется в форме зачета. Для получения последнего бакалавру необходимо выполнить в течении семестра планируемые лабораторные работы.
1. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Настоящий курс, рассчитанный на изучение в течение одного семестра, призван содействовать расширению кругозора будущего бакалавра в сфере WWWтехнологий.
Цели курса:
 формирование представлений о сфере применения, возможностях и степени
распространения динамического HTML и каскадных таблиц стилей;
 демонстрация примеров взаимодействия динамического HTML и каскадных
таблиц стилей;
 привитие навыков самостоятельной подготовки несложных примеров с
привлечением динамического HTML и каскадных таблиц стилей.
Данный курс выступает в качестве средства поддержки при изучении WWW
технологий. Он может рассматриваться в качестве введения, раскрывающего диапазон возможностей инструментария WWW технологий. В рамках данного курса
планируется рассмотрение таких тем как «Ссылки, изображения, таблицы, фреймы, формы в HTML 4.01», «Типы таблиц стилей и CSS-классы», «Свойства таблиц стилей», «Псевдоклассы и их свойства», «CSS-фильтры». В результате изучения курса студенты приобретают навыки применения WWW технологий.
Настоящий курс призван содействовать знакомству бакалавров с возможностями Dynamic HTML, а именно:
• объектной моделью Dynamic HTML, свойствами и методами объектов;
• перечнем событий Dynamic HTML, их отслеживаем и обработкой;
• стилями Dynamic HTML, способами управления ими;
• методами доступа к элементам HTML-страниц;
• абсолютным позиционированием объектов HTML-страниц;
• методами использования 3-го измерения HTML-страниц;
• методами использования фильтров.
Бакалавры изучают возможности редакторов, обеспечивающие создание и
редактирование HTML-страниц.
Освоившие материалы курса бакалавры владеют рядом навыков, а именно:
• умеют создавать динамические HTML-страницы простейшего типа;
• умеют использовать CSS-классы для организации динамических эффектов;
• умеют создавать электронные версии учебно-методических материалов
различного назначения.
Практическая составляющая курса базируется как на знакомстве бакалавров
с методикой решения достаточно простых задач, так и на рассмотрении ими значительного числа разнообразных примеров.
Итоговый контроль осуществляется в форме зачета. Для получения последнего бакалаврам необходимо выполнить в течении семестра планируемые лабораторные работы.
2. ТЕМАТИЧЕСКИЙ ПЛАН УЧЕБНОЙ ДИСЦИПЛИНЫ
В том числе
аудиторных часов
№
6.
7.
8.
Самостоятельная.
работа
4.
5.
Лабораторные
3.
метки.
Организация фреймовой структуры HTMLдокумента.
Использование форм в HTML-документах.
Каскадные таблицы стилей, организация их взаимодействия с HTML-документом.
Обзор свойств таблиц стилей, примеры их использования.
Обзор CSS-фильтров, примеры их использования.
Обзор типовых решений с использованием таблиц стилей.
ИТОГО
Всего
аудиторн. часов
1. Обзор возможностей HTML 4.01 и CSS2.
2. Обзор HTML-тэгов языка гипертекстовой раз-
Всего часов
Темы
4
8
2
4
2
2
2
2
4
8
4
2
2
4
8
8
4
4
2
2
2
2
4
4
8
4
2
2
4
8
4
2
2
4
8
4
2
2
4
60
30
16
14
30
Лекции
Из них:
3. СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
3.1. СОДЕРЖАНИЕ УЧЕБНОГО МАТЕРИАЛА: ЛЕКЦИИ
Лекция №1.
Тема: Обзор возможностей HTML 4.01 и CSS2.
Содержание.
1. Структура HTML-файла. Язык разметки гипертекста.
2. Эволюция языка гипертекстовой разметки. Стандарт HTML 4.0, особенности стандарта.
3. Возможности Dynamic HTML.
4. Каскадные таблицы стилей: стандарт CSS2, возможности стандарта, примеры применения таблиц стилей.
Лекция №2.
Тема: Обзор HTML-тэгов языка гипертекстовой разметки.
Содержание.
1. Тэги тела HTML-файла. Обзор тэгов языка гипертекстовой разметки.
2. Тэг тела HTML-файла <BODY>, атрибуты тэга.
3. Тэги, используемые для форматирования текста (абзацы текста, списки).
4. Тэги таблиц, строк и столбцов таблиц: <TABLE>, <TR>, <TD>. Задание
параметров таблиц. Использование параметров таблиц для форматирования страницы HTML-документа.
Лекция №3.
Тема: Организация фреймовой структуры HTML-документа.
Содержание.
1. Фреймовая структура HTML-документа.
2. Варианты организации фреймовых структур, возможности и ограничения
фреймовых структур.
3. Тэги FRAMESET и FRAME.
4. Организация гиперссылок во фреймах.
5. Свойство TARGET и его значения _top, _blank.
Лекция №4.
Тема: Использование форм в HTML-документах.
Содержание.
1. Форма, её соотношение с HTML-страницей.
2. Атрибуты формы. Методы get и post формы.
3. Тэг FORM, его свойства и события.
4. Тэги FIELDSET, INPUT.
5. Типы управляющих элементов формы: button, text, checkbox, radio, hidden.
Лекция №5.
Тема: Каскадные таблицы стилей, организация их взаимодействия с HTMLдокументом.
Содержание.
1. Каскадные таблицы стилей.
2. Задание стиля фрагмента документа.
3. Типы таблиц стилей: связанные (linking style), внедрённые (embedding
style) и встроенные таблицы стилей (inline style).
4. Примеры реализации различных типов таблиц стилей.
5. Управление стилями посредством определения классов.
6. Примеры построения и использования классов.
Лекция №6.
Тема: Обзор свойств таблиц стилей, примеры их использования.
Содержание.
1. Обзор свойств CSS: блоки (border-color, border-style, border-width, display,
visibility).
2. Обзор свойств CSS: списки (list-style, list-style-position, list-style-type).
3. Обзор свойств CSS: таблицы (empty-cell, table-layout).
4. Обзор свойств CSS: шрифты (font-family, font-size, font-style, font-weight).
5. Обзор свойств CSS: текст (text-align, text-decoration, text-indent, texttransform).
6. Обзор свойств CSS: цвета (color, background-color, background-image, background-position, background-repeat).
7. Обзор свойств CSS: псевдоклассы (cursor, quotes, z-index, zoom, hover, active).
Лекция №7.
Тема: Обзор CSS-фильтров, примеры их использования.
Содержание.
1. Обзор CSS-фильтров: фильтр alpha.
2. Обзор CSS-фильтров: фильтр chroma.
3. Обзор CSS-фильтров: фильтр dropshadow.
4. Обзор CSS-фильтров: фильтры fliph и flipv.
5. Обзор CSS-фильтров: фильтр glow.
6. Обзор CSS-фильтров: фильтр gray.
7. Обзор CSS-фильтров: фильтр invert.
8. Обзор CSS-фильтров: фильтр mask.
9. Обзор CSS-фильтров: фильтр shadow.
10. Обзор CSS-фильтров: фильтр wave.
11. Обзор CSS-фильтров: фильтр xray.
12. Обзор CSS-фильтров: фильтр blur.
13. Обзор CSS-фильтров: фильтры emboss и engrave.
14. Обзор CSS-фильтров: фильтр gradient.
15. Использование фильтров в HTML-тэгах <DIV>, <SPAN>, <IMG>.
Лекция №8.
Тема: Обзор типовых решений с использованием таблиц стилей.
Содержание.
1. Организация навигации с использованием таблиц стилей: построение меню, построение системы кнопок, построение системы закладок.
2. Установка маркера списка.
3. Оформление ссылок.
4. Управление прозрачностью элементов.
5. Организация прокрутки таблиц.
6. Организация древовидных структур.
3.2. СОДЕРЖАНИЕ УЧЕБНОГО МАТЕРИАЛА: ЛАБОРАТОРНЫЕ ЗАНЯТИЯ
Лабораторная работа № 1.
Тема: Стандартные приёмы оформления HTML-текста.
Цель: Знакомство с приёмами оформления документации в HTML-формате.
Содержание:
1. Принудительная установка кодовых страниц для корректного отображения
кириллицы.
2. Знакомство с тегами <META>, <BODY>, <P>, <DIV>, <SPAN>,
<CENTER>, <FONT>, <A>, <IMG>.
3. Создание простейшей визитной карточки.
Рекомендации по организации самостоятельной работы:
1. Изучение описания лабораторной работы.
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/index_net.htm),
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
2. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
3. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
4. Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление перечня тегов и их атрибутов, использованных при выполнении задания.
3. Описание процедуры создания визитной карточки.
Форма отчёта: произвольная.
Лабораторная работа № 2.
Тема: Приёмы оформления HTML-страниц с помощью табличных тегов.
Цель: Знакомство с приёмами оформления HTML-страниц с помощью тегов таблиц.
Содержание:
1. Тэги таблиц, строк и столбцов таблиц: <TABLE>, <TR>, <TD>.
2. Использование параметров таблиц для форматирования страницы HTMLдокумента.
3. Создание простейшей визитной карточки с привлечением табличных тегов.
Рекомендации по организации самостоятельной работы:
1. Изучение описания лабораторной работы.
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/index_net.htm),
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
2. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
3. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
4. Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление перечня тегов и их атрибутов, использованных при выполнении задания.
3. Описание процедуры создания визитной карточки.
Форма отчёта: произвольная.
Лабораторная работа № 3.
Тема: Приёмы организации фреймовой структуры HTML-документа.
Цель: Знакомство с приёмами организации фреймовой структуры HTMLдокумента.
Содержание:
1. Тэги FRAMESET и FRAME, их использование для организации фреймовой
структуры HTML-документа.
2. Целевые имена фреймов: _blank, _self, _parent, _top.
3. Атрибуты тегов TARGET и NAME, их использование для организации гиперссылок во фреймах.
4. Создание прототипа альбомной страницы с привлечением фреймов.
Рекомендации по организации самостоятельной работы:
1. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
2. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
3. Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление перечня тегов и их атрибутов, использованных при выполнении задания.
3. Описание процедуры создания прототипа альбомной страницы.
Форма отчёта: произвольная.
Лабораторная работа № 4.
Тема: Приёмы организации каскадных таблиц стилей и их взаимодействия с
HTML-документами.
Цель: Знакомство с приёмами организации каскадных таблиц стилей и процедур
их взаимодействия с HTML-документами.
Содержание:
1. Задание стиля отдельного фрагмента документа посредством использования атрибута style.
2. Встраивание таблицы стилей в документ посредством использования тэга
<style>.
3. Связывание документа с таблицей стилей, хранящейся в CSS-файле.
4. Создание прототипа альбомной страницы с привлечением таблиц стилей.
Рекомендации по организации самостоятельной работы:
1. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
2. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
3. Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление фрагментов кода, обеспечивающих инкапсуляцию каскадных
таблиц стилей в HTML-документ.
3. Описание процедуры создания прототипа альбомной страницы.
Форма отчёта: произвольная.
Лабораторная работа № 5.
Тема: Приёмы использования свойств таблиц стилей.
Цель: Знакомство с приёмами использования свойств таблиц стилей.
Содержание:
1. Группировка селекторов и атрибутов свойств.
2. Использование контекстных селекторов.
3. Использование идентификаторов в качестве селекторов стиля.
4. Организация и использование классов стилей.
5. Управление размещением элементов документа.
6. Управление порядком наложения фрагментов документа.
7. Организация фона заднего плана.
8. Создание прототипа прогресс-индикатора, состоящего из ряда кубиков.
Рекомендации по организации самостоятельной работы:
1. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
2. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
3. Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление фрагментов кода, обеспечивающих использование свойств
таблиц стилей.
3. Описание процедуры создания прототипа прогресс-индикатора.
Форма отчёта: произвольная.
Лабораторная работа № 6.
Тема: Приёмы использования CSS-фильтров.
Цель: Знакомство с приёмами использования CSS-фильтров.
Содержание:
1. Управление прозрачностью элементов HTML-разметки с помощью фильтров alpha и chroma.
2. Управление тенью элемента HTML-разметки с помощью фильтра
dropshadow и shadow.
3. Управление ориентацией элементов HTML-разметки с помощью фильтров fliph и flipv.
4. Управление ореолом элементов HTML-разметки с помощью фильтра
glow.
5. Управление палитрой элементов HTML-разметки с помощью фильтра
gray.
6. Управление инверсией цветовой гаммы элементов HTML-разметки с помощью фильтра invert.
7. Управление подсветкой элементов HTML-разметки с помощью фильтра
mask.
8. Управление волнистостью элементов HTML-разметки с помощью фильтра wave.
9. Управление «рентгенограммами» элементов HTML-разметки с помощью
фильтра xray.
10. Управление зашумлённостью элементов HTML-разметки с помощью
фильтра blur.
11. Управление типом чеканки элементов HTML-разметки с помощью фильтров emboss и engrave.
12. Управление заливкой элементов HTML-разметки с помощью фильтра gradient.
Рекомендации по организации самостоятельной работы:
1. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет».
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
2. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
3.
Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление фрагментов кода, обеспечивающих использование фильтров.
3. Описание процедуры создания прототипов поздравительных открыток.
Форма отчёта: произвольная.
Лабораторная работа № 7.
Тема: Приёмы подготовки типовых решений с использованием таблиц стилей.
Цель: Знакомство с приёмами подготовки типовых решений с использованием
таблиц стилей.
Содержание:
1. Организация навигации с использованием меню.
2. Организация навигации с использованием системы кнопок.
3. Организация навигации с использованием системы закладок.
4. Описание процедуры создания прототипа альбомной страницы с использованием меню.
Рекомендации по организации самостоятельной работы:
1. Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
2. Изучение глав "Общие замечания по синтаксису HTML", "Основные
структуры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
3.
Знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Содержание отчёта:
1. Формулировка задания.
2. Составление фрагментов кода, обеспечивающих создание меню.
3. Описание процедуры создания прототипов альбомной страницы с использованием меню.
Форма отчёта: произвольная.
4. РЕКОМЕНДАЦИИ ПО ОРГАНИЗАЦИИ
САМОСТОЯТЕЛЬНОЙ РАБОТЫ СТУДЕНТОВ
Цель самостоятельной работы студентов – знакомство с основами HTML и CSS.
Задачи:
1) расширение кругозора бакалавра в сфере WWW-технологий;
2) знакомство с основами HTML и CSS.
Пути достижения цели:
1) изучение материалов лекций;
2) рассмотрение примеров, разобранных в ходе лабораторных занятий;
3) работа с рекомендованными для самостоятельного изучения электронными ресурсами:
• Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
• Нелин В.М. Лабораторные работы "Сетевые технологии".
http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/index_net.htm
\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm
• Пособие "Введение в IP-сети"
http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/Introduction_IP_net/contents.htm
• Пособие "Изучение HTML 3.2 на примерах"
http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm
4.1. РЕКОМЕНДАЦИИ ПО ОРГАНИЗАЦИИ САМОСТОЯТЕЛЬНОЙ РАБОТЫ
ПРИ ПОДГОТОВКЕ К ВЫПОЛНЕНИЮ ЛАБОРАТОРНЫХ РАБОТ
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №1
• ознакомление с содержанием лекции "Обзор HTML-тэгов языка гипертекстовой разметки.";
• Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
1.
2.
3.
4.
5.
Контрольные вопросы:
Какой тег используется для перехода на другую строку?
Какие теги используются для управления блоками текста?
Какие теги предназначены для установки курсива и жирного шрифта.
Какие атрибуты имеет тег Font?
Какой тег и какие атрибуты этого тега используются для выравнивания текста?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №2
• ознакомление с содержанием лекции " Обзор HTML-тэгов языка гипертекстовой разметки.";
• Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. В чем заключается различие тегов <TABLE>, <TR>, <TD>?
2. Какие атрибуты имеют теги <TABLE>, <TR>, <TD>?
3. Для чего используется тег <TH>?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №3
• ознакомление с содержанием лекции "Организация фреймовой структуры
HTML-документа.";
• Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. Какие теги участвуют в организации фреймовой структуры HTMLдокумента?
2. Для чего используется фрейм <IFRAME>?
3. Каково назначение атрибутов TARGET и NAME тега <A>?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №4
• ознакомление с содержанием лекции "Каскадные таблицы стилей, организация
их взаимодействия с HTML-документом.";
• Нелин В.М. Электронное методическое пособие по теме «Коммуникационные
технологии и Интернет»
(\\Server\el-lib\Информатика\МАТ_ИНФОРМАТ\www\Method_10.htm ).
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. Какие типы таблиц стилей существуют?
2. Каким тегом или атрибутом тега обеспечивается установление связи со
связанной таблицей стилей?
3. Каким тегом или атрибутом тега обеспечивается внедрение таблицы стилей?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №5
• ознакомление с содержанием лекции "Обзор свойств таблиц стилей, примеры
их использования.";
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. Для чего используются свойства padding, margin, border?
2. Для чего используются свойства clear, overflow, display?
3. Для чего используются свойства direction, font-variant, font-weight?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №6
• ознакомление с содержанием лекции "Обзор CSS-фильтров, примеры их использования.";
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. Для чего используются фильтры alpha, chroma, shadow?
2. Для чего используются фильтры flipv и fliph?
3. Для чего используются фильтры glow и gray?
Трудоёмкость: 2 часа.
ПОДГОТОВКА К ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ №7
• ознакомление с содержанием лекции "Обзор типовых решений с использованием таблиц стилей.";
• изучение глав "Общие замечания по синтаксису HTML", "Основные струк-
туры HTML 3.2 документа", "Описания тегов HTML 3.2" пособия "Изучение
HTML 3.2 на примерах".
(http://www.agpu.net/institut/kaf/kaf_inf/elibfol/calc_system_nelin/HTML_3_2/index.htm);
(\\Server\El-Lib\Информатика\Выч_системы_Нелин\Лаб_работы\index_net.htm ).
• знакомство с образцами подготовленных HTML-примеров.
(\\Server\El-Lib\Информатика\HTML_Нелин\ )
Контрольные вопросы:
1. Какой псевдокласс используется для организации меню?
2. Какой тег-контейнер используется для организации системы кнопок?
3. Какой псевдокласс используется для выделения ссылок?
Трудоёмкость: 2 часа.
5. ТРЕБОВАНИЯ К ЗАЧЕТУ
Зачет выставляется по результатам работы бакалавра в течение семестра на
лабораторных занятиях.
Зачет получает бакалавр, выполнивший запланированные лабораторные работы.
6. СПИСОК РЕКОМЕНДУЕМОЙ ДЛЯ ИЗУЧЕНИЯ ЛИТЕРАТУРЫ.
6.1. ОСНОВНАЯ ЛИТЕРАТУРА
1. Соколов С.А. HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа: – М.: Издательский дом "Вильямс", 2007. – 416 с.
2. Гарнаев А.Ю., Гарнаев С.Ю. Web-программирование на Java и JavaScript. –СПб:
БХВ-Петербург, 2005. – 1040 с.
3. П. Мак-Федрис. Использование JavaScript. М., СПб, Киев: Издательский дом "Вильямс", 2002.
4. Дронов В.А. JavaScript в Web-дизайне. –СПб: БХВ-Петербург, 2002.
6.2. ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА
5.
6.
7.
8.
Д. Гудман. JavaScript. Библия пользователя. Издательский дом "Вильямс", 2002.
Леонтьев В.П. Новейшая энциклопедия Интернет. М., "Олма-Пресс", 2002.
Дмитриева М.В. Самоучитель JavaScript. –СПб: БХВ-Петербург, 2001.
М.Э. Хольцшлаг. Использование HTML-4. М., СПб, Киев, 2001.
6.3. СПИСОК ИНТЕРНЕТ-ИСТОЧНИКОВ
1.
http://www.nic.nw.ru/VAK/JS/js.htm
2.
http://www.jsp.newmail.ru
3.
http://www.citforum.ru/internet/koch/tutorial.htm
4.
http://javascripts.boom.ru/stat/
5.
http://citforum.ru/internet/js_tut/
6.
http://javascripts.boom.ru/sprav/
7.
http://mirror.primorye.ru/moshkow/win/JAVA/
6.4. СПИСОК РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ БИБЛИОТЕКИ АГПУ С
УКАЗАНИЕМ МЕСТ ХРАНЕНИЯ.
1. Попов В.Б. Основы информационных и телекоммуникационных технологий. Сетевые информационные технологии: учеб. пособие.-Москва: Финансы и статистика,
2005. -224C.
УДК 6Ф7 ББK 32.973 а.з. П-58 (Абонемент)
2. Попов В.Б. Основы информационных и телекоммуникационных технологий. Сетевые информационные технологии: учеб. пособие.-Москва: Финансы и статистика,
2005. -224C.
УДК 6Ф7 ББK 32.973 а.з. П-58 (Читальный зал)
3. Леонтьев В. П. Новейшая энциклопедия Интернет. 2003.
УДК 6Ф7 ББK 32.97 а.з. Л-47 (Абонемент)
4. Бройдо В.Л. Вычислительные системы, сети, телекоммуникации. 2002.
УДК 6Ф7 ББK 32.98 а.з. Б-88 (Читальный зал)
5. Олифер В.Г., Олифер Н.А. Компьютерные сети. Принципы, технологии, протоколы. 2002.
УДК 6Ф7 ББK 32.973 а.з. О-54 (Читальный зал)
6. Мамаев М., Петренко С. Технологии защиты информации в Интернете. спец.
справочник. 2002.
УДК 6Ф7 ББK 32.988 а.з. М-22 (Абонемент)
7. Перфильев Ю.Ю. Российское интернет - пространство: развитие и структура.
2003.
УДК 6Ф0.1 ББK 32.973 а.з. П-26 (Научный отдел)
УДК 6Ф0.1 ББK 32.973 а.з. П-26 (Читальный зал)
8. Вычислительные сети и сетевые протоколы / под ред. С.И. Самойленко. 1982.
УДК 6Ф7 ББK а.з. В-94 (Абонемент)