- •Часть 1. Создание Web-страниц с помощью Word 5
- •Часть 2 Создание веб-узла с помощью Microsoft Office Publisher 2003 24
- •Часть 3. Создание Web- страницы с помощью языка html 34
- •Введение
- •Часть 1. Создание Web-страниц с помощью Word Создание Web-страницы
- •Создание Web-страниц на основе встроенных шаблонов
- •Создание пустой Web-страницы
- •Средства редактирования Web-страниц
- •Изменение фона Web-страницы
- •Форматирование символов текста
- •Создание маркированных и нумерованных списков
- •Вставка бегущей строки
- •Вставка горизонтальной линии
- •Вставка рисунков
- •Создание графических гиперссылок
- •Создание альтернативного текста для рисунков
- •Вставка и форматирование таблиц
- •Дополнительные средства редактирования Web-страниц
- •Оформление Web-страниц
- •Создание интерактивных форм
- •Создание Web-страниц с рамками
- •Часть 2 Создание веб-узла с помощью Microsoft Office Publisher 2003
- •Создание веб-узла с помощью мастера
- •Создание веб-узла «с нуля»
- •Создание веб-узла с использованием существующего html-файла
- •Добавление в веб-узел страницы нового типа
- •Панель навигации
- •Добавление панели навигации при создании веб-узла с нуля
- •Пикселы в качестве единиц измерения
- •Автоматическая настройка длины страниц
- •Имена файлов веб-страниц
- •Назначение имени файлу для веб-страницы, не являющейся домашней страницей.
- •Расположение вспомогательных файлов веб-узла во вложенных папках
- •Добавочная загрузка
- •Часть 3. Создание Web- страницы с помощью языка html Начало создания Web-страницы
- •Использование специальных символов
- •Формирование текста на странице
- •Вставка изображения
- •Списки перечисления
- •Ссылки на другие страницы
- •Вставка таблицы
- •Создание ссылки на электронную почту
- •Контрольное задание
- •Контрольный тест по дисциплине ит
- •Контрольные вопросы по дисциплине ит
- •Архитектура сети
- •Адресация в Интернете
- •Программа браузер
- •Литература
Имена файлов веб-страниц
Publisher 2003 позволяет задавать имена файлов каждой веб-страницы публикации. Это особенно удобно, если вы собираетесь разместить вспомогательные файлы веб-узла в папке. Имена файлов отображаются в строке адреса веб-обозревателя. Благодаря заданию имен файлов для веб-страниц (например, файл страницы "О нас" может назваться aboutus.htm) обеспечивается более профессиональное оформление веб-узла.
Примечания. По умолчанию в Publisher имена файлов для веб-страниц задаются автоматически при публикации веб-узла в Интернете. Если вы хотите самостоятельно выбрать имена для всех веб-страниц за исключением домашней страницы, выполните следующую процедуру.
В качестве имени файла для домашней страницы лучше всего использовать "index.htm", поскольку в этом случае домашняя страница по умолчанию отображается, когда посетители вводят URL-адрес веб-узла. Если не использовать "index.htm" в качестве имени файла домашней страницы, посетителям веб-узла придется вводить URL-адрес и точное имя файла домашней страницы, например http://www.adventure-works.com/yourfilename.htm.
Назначение имени файлу для веб-страницы, не являющейся домашней страницей.
Перейдите к странице, для которой требуется назначить имя файла.
В меню Сервис выберите команду Параметры веб-страницы.
В поле Имя файла группы Публикация на веб-узле введите имя веб-страницы. Имя файла не должно содержать пробелов и специальных знаков.
Расположение вспомогательных файлов веб-узла во вложенных папках
В меню Сервис выберите команду Параметры.
Щелкните вкладку Веб. Установите флажок "Создать папку для вспомогательных файлов" и нажмите кнопку ОК.
Добавочная загрузка
Обслуживание веб-узла и обновление его содержания зачастую может отнимать больше времени и сил, чем его разработка. Publisher 2003 позволяет сэкономить время благодаря использованию новой функции добавочной загрузки.
При использовании дополнительной функции добавочной загрузки Publisher создает на сервере особый XML-файл, с помощью которого осуществляется отслеживание изменений веб-страниц. Когда в веб-публикацию вносятся изменения и ее требуется повторно опубликовать, этот файл используется в Publisher для отслеживания измененных страниц и загрузки только соответствующих файлов.
Если у вас небольшой веб-узел или вы планируете внести изменения во многие страницы веб-узла, использовать эту функцию не требуется. Однако эта возможность может обеспечить существенную экономию времени при обслуживании крупного веб-узла, загрузка которого занимает много времени, или если планируется внести изменения в небольшое число веб-страниц. Как использовать функцию добавочной загрузки
В меню Сервис выберите команду Параметры.
Щелкните вкладку Веб. Убедитесь, что установлен флажок Включить добавочные публикации в Интернете, и нажмите кнопку ОК.
Часть 3. Создание Web- страницы с помощью языка html Начало создания Web-страницы
HTML-файл или HTML-страница – документ, созданный в виде гипертекста на основе языка HTML. Такие файлы имеют расширение .html или .htm.
Каждый HTML- документ начинается с тега <html> и заканчивается тегом </html>, состоит из двух частей: заголовка и тела.
Заголовком является все, что расположено между тегами <head> и </head>, а телом – все, что расположено между тегами <body></body>.
Название документа заключается между тегами <title> </title>, которое будет отображаться вверху окна браузера.
В теле HTML- документа располагается информационное содержание.
Атрибуты bgcolor и text тега <body> обеспечивают установку цвета фона и текста.
<FONT> </FONT> - определяет тип, размер и цвет шрифта. Все эти характеристики определяются при помощи следующих атрибутов:
SIZE - задает размер шрифта и принимает числовое значение.
COLOR – атрибут цвета.
Соответствие имен цветов и их шестнадцатеричных представлений приведены в таблице 1.
Пример текста HTML-программы (рис.1):
Текст HTML-программы |
Комментарий |
<html> |
Начало HTML-кода |
<head> |
Начало головной части |
<title> Моя домашняя страничка </title> |
Заголовок окна документа |
</head> |
Конец головной части |
<body bgcolor=white |
Начало тела документа с атрибутом - цвет фона |
text=black> |
Определение цвета текста |
Приветствую Вас на своей домашней страничке |
Текст |
</body> |
Конец тела программы |
</html> |
Конец HTML-кода |
Рис.1 HTML-код создаваемой страницы
Созданный HTML- документ нужно сохранить с расширением .html и просмотреть Web-страницу в окне браузера (рис.2).
Рис.2 Созданная Web-страница
Таблица 1. Соответствие имен цветов и их шестнадцатеричных представлений
Цвет |
Имя цвета |
Шестнадцатеричное представление |
Черный |
black |
#000000 |
Серый |
gray |
#808080 |
Синий |
blue |
#0000FF |
Коричневый |
maroon |
#800000 |
Красный |
red |
#FF0000 |
Зеленый |
green |
#008000 |
Желтый |
yellow |
# FFFF00 |
Белый |
white |
# FFFFFF |
Задания для самостоятельного выполнения
Создайте Web-страницу о своей группе.
Наполните ее различной информацией.