Лабораторная работа № 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>

4. Сохранить файл с HTML- кодом.

5. Указать подробную информацию о документе: содержание документа, способ кодировки, автор документа, ключевые слова для индексации страницы в поисковых системах.

6. Отформатировать Web-страницу: в отдельном файле создать таблицу стилей и связать ее с документом. Таблица стилей, определяющая форматирование документа, должна содержать:

6.1. форматирование полей Web-страницы;

6.2. форматирование фона страницы: в качестве фона выбрать изображение или цвет, заданный с помощью ключевых слов;

6.3. форматирование шрифта текста и заголовков Web-страницы;

6.4. форматирование текста Web-страницы;

6.5. отображение связей через псевдоклассы элемента А.

7. Отделить подзаголовки от основного текста Web-страницы горизонтальной чертой;

8. Преобразовать текст Web-страницы в маркированный список; изменить тип маркера. Пример Web-страницы представлен на рисунке К.1 приложения К.

9. Тест по теме Вашего реферата должен содержать следующие управляющие элементы формы: текстовые поля, переключатели, флажки, раскрывающиеся списки, текстовые области и кнопку “очистка содержимого элементов формы”. Пример теста по теме реферата представлен на рисунке К.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-страниц.