Разработка и публикация web-страниц. Основные команды языка HTML по созданию Web-страниц, страница 7

·  ссылка на Internet-страницу. Для этого нужно в окне Create Hyperlink в поле URL ввести ее URL-адрес, например http://www.yandex.ru.

·  ссылка на адрес электронной почты. Для этого нужно в окне Create Hyperlink нажать кнопку  и в открывшемся окне ввести нужный электронный почтовый адрес, например petrov@stud.by. В результате адрес отобразится в URL-формате в поле URL окна Create Hyperlink.

·  ссылка внутри страницы. Для ее организации необходимо предварительно на нужных фрагментах страницы создать закладки (метки – Bookmark) командой Insert►Bookmark. Имя метки можно изменить. Затем в окне Create Hyperlink в поле Bookmark выбрать нужную метку по ее имени.

Создание кнопки осуществляется командой Insert► Component► Hover Button. В окне свойств кнопки Hover Button Properties в поле Button text ввестиназвание кнопки; в поле Link to с помощью кнопки [Browse] (Обзор) указать файл, на который будет переводить кнопка. При необходимости можно изменить нужные параметры кнопки: шрифт, цвет, эффект при наведении на кнопку мышью и др.

Создание рекламного баннера. Баннер - это изображение заданной последовательности картинок с возможностью перехода по гиперссылке при нажатии на них. Перед созданием баннера нужно файлы с картинками поместить в свою папку. Открыть окно свойств рекламного баннера Banner Ad Manager Properties командой Insert►Component►Banner Ad Manager. В поле Link to с помощью кнопки [Browse] поместить файл, на который будет переводить баннер при щелчке по нему мышью. В области Pictures to display нажать [Add] (Добавить) и в открывшемся окне выбрать поочередно нужные файлы с картинками. В поле Show each picture for (seconds) установить нужное время демонстрации каждой картинки, например, 2 секунды. При необходимости изменить эффект смены картинок баннера в поле Transition effect.

Просмотр готовой страницы в браузере выполняется командой File►Preview in Browser. Эта функция нужна чтобы узнать, как Ваша страница будет представлена читателям в сети Internet. Для просмотра измененной Web-страницы в уже открытом окне браузера, например Internet Explorer, достаточно выполнить команду Обновить из меню Вид.

Задания для лабораторной работы

Задание 1.  Запустите программу Microsoft FrontPage. Изучите ее интерфейс. Создайте Web-страницу Fakultet во вновь созданной папке Primer2. На странице запишите название своего факультета, например ФАКУЛЬТЕТ ФИНАНСОВ И БАНКОВСКОГО ДЕЛА. Выполните шрифтовое оформление: установите свой размер, начертание, цвет, эффекты и другие параметры шрифта. Просмотрите готовую страницу режиме предварительного просмотра Preview и в кодах HTML. Сравните HTML-коды со страницей Tema (см. лаб. раб. 1).

Задание 2.  Добавьте на страницу Fakultet рисунок из коллекции Clip Art. Сохраните файл и убедитесь, что рисунок сохранился в папке Primer2.

Задание 3.  Установите в качестве фона страницы Fakultet найденный на Вашем компьютере рисунок, например с расширением jpg, gif. Просмотрите страницу в режиме предварительного просмотра Preview.

Задание 4.  Под названием факультета создайте бегущую строку с произвольным текстом, например Спасибо, что к нам заглянули! Просмотрите страницу в кодах HTML. Сравнить HTML-коды со страницей Tema (см. лаб. раб. 1).

Задание 5.  Измените параметры Web-страницы Facultet. Введите заголовок, например ФФБД (см. Управление параметрами Web-страниц). Установите основной язык - русский, кодировку страницы - кириллица. Просмотрите страницу в кодах HTML. Сравнить HTML-коды со страницей Tema (см. лаб. раб. 1). Просмотрите созданную Web-страницу в браузере Internet Explorer. Убедитесь, что введенный заголовок отображается в заголовке окна браузера.

Задание 6.  На страницу Facultet добавьте Содержание в виде нумерованного или маркированного списка Деканат, Специальности, Кафедры, Советы от бывалого,… Выполните шрифтовое, фоновое и графическое оформление. Просмотрите готовую страницу в режиме предварительного просмотра Preview и в кодах HTML. Сравните HTML-коды со страницей Soderganie (см. лаб. раб. 1).