![](/user_photo/2706_HbeT2.jpg)
- •Министерство образования и науки Российской Федерации
- •Лабораторная работа № 1 Создание и форматирование документов в текстовом редакторе
- •Лабораторная работа № 2 Создание физической модели базы данных и интерфейса в субд
- •Лабораторная работа № 3 Создание таблиц в табличном редакторе
- •Лабораторная работа № 4 Создание презентации
- •Лабораторная работа № 5 Создание web документов
- •Приложение а
- •Приложение б
- •Приложение д
- •2. Устройство html-документа
- •2.1 Обязательные метки
- •2.2 Непарные метки
- •2.3 Форматирование шрифта
- •2.3.1 Физические стили
- •2.3.2 Логические стили
- •2.4 Организация текста внутри документа
- •2.5 Указание подробной информации о документе
- •2.6 Элементы определяющие параметры страницы
- •2.6.3 Задание размеров полей страницы
- •2.7 Связывание
- •2.8 Изображения в html-документе
- •2.9 Элементы форм в html-документе.
- •3.1 Диалоговая панель сообщений
- •3.2 Диалоговая панель ввода информации
- •Приложение к
Лабораторная работа № 5 Создание web документов
Задание № 1: Создать Web-страницу с ссылками на следующие файлы: документ Техническое задание, архив базы данных Список угроз, книга Риски по ресурсам, Презентация.
Цель: Научиться создавать Web-страницы.
1. Создать новый документ в текстовом редакторе Блокнот.
2. Сохранить файл под именем WEBстраница.html на диске Н (все ранее созданные файлы должны находиться в одной папке с данным файлом).
3. Открыть созданный файл в текстовом редакторе и набрать текст HTML- страницы следующего содержания:
<html>
<head>
<title> Моя WEB-страница </title>
</head>
<body>
<H1> Лабораторная работа №5 </H1>
<H2> Создание Web-документов </H2>
<p>
<A href="H:/Имя Вашей папки на диске/ Техническое задание.docx"> Техническое задание</a>
<br>
<A href="H:/Имя Вашей папки на диске / Список угроз.rar"> Архив базы данных Список угроз</a>
<br>
<A href="H:/Имя Вашей папки на диске / Риски по ресурсам.xlsx"> Книга Риски по ресурсам</a>
<br>
<A href="H:/Имя Вашей папки на диске / Презентация.pptx"> Презентация</a>
<br>
<A href="H:/Имя Вашей папки на диске / Тест по теме реферата.html"> Тест по теме “Здесь указывается тема Вашего реферата”</a>
</p>
</body>
</html>
Сохранить файл с HTML- кодом.
Указать подробную информацию о документе: содержание документа, способ кодировки, автор документа, ключевые слова для индексации страницы в поисковых системах;
Отформатировать Web-страницу: в отдельном файле создать таблицу стилей и связать ее с документом. Таблица стилей, определяющая форматирование документа, должна содержать:
форматирование полей Web-страницы;
форматирование фона страницы: в качестве фона выбрать изображение или цвет, заданный с помощью ключевых слов;
форматирование шрифта текста и заголовков Web-страницы;
форматирование текста Web-страницы;
отображение связей через псевдоклассы элемента А.
Отделить подзаголовки от основного текста Web-страницы горизонтальной чертой;
Преобразовать текст Web-страницы в маркированный список; изменить тип маркера. Пример Web-страницы представлен на рисунке К.1 приложения К.
Тест по теме Вашего реферата должен содержать следующие управляющие элементы формы: текстовые поля, переключатели, флажки, раскрывающиеся списки, текстовые области и кнопку “очистка содержимого элементов формы” . Пример теста по теме реферата представлен на рисунке К.2 приложения К.
Задание № 2: Установить защиту информации от несанкционированного доступа.
Цель: Научиться защищать содержимое Web-страниц с помощью внедрения в HTML-документ сценария на языке JavaScript.
1. Открыть созданный файл в текстовом редакторе и внедрить в текст страницы сценарий на языке JavaScript следующего содержания:
<SCRIPT LANGUAGE="JavaScript">
<!--
function vvodpassword()
{
parol=prompt("Введите пароль:", "");
while (parol!=1234)
{
prompt("Введите пароль:", "");
parol=prompt("Введите пароль:", "")
}
alert("Добро пожаловать")
}
// -->
</SCRIPT>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
vvodpassword();
// -->
</SCRIPT>
2. Сохранить файл WEBстраница.html на диске Н.
Содержание отчета по лабораторной работе.
В отчете к лабораторной работе должны быть представлены:
1) Титульный лист к отчету по лабораторной работе.
2) Название, цель и задания лабораторной работы.
3) HTML-код страницы.
4) Web-страница.