- •Лабораторная работа № 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
1.4 Использование таблиц для структурирования информации
При оформлении web-страниц применяются таблицы для выравнивания элементов на экране, многоколоночной верстки, наложения картинок. В ячейки таблицы могут быть помещены текст, рисунки и любые другие элементы (в ячейку таблицы можно также вставить другую таблицу). Создать таблицу и поместить ее на страницу можно несколькими способами. Способ 1: щелкнуть мышью на кнопке (Таблица) на панели инструментов Стандартная и затем во вспомогательном окне указать с помощью мыши размеры таблицы. Способ 2: применить команду ТаблицаВставитьТаблицу, а затем указать размеры и другие параметры таблицы в окне Вставка таблицы. Способ 3: если на странице уже имеются данные, которые нужно отобразить в табличном виде, можно воспользоваться возможностью преобразования текста в таблицу. Для этого необходимо выделить текст, выбрать команду ТаблицаПреобразовать Текст в таблицу и указать тип разделителя.
Ячейки таблицы можно формировать произвольным образом, чтобы придать таблице нужный вид. Для этого, выделив ячейку, следует выполнить команду Таблица Разбить ячейки или ТаблицаОбъединить ячейки или нажать на соответствующую кнопку на панели инструментов. Для таблицы в целом и для каждой отдельной ячейки могут быть настроены различные параметры, определяющие размеры, выравнивание, цвета и свойства ограничивающих и разделительных линий. Выполнив команду ТаблицаСвойства таблицы Таблица, в группе элементов управления можно определить цвет фона в области таблицы или фоновый рисунок. Аналогично можно управлять свойствами отдельной ячейки или группы ячеек.
1.5 Работа с рисунками
Редактор FrontPage позволяет загружать изображения из файлов различных графических форматов: gif (обычный и анимированный), jpeg, bmp, tiff, tga, ras, eps, pcx, pnd, pcd, wmf. Можно поместить готовый рисунок на страницу, взяв его из библиотеки картинок программы FrontPage, из папки текущего сайта или одного из сайтов на локальном диске, из любого графического файла на локальном диске или загрузив рисунок из внешнего сайта в Интернете.
Для того, чтобы вставить рисунок из библиотеки FrontPage необходимо выполнить команду ВставкаРисунокКартинки. Для вставки картинки из внешнего файла следует воспользоваться командой ВставкаРисунокИз файла.
1.6 Создание формы обратной связи
Формы – это области страницы, в которые пользователь может вводить информацию. Они могут включать различные элементы: поля для ввода данных, списки вариантов ответов, наборы переключателей, а также кнопки, предназначенные для отправки результатов ввода данных на сервер и для очистки полей ввода.
Элементы форм бывают нескольких видов, некоторые из них:
поле (One Line TextBox) - строка для ввода данных произвольного типа;
текстовое поле (Scrolling TextBox) – поле ввода данных с полосой прокрутки;
раскрывающийся список (Drop-Down menu);
флажок (Check Box).
Для создания форм необходимо выполнить команду ВставкаФорма, затем выбрать из списка нужный элемент формы. Он будет вставлен на страницу, при этом автоматически создается форма, в которую включается элемент. Пунктирная линия обозначает границы формы, которые можно изменить при помощи мыши. По умолчанию новая форма содержит кнопки Отправить (Submit) и Сброс (Reset). Submit отправляет содержимое формы на сервер, Reset – очищает поля формы, чтобы посетитель мог заново начать ввод данных в нее.