- •Оглавление
- •Возможности настройки
- •Безопасность и конфиденциальность
- •Порядок выполнения
- •Информационная потребность пользователя
- •Релевантность
- •Поиск в Интернет
- •Порядок выполнения
- •Оформление результатов
- •Порядок выполнения Начало работы
- •Основы построения html-страниц
- •Использование графических изображений в html-страницах
- •Оформление текстовой информации
- •Работа со списками
- •Создание таблиц
- •Работа с фреймами
- •Порядок выполнения
- •Оформление результатов
- •Общие сведения
- •Порядок выполнения
- •Оформление результатов
- •Формулировка выводов
- •Порядок защиты
Порядок выполнения Начало работы
Ознакомиться с общими сведениями о предмете лабораторной работы (см. выше в описании данной работы) и рекомендуемыми дополнительными материалами.
Уяснить цель работы.
Подготовить необходимые программные и технические средства (см. выше в описании данной работы).
Приступить к выполнению работы:
Основы построения html-страниц
Цель этой части работы - усвоить основы построения HTML-страниц и научиться создавать простую HTML-страницу. Выполните нижеследующие задания:
Используя notepad.exe (Блокнот), подготовьте следующий текст и сохраните его в текстовом файле с именем, например, MyHTMLPage.htm:
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
</body>
</html>
Загрузите страницу в браузер и убедитесь, что Ваш заголовок появился в верхней части окна браузера.
Поместите на страницу произвольный текст так, как показано в примере ниже:
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
<p>Мой текст первого абзаца.</p>
<p>Мой текст второго абзаца.</p>
</body>
</html>
Загрузите страницу в браузер и убедитесь, что Ваш текст появился в окне браузера.
Сделайте часть текста жирным шрифтом. Например, так:
<p>Мой текст <b>первого</b> абзаца.</p>
Отцентрируйте абзац следующим образом:
<p align="center">Мой текст <b>первого</b> абзаца.</p>
Измените цвет фона Вашей страницы на черный, а цвет текста – на белый:
<body bgcolor="#000000" text="#FFFFFF">
Ваша страница должна принять следующий вид:
<html>
<head>
<title>Моя первая страница</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<p align="center">Мой текст <b>первого</b> абзаца.</p>
<p>Мой текст второго абзаца.</p>
</body>
</html>
Загрузите страницу в браузер и посмотрите, что получилось.
Использование графических изображений в html-страницах
Для размещения на HTML-странице изображения используется тэг img который имеет следующий вид:
<img src="imagepath">
где imagepath – полное имя к файлу изображения (путь и имя).
Цель этой части работы - научиться размещать графические изображения в HTML-странице. Выполните нижеследующие задания:
Предположим, у Вас есть файл изображения mypicture.gif. Включите в HTML-страницу изображение:
<img src="mypicture.gif">
Заметим, что в этом случае файл mypicture.gif должен находиться в том же самом каталоге (папке), где находится Ваша страница MyHTMLPage.htm.
Загрузите страницу в браузер и посмотрите, что получилось.
Включите в HTML-страницу изображение, которая находится в специальном каталоге (папке) для файлов изображений. Обычно, такой каталог называется images и он является подкаталогом основного каталога, где находятся файлы страниц. Создайте такой каталог и включите в Вашу страницу следующий тэг:
<img src="images/mypicture.gif">
Загрузите страницу в браузер и посмотрите, что получилось.
Создайте каталог images2, который находится на том же уровне, что и каталог с Вашей страницей. Включите в Вашу страницу следующий тэг:
<img src="../images2/mypicture.gif">
Загрузите страницу в браузер и посмотрите, что получилось.
Измените размеры изображения, включенного в Вашу HTML-страницу:
<img src="mypicture.gif" width="x" height="y">,
где x – ширина изображения в пикселях, а y – высота изображения (также в пикселях).
Сделайте рамку вокруг изображения:
<img src="mypicture.gif" width="x" height="y" border="2">
Заметьте, что значение атрибута border есть толщина рамки.
Загрузите страницу в браузер и посмотрите, что получилось.
Запомните типичные ошибки, которые совершаются при использовании изображений в HTML-страницах:
Неверное указание пути к файлу изображения
Отсутствие файла изображения в правильно заданном каталоге.
Использование имен в неправильном регистре (MyPicture.GIF вместо mypicture.gif).