Материал: Управление web-документами. методические указания к практическим занятиям по дисциплине «Информационная безопасность РИС». Москалева Е.А
ФГБОУ ВПО «Воронежский государственный технический университет»
Кафедра систем информационной безопасности
УПРАВЛЕНИЕ WEB-ДОКУМЕНТАМИ
МЕТОДИЧЕСКИЕ УКАЗАНИЯ
к практическим занятиям по дисциплине «Информационная безопасность РИС» для студентов специальности
090303 «Информационная безопасность автоматизированных систем»
очной формы обучения
Воронеж 2014
Составитель канд. техн. наук Е. А. Москалева
УДК 681.3.07
Управление web-документами: методические указания к практическим занятиям по дисциплине «Информационная безопасность РИС» для студентов специальности 090303 «Информационная безопасность автоматизированных систем» очной формы обучения / ФГБОУ ВПО «Воронежский государственный технический университет»; сост. Е. А. Москалева. Воронеж, 2014. 36 с.
Методические указания предназначены для использования на практических занятиях по дисциплине «Информационная безопасность РИС» с целью научить студентов анализировать, предлагать и обосновывать выбор решений по обеспечению требуемого уровня эффективности применения автоматизированных систем.
Методические указания подготовлены в электронном виде в текстовом редакторе MS Word-2013 и содержатся в файле Москалева_ПЗ_ИБ РИС.pdf.
Табл. 2. Ил. 17. Библиогр.: 10 назв.
Рецензент д-р техн. наук, проф. А. Г. Остапенко
Ответственный за выпуск зав. кафедрой д-р техн. наук, проф. А. Г. Остапенко
Издается по решению редакционно-издательского совета Воронежского государственного технического университета
© ФГБОУ ВПО «Воронежский государственный технический университет», 2014
Практическая работа № 1 HTML-редактор Dreamweaver. Знакомство с интерфейсом
программы. Предварительная настройка. Набор и форматирование текста
Цель работы: овладение навыками настройки редакторов HTML-текстов.
Теоретические сведения
В основу всемирной паутины положена идеология и технология гипертекста, технически реализованная при помощи языка HTML [1, 2] (HTML от англ. HyperText Markup Language, язык гипертекстовой разметки). Это язык, разработанный специально для создания web-документов. HTML-документы представляют собой обычные текстовые ASCII-файлы. Помимо текстового содержания, они включают в свой состав специальные управляющие конструкции языка – так называемые тэги [1-4].
При отображении документа в браузере сами тэги на экран не выводятся. Они определяют структурные единицы внутри документа, задают параметры форматирования, включают в состав документа новые элементы (встроенные изображения, Java-апплеты и т.п.) и, что самое важное, позволяют создавать гипертекстовые ссылки на другие документы и ресурсы сети Internet.
Стандарт языка HTML [1-4], как и все остальные стандарты для Web, был разработан под руководством World Wide Web консорциума (W3C). Последние версии этого и других стандартов, а также проекты новых предложений можно найти на сайте консорциума [8].
Редактор Dreamweaver фирмы Adobe [5,6] в настоящее время рассматривается как промышленный стандарт в области web-мастеринга. Основным критерием такого выбора стало то, что редактор генерирует достаточно чистый код, соответствующий стандарту языка HTML. Dreamweaver
представляет собой полноценную среду разработки как отдельных web-страниц, так и сайтов любого масштаба, позволяющий осуществлять как разработку документа в визуальном режиме, так и его ручное кодирование, а также управление web-сайтом. В его состав входит множество полезных вспомогательных инструментов, упрощающих и ускоряющих разработку, а также позволяющих организовать индивидуальную среду, удобную для конкретного разработчика.
Внешний вид программы является стандартным для операционной системы Windows. После запуска Dreamweaver открывается окно с возможностью выбора дальнейших действий пользователя.
Для переключения между режимами отображения и редактирования HTML-документа предназначены три первые кнопки на панели инструментов (рис. 1):
Code – исходный код;
Split – исходный код / поле документа (окно делится на две части);
Design – поле документа.
Рис. 1. Панель инструментов
По умолчанию всегда стоит палитра common objects (основные объекты). В нее включено практически все, что вам нужно (слева-направо):
Hyperlink - вставляет гиперссылку на страницу
E-mail Link (сслыка на электронную почту) - вставляет ссылку на электронный адрес
Named Anchor - вставка якоря
Table (таблица) - вставляет таблицу
Div Tag - вставляет тэг div
Images
2
o Image (картинка) - вставляет на страницу графический элемент
o Rollover Image - вставка изменяющегося изображения (картинку изменяющую свой вид при наведении на нее)
oFireworks HTML - вставляет объект Macromedia FireWorks
o Navifgation Bar - вставляет навигационную панель состоящую из нескольких кнопок
Media
o Flash - вставляет флеш-анимацию в страницу o Flash Button - вставляет флеш-кнопку
o Flash Text - вставляет флеш-текст o Flash Video - вставляет флеш-видео
o ShockWave - вставляет Shockwave-анимацию o Applet - вставляет ява-апплет
o ActiveX - вставляет ActiveX
o Plugin - вставляет объект, проигрываемый плагином
Date (дата) - вставка в документ текущей даты (можно с автообновлением)
SSI - вставляет инклюд (подключаемый внешний
HTML файл)
Comment - вставляет комментарий в документ
Шаблоны - создание шаблона
Tag Chooser - библиотека тэгов Палитра layout
Standard View (Стандартный режим). Переход в стандартный режим работы с документом.
Layout View (Режим макетирования). Переход в режим макетирования документа.
Draw Layout Table (Создание макетной таблицы). Доступ к инструменту создания макетной таблицы.
Draw Layout Cell (Создание макетной ячейки). Доступ к инструменту создания макетной ячейки.
3