- •Учебно-методический комплекс по дисциплине
- •Новосибирск 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.7 Ввод изображения в документ
Для добавления графического изображения на страницу используется
дескриптор <IMG /> с атрибутом SRC. Значением этого атрибута служит имя файла с изображением. Созданное или используемое изображение должно находиться в графическом файле с расширением GIF или JPEG.
<HTML>
<HEAD>
<TITLE> Ввод рисунка в страницу</TITLE>
<STYLE TYPE=”TEXT/CSS”>
</STYLE>
</HEAD>
<BODY>
<IMG SRC=”RIS.JPG” />
</BODY>
</HTML>
Комментарий к коду HTML – документа.
RIS.JPG – файл с рисунком. В теге <IMG /> могут быть использованы атрибуты HEIGHT(высота рисунка), WIDTH (ширина рисунка) со значениями в пикселях или процентах.
3.8 Карта изображения
При создании рисунка можно использовать его отдельные фрагменты в качестве ссылок на отдельные Web – страницы. Такой рисунок называют картой изображения. При создании карты изображения необходимо задавать координаты каждого фрагмента карты. Карту можно создать в обычном графическом редакторе, который указывает координаты карты в нижнем правом углу. Если карта создается на стороне клиента, то в коде HTML - документа должно быть сделано соответствующее пояснение.
<HTML>
<HEAD>
<TITLE> Карта изображения</TITLE>
<STYLE TYPE=
”TEXT/CSS”>
BODY{TEXT – ALIGN=”CENTER”}
</STYLE>
</HEAD>
<BODY>
<MAP NAME=”KARTA” ID=’KARTA”>
<AREA SHAPE=”RECT” COORDS=”0,0,100,100” HREF=”ONE.HTML” ALT=” Первый“ />
<AREA SHAPE=”RECT” COORDS=”100,0,200,100” HREF=”TWO.HTML” ALT=”Второй“ />
<AREA SHAPE=”RECT” COORDS=”0,100,100,200” HREF=”THREE.HTML” ALT=”Третий“ />
<AREA SHAPE=”RECT” COORDS=”100,100,200,200”HREF=”FOUR.HTML” ALT=”Четвертый“ />
</MAP>
<IMG SRC=”MAP.JPG” WIDTH=”200” HEIGHT=”200” ALT=”Карта изображения“ BORDER=”0” USEMAP=”#KARTA” />
</BODY>
</HTML>
Комментарий к коду HTML – документа.
Каждой карте изображения надо присвоить уникальное имя. Это выполняется с помощью дескриптора <MAP> и атрибутов NAME и ID. Этим атрибутам присвоено значение “KARTA”. Дескриптор <AREA> описывает область карты, атрибут SHAPE задает тип фрагмента карты. Значение этого атрибута “RECT” (прямоугольник). Атрибут HREF используется для указания ссылки на файл ONE.HTML, который требуется создавать дополнительно. Атрибут ALT со значением «первый» используется для получения всплывающей подсказки при выведении курсора на соответствующий квадрант. Назначение этого атрибута – контроль правильности создания карты. Атрибут COORDS задает координаты квадранта (X1,Y1,X2,Y2). В каждом квадранте задаются точки вершин, лежащих на диагонали, так как при отображении квадранта используется векторная графика. Для каждого квадранта процедура описания повторяется с соответствующим изменением значения атрибутов. Тег <IMG> сообщает браузеру с помощью атрибута SRC, где находится файл с рисунком карты изображения, атрибуты WIDTH и HEIGHT задают ширину и высоту изображения. Атрибут USEMAP со значением “#KARTA” сообщает браузеру, что карта изображения создается на стороне клиента. Всплывающая подсказка в вершинах самой карты изображения контролирует правильность ее создания.