Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Лабораторная работа № 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-страница.
Date: 2015-11-13; view: 481; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |