рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Лабораторная работа № 5 Создание WEB документов

Лабораторная работа № 5 Создание WEB документов - раздел Информатика, «Информационные технологии обработки данных общего назначения»   Задание № 1: Создать 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-страница.

 


– Конец работы –

Эта тема принадлежит разделу:

«Информационные технологии обработки данных общего назначения»

федеральное государственное автономное образовательное... учреждение высшего профессионального образования... Северный Арктический федеральный университет имени М В Ломоносова...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Лабораторная работа № 5 Создание WEB документов

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Лабораторная работа № 1 Создание и форматирование документов в текстовом редакторе
  Задание №1: Создать и отредактировать документ «Техническое задание» в текстовом редакторе.   Цель: Овладеть основными способами и методами с

Лабораторная работа № 2 Создание физической модели базы данных и интерфейса в СУБД
  Задание № 1: Создать таблицы, определить свойства полей таблиц и установить связи между таблицами.   Цель: Научиться создавать таблицы, опред

Лабораторная работа № 3 Создание таблиц в табличном редакторе
  Задание № 1: Установить свойства столбцов и ввести соответствующие данные.   Цель: Научиться создавать, устанавливать свойства столбцов и ред

Лабораторная работа № 4 Создание презентации
  Задание № 1:Создать слайды.   Цель: Научиться создавать и форматировать слайды.   1. Создать титульный слайд №1. Ввест

Язык HTML
  Термин HTML (HyperText Markup Language) означает «язык маркировки гипертекстов». Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Берне

Устройство HTML-документа
HTML-документ — это просто текстовый файл с расширением *.html (Unix-системы могут содержать файлы с расширением *.html). Вся информация о форматировании документа сосредоточена в его фраг

Обязательные метки
  <html> ... </html> Метка <html> должна открывать HTML-документ. Аналогично, метка </html> должна завершать HTML-документ. <head> ...

Непарные метки
Некоторые метки не подчиняются двум основным правилам HTML: все они непарные, а некоторые (так называемые &-последовательности) к тому же должны вводиться только маленькими буквами. Располагают

Логические стили
При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузер

Организация текста внутри документа
HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. 2.4.1 Н

Указание подробной информации о документе
<META>. Тег используется для указания подробной информации о документе. Употребляется в сочетании с описаниями атрибутов документа и не требует закрытия. Атрибутами

Элементы определяющие параметры страницы
В открывающий тег <BODY> могут входить элементы, определяющие параметры страницы, такие, как используемый фоновый рисунок, цвет и размер основного шрифта и гиперссылок, цвет фона и т. п.

Связывание
Сокращение HTML означает "язык маркировки гипертекстов". Что такое гипертекст? В отличие от обыкновенного текста, который можно читать только от начала к концу, гипертекст позволяет осуще

Изображения в HTML-документе
Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) и одну

Элементы форм в HTML-документе.
Тег FORM устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Документ может содержать любое количество форм, но одновременно на сервер может

Флажки, переключатели, раскрывающиеся списки
Если для ввода пользователю доступно несколько предопределенных значений, их можно явно задать и дать пользователю возможность выбора. Для этого используются два типа дескрипторов: ü

Многострочные текстовые блоки
Если в обычном текстовом поле недостаточно места для информации, запрашиваемой у пользователя, вместо него можно создать текстовый блок. ü В дескрипторе <textarea> определяется

Подтверждение и очистка содержимого формы
    Кнопки подтверждения и очистки содержимого формы позволяют выполнить над данными формы предопределенные действия. Эти кнопки создаются с помощью дескриптора

Диалоговая панель сообщений
Язык JavaScript имеет встроенные средства для отображения простейших диалоговых панелей, таких как панель сообщений. Ниже приведен исходный текст сценария JavaScript, в котором вызывается функция

Диалоговая панель ввода информации
Диалоговая панель ввода информации вызывается с помощью функции prompt. В качестве параметров функции передается вводное сообщение для пользователя и начальное значение запрашиваемой текстов

Вид Web-страницы
  Рисунок К.1 – Пример Web-страницы &nbs

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги