Практическая работа
Тема: Создание сайта
Цель работы: освоить приемы создания web-страниц и web-сайтов с помощью текстового процессора MS Word; оформление дизайна страницы; организация внутренних и внешних гиперссылок.
Оборудование, приборы, аппаратура, материалы: персональный компьютер, программа MS Word, интернет-браузер.
Краткие теоретические сведения.
В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word, Excel, PowerPoint и др. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа – WYSIWYG (что вижу, то и получаю). Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.
При создании сайта – группы взаимосвязанных Web-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.
При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже.
Конвертирование элементов оформления в HTML
Элемент документа Word |
ПреобразованиеWord ® HTML |
Размеры шрифтов |
В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта |
Текстовые
эффекты: |
Текстовые эффекты не сохраняются, но сам текст остается |
Начертания: |
Начертания шрифта остаются, но некоторые виды подчеркивания преобразуются в сплошную линию |
Анимация текста |
Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель "Web-компоненты") |
Графика |
Изображения преобразуются в формат GIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии |
Графические объекты: автофигуры, фигурный текст, надписи и тени |
Объекты преобразуются в файлы формата GIF. В среде редактирования Web-страницы можно вставить графические средства "Вставка" – "Рисунок" |
Таблицы |
Таблицы преобразуются, однако параметры, не поддерживаемые HTML, не сохраняются (например, цветные границы и границы переменой ширины) |
Нумерация страниц и колонтитулы |
Так как документ HTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация страниц не сохраняется |
Поля страниц и многоколонный текст |
Чтобы сохранить разметку страницы, следует использовать таблицы |
Стили |
Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML |
При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода. Это можно сделать, вызвав окно редактора через меню "Вид" – "Источник HTML". До того как перейти в этот режим, следует сделать сохранение файла. После завершения редактирования перед закрытием окна, файл также нужно сохранить.
Другая возможность перехода в режим редактирования НТМL – это открыть документ в Браузере и вызвать меню "Вид" – "В виде HTML". По умолчанию редактирование выполняется в Блокноте.
Хотя Word отображает документ практически в том же виде, в каком он в дальнейшем будет находиться в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.
В меню "Вид" установлены способы отображения документа Word. При выборе "Web-документ" файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню "Вид" можно вернуться к обычному режиму работы с документом.
Задание
Задание 1. Создайте с помощью текстового процессора MS Word web-сайт «Спорт», состоящий из четырех страниц:
Страница 1 должна содержать:
· заголовок;
· гиперссылки: «Волейбол», «Баскетбол», «Футбол».
Страницы 2, 3, 4 должны содержать:
· заголовок;
· по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);
· фотографии (минимум по одной на каждой странице).
Сайт должен содержать информацию о данных видах спорта, правила игры и фотографии.
Требования к сайту:
заголовки и гиперссылки выравнивать по центру;
для абзацев текста использовать различные варианты выравнивания (по ширине, по левому краю, по правому краю);
использовать разные способы выравнивания фотографий;
обязателен фоновый цвет страницы;
для заголовков использовать шрифт Arial, для основного текста – Verdana (размеры подобрать самостоятельно).
© ООО «Знанио»
С вами с 2009 года.