- •Лабораторная работа № 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.7 Создание гиперссылки
После того, как все страницы будущего web-сайта созданы, необходимо организовать перемещение по ним, используя гиперссылки и закладки. Гиперссылки являются основным средством перехода на другие web-страницы или web-узлы и представляют собой связь между элементом страницы (текстом или рисунком) и некоторым объектом или адресом, на который указывает ссылка. Ссылка может указывать на другую страницу этого же сайта, на другую область той же страницы, на страницу другого сайта в Интернете, на адрес электронной почты, на файл или приложение. При активизации ссылки (обычно щелчком мыши на ней) происходит загрузка связанной с этой ссылкой страницы, открытие файла или запуск приложения.
Для создания гиперссылки в режиме редактирования страницы (Normal), следует выделить текст или графический объект, который будет использоваться как гиперссылка, и выполнить команду ВставкаГиперссылка. Появится диалоговое окно Добавление гиперссылки. В списке файлов в центральной области диалогового окна нужно указать название страницы, на которую будет осуществляться переход, гиперссылка будет выделена цветом и подчеркиванием.
Кроме перехода на другую страницу, активизация ссылки может вызвать создание электронного письма, адресованного определенному абоненту. Для добавления такой ссылки на страницу нужно щелкнуть на кнопке Связать с электронной почтой в диалоговом окне Добавление гиперссылки, затем ввести адрес электронной почты и закончить диалог. В результате создастся гиперссылка, при нажатии на которую появляется окно создания письма электронной почты.
Для проверки работоспособности ссылок можно перейти в режим просмотра или, не выходя из режима редактирования и удерживая клавишу Сtrl, щелкать на ссылках левой кнопкой мыши.
1.8 Элементы оформления web-страниц
Чтобы придать web-сайту более цельный, эстетически привлекательный и одновременно более профессиональный вид, желательно придерживаться единого подхода при оформлении страниц, т.е. соблюдать определенную цветовую гамму и стиль. Для облегчения этой задачи в программе FrontPage используются темы.
1.8.1 Темы
Тема - это определенный набор элементов оформления и цветовых схем, которые можно применить к страницам. Для этого нужно выбрать команду ФорматТема. Просмотрев список тем, следует выбрать одну из них, чтобы применить к страницам web-сайта.
1.8.2 Горизонтальная линия
Чтобы разделить текст на отдельные секции, например, для выделения отдельных тематических фрагментов, на web-страницах часто используют горизонтальную разделительную линию.
Для вставки горизонтальной линии надо установить курсор на строку между участками разделяемого текста, затем выбрать команду ВставкаГоризонтальная линия. На страницу будет вставлена горизонтальная линия.
Чтобы задать свойства горизонтальной линии, следует дважды щелкнуть мышью на ней. Появится окно Свойства горизонтальной линии. В нем можно задать ширину и высоту линии, тип выравнивания, выбрать цвет и тень.
1.8.3 Создание бегущей строки
Чтобы привлечь внимание к фрагменту текста или заголовку, можно придать ему эффект бегущей строки. Для этого нужно выделить текст, затем выполнить команду Вставка Веб-компонент Бегущая строка. Появится окно Свойства бегущей строки, в котором при помощи специальных переключателей задать одну из установок Поведение(Прокрутка, Сдвиг, Одновременно). Прокрутка – движение строки по кругу, Сдвиг - движение строки в пределах web-страницы при ее загрузке, Одновременно - движение строки в пределах поля в обе стороны. В поле СкоростьЗадержка можно установить значение для изменения скорости движения строки. В поле Направление - можно установить направление движения строки слева направо или справа налево. В поле Повторы, сняв флажок, можно установить количество повторов движения строки.