- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 6
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних ссылок в документе
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Типичные приемы работы в браузере
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Порядок выполнения работы:
Создайте простую web-страницу с изображением, которое будет иметь различные виды выравнивания относительно текста.
<html>
<head>
<title>Изображения</title>
</head>
<body>
<h3>Страница, содержащая рисунки</h3>
<p>
<img src = "адрес вашего рисунка" align="top"> Изображение, выровненное по верхнему краю.
<p>
<img src = "адрес вашего рисунка" align = "middle"> Изображение, выровненное по центру изображения.
<p>
<img src = "адрес вашего рисунка" align = "bottom"> Изображение, выровненное по нижнему краю.
</body>
</html>
Сохраните файл под названием Lesson_3.html.
Просмотрите созданный документ в браузере.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл Lesson_3.html.
Лабораторная работа № 7
Тема: Создание гиперссылок
Цель: научиться создавать гиперссылки
Контрольные вопросы:
Что означает форматирование текста?
Как создать заголовок в HTML?
Как выделить абзац и добавить горизонтальную линейку в HTML?
Что такое гипертекстовая ссылка?
Какой тег HTML описывает гиперссылку?
Какие виды гиперссылок вы знаете?
Чем абсолютная гиперссылка отличается от относительной?
Чем относительная ссылка отличается от внутренней?
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа, позволяющими создавать гиперссылки:
<A> … </A> – основной дескриптор ссылки.
Атрибуты ссылки:
href = "ссылка" – определяет местоположение связанного ресурса или якоря. Вместо слова "ссылка" необходимо ввести адрес ресурса;
name = "имя ссылки" – определяет имя для текста на web-странице, которое затем будет использоваться для создания внутренней ссылки.
Порядок выполнения работы:
Относительное связывание страниц
Для связывания страниц в пределах одного сайта используются, так называемые, относительные ссылки. Для связывания страниц необходимо выполнить следующие действия.
Создайте у себя на диске (т.е. на диске Home) папку и назовите ее Root.
Создайте следующую HTML-страницу:
<html>
<head>
<title> Пример относительной ссылки.</title>
</head>
<body>
<H1> Примеры создания гиперссылок </H1>
<H2> Пример создания относительной гиперссылки </H2>
<p> Эта страница находится в корневом каталоге. Для ее связи с другой страницей можно использовать относительные ссылки.
Для активизации второй страницы необходимо<a href = "list.html"> нажать здесь</a>
</body>
</html>
Сохраните ее под именем index.html
Создайте вторую страницу, следующего содержания:
<html>
<head>
<title> Другая страница</title>
</head>
<body>
<p> Это вторая страница.
Для возврата на титульную страницу щелкните <a href = "index.html"> здесь</a>
</body>
</html>
Сохраните ее под именем list.html
Создание ссылки на электронный адрес
Добавьте в файл index.html следующий абзац со ссылкой:
<H2>Пример создания ссылки на адрес электронной почты</H2>
<p>Все вопросы связанные с созданием web-страниц направляйте по адресу:
<a href ="mailto:klevets@inbox.ru"> лектору</a></p>