- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 6
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних ссылок в документе
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Типичные приемы работы в браузере
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Порядок выполнения работы:
Создайте простую таблицу, состоящую из двух строк и двух столбцов.
<HTML>
<HEAD>
<TITLE>Примеры создания таблиц</TITLE>
</HEAD>
<BODY>
<H1> Простая таблица</H1>
<TABLE>
<TR>
<TD>
Первая ячейка
</TD>
<TD>
Вторая ячейка
</TD>
</TR>
<TR>
<TD>
Третья ячейка
</TD>
<TD>
Четвертая ячейка
</TD>
</TR>
</TABLE>
Создайте сложную таблицу, включающую элементы объединения строк и столбцов. Таблица содержит три строки и четыре ячейки. Часть строк и ячеек таблицы объединены.
<H1>Сложная таблица</H1>
<TABLE>
<TR>
<TD>
Первая ячейка, первая строка
</TD>
<TD>
Вторая ячейка, первая строка
</TD>
<TD>
Третья ячейка, первая строка
</TD>
<TD>
Четвертая ячейка, первая строка
</TD>
</TR>
<TR>
<TD ROWSPAN="2">
Ячейка, объединяющая две строки таблицы.
</TD>
<TD>
Вторая ячейка, вторая строка
</TD>
<TD>
Третья ячейка, вторая строка
</TD>
<TD>
Четвертая ячейка, вторая строка
</TD>
</TR>
<TR>
<TD>
Первая ячейка третья строка
</TD>
<TD COLSPAN="2">
Ячейка объединяет две ячейки
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Добавьте рамку таблиц с помощью атрибута border тега Table.
Сохраните файл под названием Lesson_4.html.
Просмотрите страницу в браузере.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл Lesson_4.html.
Лабораторная работа № 9
Тема: Создание фреймов
Цель: научится создавать фреймы
Контрольные вопросы:
Что такое фрейм?
Какой тег описывает фрейм?
Перечислите обязательные и необязательные атрибуты фреймов.
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами фреймов, такими как:
<FRAMESET> … </FRAMESET> – начинает и заканчивает выполнение кода фрейма.
Описание фрейма. Тэг <FRAME SRC="Name1"> позволяет описать первый фрейм, т.е. присвоить имя гипертекстовому документу. Второй фрейм описывается тэгом <FRAME SRC="Name2" NAME="Main"> и т.д.
<FRAMESET COLS="N1, N2,..> – позволяет определить количество вертикальных фреймов и задать размер фреймов в процентах от размера окна обозревателя или зафиксировать эти размеры в пикселах.
<FRAMESET rows ="N1, N2,..> - позволяет определить количество горизонтальных фреймов и задать размер фреймов в процентах от размера окна обозревателя или зафиксировать эти размеры в пикселах.
Атрибуты:
NAME - Имя фрейма.
MARGINWIDTH - Горизонтальный отступ (от 1 до 6) между фреймом и его границей.
MARGINHEIGHT - Вертикальный отступ (от 1 до 6) между фреймом и его границей.
SCROLLING - Прокрутка фрейма. Податрибут SCROLLING=YES позволяет создать полосы прокрутки, SCROLLING=NO – указывает обозревателю, что полосы прокрутки отсутствуют в данном фрейме, а податрибут SCROLLING=AUTO позволяет отображать полосы прокрутки в зависимости от свойств обозревателя.
NORESIZE - Фиксированный размер фрейма.
SRC - Задать гипертекстовый документ для этого фрейма.
TARGET=Name - Открыть ссылку во фрейме с именем Name.
Порядок выполнения работы.
Откройте Блокнот и создайте следующий HTML-документ:
<html>
<!-- Время создания: 25 августа 2005 года -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-ru">
<title></title>
<meta name="description" content="Example">
<meta name="keywords" content="">
<meta name="author" content="Klevets">
<meta name="generator" content="AceHTML 5 Pro">
</head>
<frameset rows="36%,*">
<frame name="111" src="lesson_1.html">
<frame name="222" src="lesson_2.html">
<noframes>
<!--Здесь вводиться код, для тех браузеров, которые не поддерживают возможности фреймов --!>
</noframes>
</frameset>
</html>
Сохранить данный документ под именем Lesson_5.html.
Данный код выводит документ, состоящий из двух горизонтальных частей, где в каждой части расположен свой документ: lesson_1.htmlиlesson_2.html, соответственно.