Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
МУ_лаб_Средства проектирования web-документов.doc
Скачиваний:
34
Добавлен:
25.03.2016
Размер:
2.07 Mб
Скачать

48

МИНИСТЕРСТВО СЕЛЬСКОГО ХОЗЯЙСТВА РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

«БАШКИРСКИЙ ГОСУДАРСТВЕННЫЙ АГРАРНЫЙ УНИВЕРСИТЕТ»

Кафедра информатики и

информационных технологий

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ

Лабораторная работа

Средства проектирования web-документов

МЕТОДИЧЕСКИЕ УКАЗАНИЯ

Для всех направлений подготовки бакалавров

Уфа 2012

УДК 004.7

ББК 32.9

М 54

Рекомендованы к изданию методической комиссией факультета информационных технологий и управления

(протокол № ___ oт «____» ___________________2012 г.)

Составитель: ст.преподаватель Прокофьева С.В.

Рецензент: ст. преподаватель Саитова Э.С.

Ответственный за выпуск: зав. кафедрой информатики и информационных технологий, к.х.н., доц. Беляева А.С.

г. Уфа, БГАУ, кафедра информатики и информационных технологий

СОДЕРЖАНИЕ

Лабораторная работа № 1. Создание документов HTML в текстовом процессоре MS Word

стр.4

Лабораторная работа № 2. Проектирование wеb-сайтов средствами MS FrontPage

стр.15

Лабораторная работа № 3. Создание анимации в программе Macromedia Flash

стр. 33

Приложение А

стр. 44

Лабораторная работа № 1 Создание документов html в текстовом процессоре ms Word

Цель работы

Научиться разрабатывать документы, предназначенные для публикации в Internet.

Задачи работы

Знакомство с возможностями текстового редактора Word по созданию документов HTML.

Требования к организации рабочего места

Лабораторная работа выполняется студентами в компьютерных классах кафедры информатики и информационных технологий. Необходимое программное обеспечение: ОС Windows XP(7), обозреватель MS Internet Explorer, текстовый процессор MS Word 2003.

  1. Общие сведения

    1. Документы HTML

Документ HTML (HiperText Markup Language - язык разметки гипертекста) – текстовый файл, предназначенный для просмотра в программе-обозревателе (броузере). Кроме текста этот файл содержит инструкции для обозревателя (коды), которые невидимы читателю текста. Коды определяют действия, которые обозреватель должен выполнить при загрузке этого документа.

Коды условно можно разделить на два типа: описание внешнего вида документа (размер букв, тип шрифта, элементы оформления) и ссылки на другие ресурсы (это могут быть другие страницы, изображения, видео и звуковые документы, хранящиеся на том же компьютере, в локальной сети или сети Internet).

На рисунке 1 приведен документ, просматриваемый в программе-обозревателе Internet Explorer, а на рисунке 2 его запись в кодах.

Рисунок 1 Документ, просматриваемый в Internet Explorer

Рисунок 2 Тот же документ в кодах, открытый в редакторе Блокнот

Способ представления информации при помощи связей между документами называется гипертекстом, а ссылки на другие ресурсы - гиперссылками.

Документы HTML по-другому называют web-страницами, так как в большинстве случаев они предназначены для публикации во Всемирной паутине (World Wide Web) в сети Internet.

1.2 Создание web-страницы в текстовом процессоре Word

1.2.1 Способы создания web-страниц

Существуют два простых способа создания web-страниц с помощью Word 2003. Можно создать новую web-страницу либо преобразовать существующий документ Word в формат HTML, используемый для web-страниц.

Для создания пустой web-страницы следует выполнить команду Файл► Создать. На панели Создание документа выбрать вариант Веб-страница.

Для сохранения документа Word как web-страницы, в текстовом процессоре MS Word 2003 следует воспользоваться командой Файл ► Сохранить как и в окне диалога выбрать тип файла Веб-страница.

При сохранении файла как web-страницы, все графические объекты (маркеры списков, линии, текстуры фона, рисунки) по умолчанию сохраняются во вспомогательной папке как графические файлы формата GIF или JPG (JPEG), с именами image001, image002 и т. д. Поэтому, при перемещении или копировании web-страницы в другое место, туда же следует перемещать и папку со вспомогательными файлами.

1.2.2 Присвоение названия web-странице

Название web-страницы изображается в заголовке окна обозревателя при просмотре этой страницы. Для присвоения названия web-странице нужно выбрать команду Файл ► Свойства, на вкладке Документ в поле Название ввести нужный заголовок.

Примечание. Если название не указано, в качестве него автоматически используются первые символы web-страницы.