close

Вход

Забыли?

вход по аккаунту

?

769

код для вставкиСкачать
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
ГОУ ВПО
УФИМСКАЯ ГОСУДАРСТВЕННАЯ АКАДЕМИЯ
ЭКОНОМИКИ И СЕРВИСА
Кафедра «Информатика и ИКТ»
СОЗДАНИЕ ВЕБ-САЙТОВ В MICROSOFT FRONTPAGE
Часть 1
Методические указания
по выполнению лабораторной работы
по дисциплине «Введение в Интернет»
Уфа 2008
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Составитель: Сидоров М.Е.
УДК 004. 738.5 (07)
С57
Создание веб-сайтов в Microsoft FrontРage. Ч. 1: Методические указания
по выполнению лабораторной работы / Сост. М.Е. Сидоров. – Уфа: Уфимская
гос. академия экономики и сервиса, 2008. – 24 с.
Приведены методические указания, задания и вопросы для самоконтроля
по лабораторной работе в среде Microsoft FrontРage, включающие применение
технологий создания простого веб-сайта и созданиие веб-сайта с использованием мастера.
Предназначена для студентов специальностей: 080504.65 «Государственное и муниципальное управление», 080105.65 «Финансы и кредит»,
080109.65 «Бухгалтерский учет, анализ и аудит», 100103.65 «Социальнокультурный сервис и туризм», изучающих дисциплину «Введение в Интернет».
Рецензент:
Исхаков З.Ф. канд. техн. наук, доцент кафедры
«Информатика и ИКТ» УГАЭС
© Сидоров М.Е., 2008
© Уфимская государственная академия
экономики и сервиса, 2008
2
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
ОСНОВНЫЕ ОПРЕДЕЛЕНИЯ
Веб-страницы и веб-узлы
Веб-страницы являются основными документами в Интернете. Они записываются на языке HTML (Hypertext Markup Language – язык гипертекстовой разметки). Веб-страницы, как правило, бывают частью веб-узла.
Веб-узел (веб-сайт) – группа связанных между собой веб-страниц, размещенных на сервере HTTP в Интернете. Страницы в составе веб-узла обычно
посвящены одной или нескольким темам и связаны друг с другом гиперссылками. Веб-узел может располагаться на локальном диске или на сервере. На
большинстве веб-узлов имеются домашние страницы, служащие начальной
точкой просмотра.
Домашняя страница – основная страница веб-узла. Обычно содержит
гиперссылки на другие страницы, расположенные как на данном веб-узле, так
и за его пределами. Один веб-узел может содержать несколько домашних
страниц.
Страницы родительского уровня – страница, являющаяся родительской по отношению к другой странице, а также страницы, находящиеся на том
же уровне, что и родительская, непосредственно связанные с ней.
Страницы дочернего уровня – страницы, находящиеся на одном уровне ниже какой-либо другой страницы, непосредственно связанные с ней.
Страницы одного уровня – станицы, расположенные на одном уровне в
структуре переходов с общей родительской страницей.
Гиперссылки
Гиперссылка – цветной подчеркнутый текст или графический объект,
по щелчку которого выполняется переход к файлу, фрагменту файла или странице HTML в интрасети или Интернете. Часто гиперссылка указывает на другую веб-страницу, но может также указывать на рисунок, мультимедийный
файл, документ Microsoft Office, адрес электронной почты или программу. Например, при щелчке гиперссылки на страницу эта страница отображается в
веб-обозревателе, а при щелчке гиперссылки на avi-файл этот файл открывается в проигрывателе Windows.
Использование гиперссылок
 переход к файлу или веб-странице в локальной сети, в интрасети или в
Интернете;
 переход к файлу или веб-странице, которые будут созданы в будущем;
 отправка сообщения по электронной почте;
 запуск передачи файла, например загрузки файла или отправки файла
по протоколу FTP;
 переход к закладке.
При наведении указателя на текст или рисунок, содержащий гиперссылку, указатель принимает вид руки. Это означает, что данный элемент можно
щелкнуть.
3
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
При изменении страницы можно перейти по гиперссылке, чтобы открыть страницу или файл назначения. Например, после создания гиперссылки
перейдите по ней, чтобы убедиться, что переход осуществляется в заданное
место.
В Microsoft FrontPage переход по гиперссылке выполняется по-разному в
зависимости от типа назначения.
 назначение является веб-страницей. Указанная страница открывается для редактирования в представлении Страница.
 назначение является закладкой. Страница открывается и прокручивается до закладки.
 назначение является файлом. Файл открывается в связанном с ним
редакторе. Например, текстовый файл открывается в блокноте.
 назначение недоступно. Открывается копия указанной страницы или
файла.
Принципы работы адресов URL
При создании гиперссылки ее назначение кодируется в формате URL
(Uniform Resource Locator – универсальный указатель ресурсов).
Адрес URL содержит имя веб-сервера
или места в сети, путь и имя файла. Кроме
того, в адресе URL задается протокол работы
с файлом, например HTTP или FTP, как это
показано на следующем рисунке.
Абсолютные и относительные адреса URL
 абсолютный адрес URL содержит полный адрес, включая название
протокола, имя веб-сервера, путь и имя файла.
 в относительном адресе URL отсутствуют один или несколько компонентов. Недостающие сведения содержатся на странице, содержащей адрес
URL. Например, если не указаны название протокола и имя веб-сервера, в вебобозревателе используются протокол и домен, например .com, .org или .edu,
текущей страницы.
На страницах в Интернете часто используются относительные адреса
URL, содержащие только часть пути и имя файла. В случае перемещения файлов на другой сервер все гиперссылки продолжают работать, поскольку относительное расположение страниц при этом сохраняется. Например, пусть гиперссылка на странице Products.htm указывает на страницу Apple.htm в папке
Food. Если обе страницы будут перемещены в папку Food на другом сервере,
адрес URL, указанный в гиперссылке, останется правильным
СОЗДАНИЕ ПРОСТОГО ВЕБ-САЙТА
4
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Настройки
1. В меню Пуск выберите программу Microsoft FrontPage.
2. Если у Вас по умолчанию открылся веб-узел, то выполните команду
меню Файл, Закрыть веб-узел (или Закрыть, если открылась Веб-страница).
3. В меню Сервис, Параметры страницы на вкладке Общие установите Язык по умолчанию – русский, а на вкладке Шрифты по умолчанию кириллица.
Задание №1
1. В меню Файл выберите команду Создать.
В области задач Создание в группе Создать веб-узел, щелкните ссылку
Одностраничный веб-узел.
Рис. 1
2. В окне Шаблоны веб-узлов щелкните кнопку Обзор и укажите место для нового веб-узла – Рабочий стол. Щелкните кнопку Создать папку и
наберите имя папки, например, Сайт0, нажмите ОК и щелкните кнопку Открыть.
5
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 2
3. Выбрав место для нового веб-узла в окне Шаблоны веб-узлов выберите Одностраничный веб-узел, затем ОК. У Вас откроется новый сайт. В
меню Вид команда Список папок должна быть активной.
4. В окне Список папок выполните двойной щелчок на значке именем
index.htm..
5. Сохраните веб-сайт, командой меню Файл, Сохранить все.
6. Нажмите на панели инструментов кнопку Создание новой обычной
страницы. В сайт добавится страница нов_стр_1.htm. Измените имя на Религии.htm.
7. Нажмите на панели инструментов кнопку Сохранить все и сохраните
файл с именем Религии.htm.
Представления
Допускается изменение следующих представлений: Страница, Папки,
Отчеты, Переходы, Гиперссылки, Задачи.
6
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 3
Представление Страница
 чтобы включить или выключить отображение области Список папок,
щелкните пункт Список папок в меню Вид;
 чтобы включить или выключить отображение области Переходы,
щелкните пункт Область переходов в меню Вид;
 чтобы включить или выключить отображение тегов HTML, окружающих текст, рисунки и другие элементы страницы, щелкните пункт Показать
теги в меню Вид.
Тег – текстовая строка, используемая в HTML для определения типа,
формата и внешнего вида элемента страницы. Многие элементы имеют открывающие и закрывающие теги, определяющие начало и конец данного элемента.
 чтобы включить или выключить отображение кода HTML, в нижней
части страницы нажмите кнопку Код.
Вставка текста и рисунков в веб-страницы
Форматирование текста и абзацев в Microsoft FrontPage выполняется так
же, как в текстовом процессоре, и позволяет придавать тексту более организованный, выразительный и стройный вид. Использование стилей обеспечивает
единообразие форматирования. Например, чтобы основные заголовки выделялись из остального текста, примените к ним стиль Заголовок 1, а для текста
оставьте обычный стиль, используемый по умолчанию, в котором используется шрифт меньшего размера.
Стилем называется набор параметров знаков и абзацев.
Задание №2
1. В верхней части веб страницы index.htm введите текст Картинная
галерея и оформите его стилем Заголовок1. Ниже введите надпись – Религии.
7
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 4
2. В верхней части веб страницы Религии.htm введите текст Религии и
оформите его стилем Заголовок1. Ниже введите текст На главную.
3. Выполните команду меню Вставка, Рисунок, Картинки. На панели
Коллекция клипов щелкните ссылку Упорядочить картинки.
4. В окне Коллекция картинок откройте папку Коллекция Microsoft
Office.
Рис. 5
5. Скопируйте или перетащите на веб-страницу index.htm рисунок. Вебстраница будет иметь вид:
8
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 6
6. Скопируйте или перетащите на веб-страницу Религии.htm три рисунка друг под другом. Над каждым рисунком добавьте надписи, содержащие название рисунка.
Рис. 7
7. Сохраните веб-сайт, командой меню Файл, Сохранить все.
Создание гиперссылок на веб-страницы
Гиперссылка – это связь между веб-страницами или файлами. При
щелчке гиперссылки посетителем узла указанный в ней объект отображается в
веб-обозревателе, открывается или запускается в зависимости от типа этого
объекта.
Гиперссылки могут указываться различными способами. В вебобозревателях текстовые обычно подчеркиваются и отображаются другим
9
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
цветом. Например, гиперссылка может выглядеть так.
Гиперссылки в рисунках не всегда видны. Однако чтобы проверить, является ли рисунок гиперссылкой, достаточно навести на него указатель мыши.
При наведении на гиперссылку указатель мыши принимает вид руки с поднятым указательным пальцем
. Для привлечения внимания к гиперссылке
можно использовать в ней эффекты динамического формата HTML или анимацию. Вид гиперссылки должен передавать сведения о том, куда она указывает.
Задание № 3
1. На веб-странице index.htm выделите текст Религии и на стандартной
панели инструментов нажмите кнопку Добавление гиперссылки. В окне Добавление гиперссылки в области Связать с щелкните на файлом, вебстраницей, затем щелкните на файле Религии.htm и нажмите ОК.
Рис. 8
2. На веб-странице index.htm выделите рисунок и на стандартной панели
инструментов нажмите кнопку Добавление гиперссылки. В окне Добавление
гиперссылки щелкните на файле Религии.htm и ОК.
3. На веб-странице Религии.htm выделите текст На главную и на стандартной панели инструментов нажмите кнопку Добавление гиперссылки. В окне
Добавление гиперссылки щелкните на файле index.htm и ОК.
4. Переключитесь в режим Просмотр и проверьте работу гиперссылок.
5. Сохраните веб- сайт, командой меню Файл, Сохранить все.
Использование закладок
Закладкой называется определенное место или выбранный текст на странице, помеченные соответствующим способом. Закладки могут использоваться в
качестве назначений для гиперссылок. Например, если требуется показать посетителю узла определенную часть страницы, добавьте гиперссылку, в которой в
10
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
качестве назначения будет задана закладка этой части страницы. При щелчке
этой гиперссылки будет отображаться соответствующая часть страницы, а не ее
начало.
Закладки могут также использоваться для поиска определенных мест на
странице. Например, можно добавить
закладку для каждого основного заголовка на странице. При изменении страницы каждый раздел можно легко найти,
перейдя по соответствующей закладке.
Если закладка создается для места,
а не для текста, она обозначается значком. В противном случае текст подчеркивается штриховой линией.
Рис. 9
Задание №4
1. Переключитесь в режим Конструктор. На веб-странице Религии.htm установите курсор перед надписью Церковь
и выполните команду меню Вставка, Закладка. В Окне закладка введите имя закладки, например, церковь.
2. Установите курсор после надписи На главную и добавьте закладку На начало.
3. Выделите надписью Храм и выполните команду меню Вставка, Закладка. В окне Закладка оставьте имя закладки Храм и нажмите ОК. Аналогично для
следующей надписи: Мечеть.
4. В верхней части веб страницы,
под надписью На главную введите текст
для гиперссылок. Текст должен соответствовать названию картинок, например,
Церковь, Храм, Мечеть.
5. В верхней части веб-страницы
Религии.htm выделите надпись Церковь и
на стандартной панели инструментов нажмите кнопку Добавление гиперссылки.
В окне Добавление гиперссылки в области Связать с щелкните на местом в
документе, затем щелкните на имени закладки церковь и ОК. Аналогично создайте гиперссылки и на другие закладки.
11
Рис. 10
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
6. На веб-странице Религии.htm правее первой картинки введите надпись На начало. Выделите надпись На начало и на стандартной панели инструментов нажмите кнопку Добавление гиперссылки. В окне Добавление гиперссылки щелкните на имени закладки На начало и нажмите ОК.
Рис. 11
7. Скопируйте надпись-гиперссылку На начало правее остальных картинок.
8. Переключитесь в режим просмотр и проверьте работу гиперссылок.
9. Сохраните веб- сайт, командой меню Файл, Сохранить все.
СОЗДАНИЕ ВЕБ-САЙТА С ПОМОЩЬЮ МАСТЕРА
Определения
В Microsoft FrontPage имеется возможность создания веб-сайта с помощью мастера на основе стандартных шаблонов страниц, позволяющие быстро
создавать единообразные страницы для веб-узла. Шаблон – это предварительно разработанная страница, содержащая параметры страницы и форматирования, а также элементы страницы.
Задание № 5
1. Если у Вас открыт веб-узел, то выполните команду меню Файл, Закрыть веб-узел.
2. В меню Файл выберите команду Создать, а затем – Страница или
веб-узел.
3. В области задач Создание, в группе Создать веб-узел щелкните
ссылку Другие шаблоны веб-узлов.
4. В окне Шаблоны веб-узлов щелкните кнопку Обзор и укажите место для нового веб-узла – Рабочий стол. Щелкните кнопку Создать папку и
наберите имя папки, например, Сайт1. Выбрав место для нового веб-узла
щелкните кнопку Открыть.
5. В окне Шаблоны веб-узлов выберите значок Мастер корпоративного Веб-узла и щелкните кнопку ОК.
12
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Запустится Мастер создания корпоративного Веб-узла.
Шаг 1. Сведения. Щелкните кнопку Далее.
Шаг 2. Страницы. Оставьте только флажок – домашняя страница.
Щелкните кнопку Далее.
Шаг 3. Разделы. Оставьте только флажок – контактные сведения.
Щелкните кнопку Далее.
Шаг 4. Элементы. Установите все флажки для верхней части страницы и
снимите все флажки для нижней части страницы. Щелкните кнопку Далее.
Шаг 5. Стадия. Установите переключатель – Нет. Щелкните кнопку Далее.
Шаг 6. Организация Введите – Уфимский зоопарк. Щелкните кнопку
Далее.
Шаг 7. Контакты. Введите номер телефона и e-mail - [email protected]
Щелкните Далее.
Шаг 8. Задачи. Снимите флажок. Щелкните кнопку Готово.
6. Выполните команду меню Вид, Страница.
В окне Список папок выполните двойной щелчок на значке Index.htm.
Вы получите окно разработки сайта в виде.
Рис. 12
7. Удалите Примечания и кнопку Домашняя.
8. Удалите горизонтальную панель для гиперссылок (надпись: Измените свойства этой.. .).
9. Для эмблемы организации выберите в контекстном меню Свойства
рисунка и на вкладке Общие щелкните кнопку Обзор и выберите файл –
13
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
С:/Program
Files/
/Program
Files/Microsoft
Office/CLIPART/PUB60COR/AN04332_.WMF.
10. Выполните двойной щелчок на надписи
Домой, в окне Свойств установите переключатель Текст, введите надпись «Уфимский
зоопарк» и щелкните ОК.
11. Установите стиль надписи Уфимский
зоопарк – Заголовок1.
12. Выше контактных сведений введите
надпись «Приглашаем Вас посетить Уфимский зоопарк»
13. Сохраните веб-сайт, командой Файл,
Рис. 13
Сохранить все. Файл надо сохранить в папке Сайт1, с именем index.htm.
14. Нажмите на панели инструментов кнопку Создание новой обычной страницы. В сайт добавится страница нов_стр_1.htm, добавьте также
страницу нов_стр_2.htm.
15. Сохраните веб-сайт, командой Файл, Сохранить все, при этом замените имена страниц на Дикие животные и Домашние животные. Вы получите окно разработки сайта в виде.
14
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 14
Панель ссылок
Панель ссылок является набором гиперссылок, которые используются
для перемещения по веб-узлу. Панель ссылок может отображаться на каждой
странице веб-узла, чтобы его посетители всегда могли быстро переходить на
основные страницы. Панель ссылок может содержать кнопки или текстовые
гиперссылки.
Имеется возможность создать собственный набор ссылок для перемещения, то есть создать собственный набор кнопок и связать их соответствующими страницами на веб-узле и за его пределами, а затем разместить это набор на
каждой странице, где требуется панель ссылок. Кроме того, может быть создана структура переходов веб-узла, на основе которой автоматически будут созданы панели ссылок. В Microsoft FrontPage панели ссылок, созданные автоматически, обновляются: при перемещении или добавлении страницы соответствующим образом обновляется и панель ссылок, то есть обновляются содержащиеся на ней гиперссылки. В Microsoft FrontPage имеется три типа панелей
ссылок, которые могут добавляться на страницы.
 пользовательская панель ссылок (предлагается указать файлы для гиперссылок, кнопки навигации имеют надписи соответствующие названиям
веб-страниц);
 панель ссылок со ссылками назад и вперед (предлагается указать файлы для гиперссылок, но кнопки навигации имеют надписи назад и далее);
 панель ссылок на основе структуры переходов веб-узла (предлагается
выбрать структуру переходов).
При добавлении на страницу панели ссылок на основе структуры переходов указываются гиперссылки, которые должны отображаться. Эти гиперссылки зависят от положения страницы в структуре переходов.
15
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 15
Панель ссылок на основе структуры переходов веб-узла
Чтобы добавить панель ссылок на основе структуры переходов веб-узла,
необходимо сначала настроить эту структуру переходов. Структура переходов
определяет, какие гиперссылки должны быть добавлены на панель ссылок, а
названия страниц определяют названия соответствующих гиперссылок.
Структура переходов веб-узла может быть создана путем организации
страниц в представлении Переходы. Эта структура переходов показывает
связь между страницами веб-узла и обеспечивает возможность автоматической
настройки панели ссылок. При добавлении панелей ссылок на основе структуры переходов веб-узла каждая панель ссылок автоматически настраивается в
соответствии с этой структурой.
Задание № 6
1. В меню Вид щелкните Переходы. В структуре переходов появится
листик (прямоугольник) Уфимский зоопарк.
2. Из области Список папок перетащите значок файла Дикие животные
под листик Уфимский зоопарк, затем перетащите значок файла Домашние животные.
3. В контекстном меню листика Дикие животные выберите команду
Свойства и в окне свойств введите название Дикие животные.
4. Аналогично для листика Домашние животные.
5. В структуре переходов выделите каждый из листиков и на панели инструментов Переходы нажмите кнопку Включено в панели ссылок (если она
не нажата).
16
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 16
6. В меню Вид щелкните – Страница. Перейдите на страницу Дикие
животные, выполните двойной щелчок на надписи Новая страница 1 и в окне
Свойств введите надпись – Дикие животные. Аналогично для страницы Домашние животные.
7. Выполните двойной щелчок на вертикальной панели справа для гиперссылок (где имеется надпись: Измените свойства этой панели для отображения на не гиперссылок). В окне Свойства панели ссылок, на вкладке
Стиль выберите стиль кнопок, а на вкладке Общие установите переключатель
Дочерние страницы домашней и флажок домашняя страница. Щелкните ОК.
8. Проверьте работу гиперссылок.
Рис. 17
17
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 18
Вставка текста и рисунков в веб-страницы
Имеется возможность изменять шрифт, его размер, стиль и цвет, интервалы и вертикальное расположение текста, а также добавлять такие эффекты,
как подчеркивание. Кроме того, можно задавать отступы, добавлять маркеры и
номера, а также устанавливать выравнивание.
Форматирование может быть применено к выделенным словам или к целому абзацу. Общее правило таково: свойства шрифта (шрифт, его размер и
цвет, выделение и эффекты) могут применяться к выделенному тексту, а свойства абзаца (включая маркеры, нумерацию, заливку и границы) применяются к
целым абзацам. Например, курсивом может быть выделено одно слово в абзаце, но выровнять одно слово в абзаце по правому краю нельзя – будет выровнен весь абзац.
Задание № 7
1. Выполните команду меню Вставка, Рисунок, Картинки. На панели
Коллекция клипов щелкните ссылку Упорядочить картинки.
2. В окне Избранное откройте папку Коллекция Microsoft Office и папку Животные, Дикие. Скопируйте или перетащите рисунок на страницу Дикие
животные.
3. Откройте папку Животные, Домашние. Скопируйте или перетащите
рисунок на страницу Домашние животные.
4. Сохраните веб-сайт, командой Файл, Сохранить все.
Добавление динамических эффектов
Эффекты динамического формата HTML (DHTML) – расширение языка
HTML, добавляющее средства мультимедиа, доступа к базам данных и модель
объектов, которые могут использоваться программами для изменения стилей и
атрибутов элементов (объектов) страниц, а также для замены существующих
элементов (объектов) новыми.
18
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Чтобы показать панель инструментов Эффекты DHTML в меню Вид
укажите на пункт Панели инструментов и выберите команду Эффекты
DHTML.
Рис. 19
Задание № 8
1. На странице index в режиме конструктора выделите надпись Приглашаем Вас посетить Уфимский зоопарк и выполните команду меню Вставка,
Веб-компонент. В окне Вставка компонента веб узла выберите тип компонента: Динамические эффекты и эффект: Бегущая строка. Нажмите Готово.
В следующем окне установите свойства бегущей строки либо оставьте их поумолчанию.
2. Выделите надпись Контактные сведения Включите событие Наведение мыши и примените эффект Форматирование, и Выбрать границу. Задайте рамку, толщину и цвет. Затем установите эффект Выбрать шрифт, задайте начертание и размер.
3. Проверьте эффекты в режиме Просмотра.
4. Сохраните веб-сайт, командой Файл, Сохранить все. Сайт имеет
вид.
19
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Рис. 20
Рис. 21
Вопросы для самоконтроля
1. Дайте определения следующих понятий: веб-страница и веб-узел, гиперссылка, адреса URL.
2. В чем разница между абсолютными и относительными адресами URL?
3. В каких случаях используются закладки?
4. Какие панели ссылок используются в Microsoft FrontРage?
5. Какие динамические эффекты используются в Microsoft FrontРage?
6. В каких случаях в конструкторе Microsoft FrontРage текст подчеркивается штриховой линией?
7. Как изменить стиль кнопок в панели переходов?
20
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
СОДЕРЖАНИЕ
ОСНОВНЫЕ ОПРЕДЕЛЕНИЯ...……………………………………………….3
Веб-страницы и веб-узлы…………………………………………………………..3
Гиперссылки………………………………………………………………………...3
Использование гиперссылок......................................................................................4
Принципы работы адресов URL…………………………………………………...4
Абсолютные и относительные адреса URL.…..…………………………………4
СОЗДАНИЕ ПРОСТОГО ВЕБ-САЙТА..............................................................5
Настройки…………………………………………………………………………...5
Задание № 1…………………………………………………………………………5
Представления………………………………………………………………………6
Представление Страница………………………………...………………………..7
Вставка текста и рисунков в веб-страницы……………………………………….7
Задание № 2…………………………………………………………………………7
Создание гиперссылок на веб-страницы………………………………………….9
Задание № 3………………………………………………………………………..10
Использование закладок…………………………………………………………..10
Задание № 4………………………………………………………………………..11
СОЗДАНИЕ ВЕБ-САЙТА С ПОМОЩЬЮ МАСТЕРА…………………….12
Определения……………………………………………………………………….12
Задание № 5………………………………………………………………………..12
Панель ссылок……………………………………………………………………..15
Панель ссылок на основе структуры переходов веб узла....................................16
Задание № 6………………………………………………………………………..16
Вставка текста и рисунков в веб-страницы……………………………………...18
Задание № 7………………………………………………………………………..18
Добавление динамических эффектов…………………………………………….18
Задание № 8………………………………………………………………………..19
Вопросы для самоконтроля……………………………………………………….20
21
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
Составитель СИДОРОВ Михаил Евгеньевич
СОЗДАНИЕ ВЕБ-САЙТОВ В MICROSOFT FRONTPAGE
Часть 1
Методические указания
по выполнению лабораторной работы
по дисциплине «Введение в Интернет»
Технический редактор: С.А. Юдина
Подписано в печать 27.11.08. Формат 60×84 1/16.
Бумага газетная. Гарнитура «Таймс».
Усл. печ. л. 1,28. Уч.-изд. л. 1,5. Тираж 500 экз.
Цена свободная. Заказ № 114.
Отпечатано с готовых авторских оригиналов
на ризографе в издательском отделе
Уфимской государственной академии экономики и сервиса
450078, г. Уфа, ул. Чернышевского, 145; тел. (347) 241-69-85.
22
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
23
Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис»
24
Документ
Категория
Без категории
Просмотров
4
Размер файла
1 272 Кб
Теги
769
1/--страниц
Пожаловаться на содержимое документа