- •Учебно-методический комплекс по дисциплине
- •Новосибирск 2013
- •1. Цели и задачи дисциплины
- •2. Место дисциплины в структуре ооп
- •3. Требования к результатам освоения дисциплины
- •4. Объем дисциплины и виды учебной работы
- •5. Содержание дисциплины
- •5.1. Разделы дисциплин и виды занятий
- •5.2. Содержание разделов дисциплины (по лекциям)
- •5.3. Соответствие компетенций, формируемых при изучении дисциплины, и видов занятий
- •6. Методы и формы организации обучения
- •7. Практические занятия (семинары)
- •8. Самостоятельная работа
- •9. Примерные темы рефератов
- •10.Рейтинговая система для оценки успеваемости учащихся
- •11. Правила аттестации по учебной дисциплине
- •12. Учебно-методическое и информационное обеспечение дисциплины
- •Основная литература
- •Дополнительная литература
- •13. Материально-техническое обеспечение дисциплины:
- •Вопросы к зачету
- •Учебно-методические материалы для студентов по подготовке рефератов по курсу «интернет – технологии»
- •Учебно-методические материалы для студентов по практическим занятиям по курсу «Интернет - технологии»
- •Глава 1. Принципы построения компьютерных сетей
- •Глава 2. Современные сетевые технологии.
- •Глава 3. Основы языка разметки гипертекста.
- •Глава 1. Принципы построения компьютерных сетей
- •1.1 Компоненты компьютерных сетей
- •1.2 Модель взаимодействия открытых систем
- •1.3 Узлы компьютерных сетей
- •1.4 Адресация в компьютерных сетях
- •Глава 2. Основные сетевые технологии
- •2.1 Основы www - технологии
- •2.2 Технологии работы в www
- •Глава 3. Основы языка разметки гипертектста.
- •3.1 Введение в html
- •3.2 Простейшая web - страница
- •3.3 Гиперссылки
- •3.4 Стили оформления
- •3.5 Списки
- •3.6 Простые таблицы
- •3.7 Ввод изображения в документ
- •3.8 Карта изображения
- •3.9 Фреймы
- •3.10 Формы
3.9 Фреймы
Фреймы (FRAMES) позволяют отображать в одном окне браузера два или более HTML – документа. Чаще всего они используются для создания навигационной панели Web – узла. Создание фреймов предполагает создание нового HTML – документа специального типа, который называется управляющим файлом (FRAMESET). С помощью этого дескриптора осуществляется деление окна браузера на фреймы. Следует отметить, что при создании фреймов дескриптор <BODY> не используется. В пределах дескриптора <FRAMESET> с помощью атрибута ROWS указывается горизонтальное направление фрейма (строки), а с помощью атрибута COLS – вертикальное направление (столбцы). В каждом из фреймов отображается определенный файл Web – страницы. Это выполняется с помощью дескриптора <FRAME />. В нем используются атрибуты SRC, NAME, ID.
<HTML>
<HEAD>
<TITLE> Создание фреймов </TITLE>
<STYLE TYPE=”TEXT/CSS”>
</STYLE>
</HEAD>
<FRAMESET ROWS=”20%, *, 10%”>
<FRAME SRC=”1.HTML” NAME=”TOP” ID=”TOP” />
<FRAMESET COLS=”30%,* , 10%”>
<FRAME SRC=”2.HTML” NAME=”LEFT” ID=”LEFT” />
<FRAME SRC=”3.HTML” NAME=”MAIN” ID=”MAIN” />
<FRAME SRC=”4.HTML” NAME=”RIGHT” ID=”RIGHT” />
</FRAMESET>
<FRAME SRC=”5.HTML” NAME=”BOTTOM” ID=”BOTTOM” />
</FRAMESET>
<HTML>
Комментарий к коду HTML – документа.
Первый дескриптор <FRAMESET> содержит атрибут ROWS, задающий деление на три строки в процентном соотношении 20%, 70%, 10%. Звездочка может ставиться на оставшееся поле по делению. Аналогично еще один дескриптор <FRAMESET> делит вторую строку на три столбца в процентном соотношении 30%, 60%, 10%. Название окон приведены в стандартном варианте: TOP, LEFT, MAIN, RIGHT, BOTTOM.
3.10 Формы
Формы, по сути дела – электронные формуляры. Основными элементами формы являются поля и кнопки. Поя предназначены для ввода данных пользователем, кнопки – для выполнения определенных операций.
В дескрипторе каждого поля <INPUT TYPE=” тип поля” /> необходимо указывать его имя (значение атрибута NAME) и идентификатора (значение атрибута ID). Кнопка SUBMIT, которая предназначена для отправки введенных пользователем данных, является обязательным элементом любой формы. Адрес, по которому нужно отправить данные формы, присваивают атрибуту ACTION дескриптора <FORM>. Для создания кнопки необходимо воспользоваться дескриптором <INPUT TYPE=”SUBMIT”. Код любой формы должен быть расположен между дескрипторами <FORM> и
</FORM>. У дескриптора <FORM> есть два обязательных атрибута ACTION и METHOD. Для упрощения кода атрибуту METHOD присваивается значение POST. Тег <TEXTAREA> создает элемент текстового поля заданной ширины и высоты, имеет закрывающий тег </TEXTAREA>.
<HTML>
<HEAD>
<TITLE> Создание текстового поля</TITLE>
</HEAD>
<BODY>
<H2> Зарегистрируйтесь</H2>
<FORM NAME=”MAIL” ACTION=”/CGI - BIN/MAIL.CGI” METHOD=”POST”>
Ваше имя:<BR />
Ваш E - MAIL:<BR />
<INPUT TYPE=”TEXT” SIZE=”30” MAXLENGTH=”35” NAME=”NAME” />
<BR />
<INPUT TYPE=”TEXT” SIZE=”30” MAXLENGTH=”35” NAME=”MAIL” />
<BR />
:<BR />
<TEXTAREA COLS=”25” ROWS=”5” NAME=”COMMENT”>
Ваш комментарий </TEXTAREA>
<BR /> <BR />
<INPUT TYPE=”SUBMIT” VALUE=”Отправить“/>&NBSP;
<INPUT TYPE=”RESET” VALUE=” Очистить“/>
</BODY>
</HTML>
ЗАДАНИЯ ДЛЯ самопроверки
Выполнить гиперссылку: внутри страницы; на файл; на электронный адрес.
Оформить цвет фона и шрифта для любого текста с помощью каскадной таблицы стилей (CSS).
Оформить задание типа и размера шрифтов с помощью каскадной таблицы стилей.
Расположить любой текст по центру страницы с выделением заголовка текста другим цветом.
Создать немаркированный список с помощью атрибута class.
Создать немаркированный список с использованием латинского строчного шрифта для обозначения строк.
Создать немаркированный список с использованием латинского прописного шрифта для обозначения строк.
Создать немаркированный список с использованием римских цифр верхнего регистра для обозначения строк.
Создать маркированный список с помощью атрибута class.
Создать таблицу: четыре столбца, три строки.
Оформить управление цветом фона и цветом шрифта ячеек любой таблицы.
Создать карту изображения 200х200.
Создать фрейм с баннером и тремя столбцами.
Оформить гиперссылку из окна фрейма.
Создать форму с текстовым полем.
Создать форму с кнопкой.
Создать форму с кнопкой и текстовой строкой.
Создать форму с кнопкой и текстовым полем.
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
Основная литература
К. Закер. Компьютерные сети - М.: BHV, 2004. – 1010 с.: ил.
Хейз Дидре Освой самостоятельно HTML и XHTML – М.: «Вильямс», 2007. – 224 с.: ил.
Петюшкин А.В. HTML. Экспресс-курс. М.: BHV, 2003. – 256 с.: ил.
Дополнительная литература
Шиндер Д.Л. Основы компьютерных сетей. - М.: «Вильямс», 2002. -656 с.: ил.
Моррисон М. HTML&XML для начинающих. М.: ЭКОМ, 2012. - 592 с.: ил.