- •М.Ф. Меняев , и.Ф. Пряников Информационные ресурсы в менджменте Часть 2:
- •Тема 1: формирование текста web-документа
- •1.Подготовка html-документа.
- •2.Запись текста.
- •3.Организация гипертекстовых ссылок.
- •5.Сохранить html-коды документов, проверить их на вирус и записать на дискету.
- •6.Закрыть все приложения на рабочем столе.
- •Тема 2: списки и таблицы в web-документах
- •1.Подготовка документа для ввода текста.
- •2.Разметка простого списка.
- •3.Установка табличных объектов.
- •4.Сформировать галерею изображений, используя таблицу:
- •4.Ссылка на ресурсы Интернета.
- •5.Переход на новые Web-страницы из окон фреймов.
- •7.Закрыть все приложения на рабочем столе.
- •Тема 4: формирование интерактивных документов с использованием текстового редактора
- •Задание для самостоятельной работы
- •4. Практикум №1: Подготовка многослойного баннера
- •5. Практикум № 2: Формирование многослойного рекламного плаката
- •Информационные ресурсы в менджменте Часть 2: Информационная деятельность менеджера
- •Применение графики и фреймов для организации web-документов
- •Тема 5: фреймовый web дизайн
- •Задание для самостоятельной работы
- •Тема 5: фреймовый web дизайн
- •Задание для самостоятельной работы
- •Рекомендуемая литература
Тема 1: формирование текста web-документа
Цель работы состоит в овладении навыками разметки текста Web-документа с использованием языка гипертекстовой разметки HTML: организация заголовка и содержательной части документа, методы логического и физического форматирования строк, заголовков, списков, разделение на абзацы, перевод строки, применение специальных символов, организация гиперссылок, формирование оглавления документа и др.
Задание для самостоятельной работы
1.Подготовка html-документа.
HTML-документ содержит специальные компоненты, определяющие размещение элементов текста и графики на рабочем поле браузера. Процесс размещения осуществляется построчно, а специальными компонентами служат тэги (от слова tag - ярлык), которые и определяют место и способ выделения элементов текста и графики на текущей строке (группе строк). Подготовленный текст определяется как тэговая модель или HTML-докмент.
Для подготовки к записи HTML-документа следует выполнит следующие операции.
1.1.Вызвать на поле экрана стандартный текстовый редактор WordPad или Блокнот.
Сохранить текущий документ в рабочей папке под именем 3_1_ФИО (Первые буквы фамилии имени и отчества обучаемого) с расширением .html, используя. опцию "Сохранить как...".
Разместить рабочее поле текстового редактора на левой половине экрана,
Вызвать браузер Internet Explorer и установить его на левой половине экрана,
Вызвать на рабочее поле браузера HTML-документ из своей рабочей папки для этого в меню "Файл" найти опцию "Из файла", включить кнопку "Обзор" и найти ранее подготовленный файл в рабочей папке.
1.2.Записать заголовок. Для его написания следует придерживаться следующих правил:
Тэг <HTML> открывает документ, тэг </HTML> закрывает документ,
HTML-документ состоит из двух областей: области заголовка и области содержания.
Тэг <HEAD> открывает область заголовка </HEAD> закрывает область заголовка,
Установить тэги заголовка внутри пары тэгов <HTML>.
В области заголовка определяется название документа, связь с другими документами, кодировка текста, размер, тип и цвет шрифта, используемого в тексте по умолчанию и др.
Тэг <TITLE> определяет название документа, тэг <BASE> указывает полный базовый URL-адрес документа с помощью обязательного параметра HREF="URL".
Для записи названия документа следует выполнить следующие операции:
В поле заголовка установить пару тэгов <TITLE> и записать между ними строку "Самостоятельная работа №3_ФИО".
Сохранить измененный текст в текстовом редакторе, обращая внимание на расширение .html .
Активизировать браузер, щелкнув по кнопке "Обновить". Обратить внимание на содержание верхней строки окна браузера. Она должна отобразить название документа. Запомнить URL-адрес документа, размещенный в поле адресной строки.
1.3.Оформить содержательную часть документа:
Перейти на поле текстового редактора и установить пару тэгов <BODY> после тэга </HEAD>.
Установить курсор между парой <BODY> и несколько раз нажать на клавишу "Ввод", чтобы расширить поле для строк разметки текста документа.