- •Лабораторная работа № 1 Создание документов html в текстовом процессоре ms Word
- •1.2 Создание web-страницы в текстовом процессоре Word
- •1.2.1 Способы создания web-страниц
- •1.2.2 Присвоение названия web-странице
- •1.2.3 Добавление горизонтальной линии на web-страницу
- •1.2.4 Создание списков на web-страницах
- •1.2.5 Добавление цвета и текстуры фона
- •1.2.6 Темы
- •1.2.7 Добавление бегущей строки на web-страницу
- •1.2.8 Работа с рисунками на web-страницах
- •1.2.9 Создание гиперссылок
- •Для изменения гиперссылки следует щелкнуть по изменяемой гиперссылке правой кнопкой мыши и выбрать в контекстном меню команду Гиперссылка ► Изменить гиперссылку.
- •1.2.10 Рамки (фреймы)
- •1.2.11 Предварительный просмотр web-страницы в процессе редактирования
- •2.1 Выполнение примера на создание личной web-страницы
- •2.2 Создание web-узла
- •2.3 Добавление гиперссылки
- •2.4 Выполнение индивидуального задания
- •3 Контрольные вопросы
- •4 Задания для самостоятельного выполнения
- •Проектирование wеb-сайтов средствами ms FrontPage
- •1 Общие сведения
- •1.2 Создание, сохранение и открытие web-страницы
- •1.3 Создание страницы с фреймами
- •1.4 Использование таблиц для структурирования информации
- •1.5 Работа с рисунками
- •1.6 Создание формы обратной связи
- •1.7 Создание гиперссылки
- •1.8 Элементы оформления web-страниц
- •1.8.1 Темы
- •1.8.2 Горизонтальная линия
- •1.8.3 Создание бегущей строки
- •2 Порядок выполнения работы
- •2.1 Создание и оформление web-узла.
- •3 Оформить отчет.
- •4 Вопросы для самоконтроля знаний
- •5 Задания для самостоятельного выполнения
- •5 Варианты заданий для самостоятельного выполнения
- •Лабораторная работа № 3 Создание анимации в программе Macromedia Flash
- •1 Общие сведения
- •1.1 Описание технологии Flash
- •1.2 Рабочая среда Macromedia Flash 8
- •1.3 Инструменты
- •1.4 Параметры инструментов рисования
- •1.5 Flash-символы и библиотеки
- •1.6 Способы создания анимации
- •1.7 Кадры и слои
- •1.8 Направляющий слой (слой траектории)
- •1.9 Тестирование и публикация клипа
- •2 Порядок выполнения работы
- •2.1 Создание анимации движения с помощью автоматического заполнения кадров
- •2.2 Движение по заданной траектории с вращением объекта
- •2.3 Плавное изменение формы объекта (морфинг)
- •2.4 Узловые точки
- •2.5 Создание кнопки
- •3 Требования к оформлению отчета
- •4 Вопросы для самоконтроля знаний
- •5 Задания для самостоятельного выполнения
- •Приложение а
- •Продолжение приложения а к части 1
МИНИСТЕРСТВО СЕЛЬСКОГО ХОЗЯЙСТВА РОССИЙСКОЙ ФЕДЕРАЦИИ
|
Кафедра информатики и
информационных технологий
ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ
Лабораторная работа
Средства проектирования 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.
Общие сведения
Документы 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-страницы.