Создание Web-страниц в MS Word
ЧОУ ВПО ИНСТИТУТ ЭКОНОМИКИ, УПРАВЛЕНИЯ И ПРАВА
Реферат
на тему:
Создание Web-страниц в MS Word
Выполнил:
студент 511 группы факультета менеджмента и маркетинга
Пичеев Роман Владимирович
Проверил:
доцент
Слабнов Виктор Дмитриевич
СОЗДАНИЕ ВЕБ-СТРАНИЦ
Начиная с Word 2000, формирование веб-страниц перестало сильно отличаться от создания стандартных документов. Команды Word и интерфейс программы практически не зависят от того, над каким документом ведется работа: над обычным текстом или над веб-страницей в формате HTML, а существующие небольшие различия мы рассмотрим далее.
Поскольку формат HTML теперь является одним из стандартных форматов Word, применяющимся наравне с обычными форматами .doc или .rtf (Rich Text Format – расширенный текстовый формат), то при сохранении документов в этом формате остаются доступными большинство основных средств редактирования (исключения мы рассмотрим ниже). Даже если какая-то настройка не влияет на отображении документа в браузере, например, размер полей страницы, все подобные параметры сохраняются в HTML-файле и используются при открытии документа в окне Word. Соответственно, можно сохранить обычный документ Word в формате HTML, а позже открыть HTML-файл и преобразовать его назад в документ Word почти без потери элементов форматирования.
Для создания в Word веб-страницы требуется выполнить три основных действия.
Создание новой веб-страницы
Выберите команду Файл ► Создать (File ► New) и в открывшейся области задач Создание документа (New Document) щелкните на одной из ссылок:
- Новая веб-страница (Blank Web Page) создает пустую веб-страницу
- Чтобы создать веб-страницу
на основе встроенного шаблона,
- Можно создать набор связанных между собой веб-страниц (называемый веб-узлом или сайтом). Для этого выберете на вкладке Веб-страницы элемент Мастер веб-страниц (Web Page Wizard). Мастер веб-страниц позволяет сформировать узел из нескольких страниц (для каждой можно выбрать шаблон), определить папку для хранения, организовать систему гиперссылок, соединяющих страницы, и применить тему для однотипного оформления страниц. После создания мастером веб-узла можно открыть, изменить и добавить различные элементы на отдельные страницы.
- Чтобы открыть существующую
веб-страницу или обычный
Редактирование и
Введите или отредактируйте текст
веб-страницы, добавьте графические
элементы, отформатируйте документ с
помощью стандартных
- Некоторые из элементов
форматирования не
- При редактировании веб-страниц Word обычно позволяет применять средства, не поддерживаемые браузером. Как упоминалось выше, эти элементы сохраняются в HTML-файле и используются при последующих открытиях документа в Word. Но программа предоставляет возможность запретить использование большинства инструментов символьного, абзацного и табличного форматирования, несовместимых с определенным браузером. Для этого выберите команду Сервис ► Параметры, откройте вкладку Общие, нажмите кнопку Параметры веб-документа (Web Options) и перейдите на вкладку Обозреватели (Browsers). На ней выберите в раскрывающемся списке версию браузера и убедитесь, что в расположенном ниже списке установлен флажок Отключение компонентов, не поддерживаемых этими обозревателями (Disable Features Not Supported By These Browsers. Word во всех диалоговых окнах отключит не поддерживаемые средства. А если документ уже содержит какой-либо из этих атрибутов форматирования, то при сохранении файла программа сделает запрос и, получив положительный ответ, преобразует подобные элементы, если это возможно, в аналогичные, но поддерживаемые браузером. Учтите, что Word отключает средства только для веб-страниц, поэтому, чтобы запретить их использование для обычного документа, который потом станет веб-страницей, следует сохранить его в формате HTML.
- Интерфейс Word при работе с веб-страницей немного отличается от стандартного. Например, кнопка Создать (New Blank Document) заменяется кнопкой Новая веб-страница (New Web Page). В меню Файл появляется команда Версии (Versions), а в меню Вид – команда Источник HTML (HTML Source), позволяющая напрямую редактировать HTML-код веб-страницы.
- Помимо основных инструментов Word предоставляет элементы и средства форматирования, предназначенные специально для создания веб-страниц (и других электронных документов). Это гиперссылки, линии-разделители, звуковые и видеоклипы, фоновые звуки, бегущие строки, формы для сбора информации, фреймы, позволяющие одновременно просматривать несколько страниц, веб-компоненты, служащие для перемещения на другие страницы и просмотра информации на групповых веб-узлах. В средства форматирования входят фоновый цвет, узор и темы.
- Лучше всего редактировать
веб-страницы в режиме веб-
Сохранение веб-страницы
Если на шаге создания новой веб страницы создавалась новая веб-страница или открывалась существующая, можно воспользоваться обычными командами Сохранить или Сохранить как – документ по умолчанию сохраняется в формате HTML. Но если шла работа со стандартным документом Word, следует выбрать команду Файл ► Сохранить как веб-страницу (File ► Save As Web Page).
Word использует несколько форматов HTML. Задать специфичный формат позволяет раскрывающийся список Тип файла (Save As Type) в диалоговом окне Сохранение документа:
- Веб-страница (*.htm; *.html). Веб-страница сохраняется в HTML-файле, но все графические и другие сопутствующие данные записываются в отдельные файлы. При этом запоминаются все элементы Word, содержащиеся в документе вне зависимости от их поддержки браузерами.
- Веб-архив (*.mht; *.mhtml). Весь документ сохраняется в одном файле веб-архива. Также запоминаются все элементы Word.
- Веб-страница с фильтром (*.htm; *.html). Веб-страница записывается так же, как и в первом варианте, но сохраняется только необходимая информация, а неподдерживаемые браузерами элементы Word отбрасываются.
ЭЛЕМЕНТЫ ВЕБ-СТРАНИЦ
Перечисленные ниже и рассматриваемые
в следующих подразделах
- Гиперссылки
- Горизонтальные разделяющие линии – разделители
- Видео и звуковые клипы, фоновые звуки
- Бегущая строка
- Веб-формы
- Рамки, служащие для создания фреймов
- Веб-компоненты
Добавление и использование гиперссылок
Гиперссылки бывают текстовые или графические. Они связывают фрагменты текста или рисунок с целевым объектом, который может быть веб-страница, документ Office, любой другой файл или папка, расположенные на жестком или сетевом диске или узле Интернета. В качестве целевого объекта также может использоваться определенное место в текущем документе или в другом файле. Или, например, электронный адрес. В результате щелчка на гиперссылке на экран выводится целевой объект или отправляется сообщение по целевому электронному адресу. Щелкать на гиперссылке можно, когда документ открыт в Word или отображается в браузере (для веб-страниц). Гиперссылки используются в документах Word любого типа, но, конечно на веб-страницах они имеют особое значение, потому что представляют средство перехода между страницами веб-узла или связи с другими веб-узлами.
Создается гиперссылка следующим образом:
- Выделите текст или рисунок, к которому требуется присоединить гиперссылку, или расположите курсор там, куда нужно вставить гиперссылку. Во втором случае ее тип будет определен позже.
- Откройте диалоговое окно Добавление гиперссылки (Insert Hyperlink), выбрав команду Вставка ► Гиперссылка (Insert ► Hyperlink), нажав кнопку Добавление гиперссылки на стандартной панели инструментов или нажав клавиши Ctrl+K.
- Введите или отредактируйте текст гиперссылки в поле Текст (Text To Display). Пропустите это действие, если на шаге 1 был выделен нужный текст или гиперссылка назначается рисунку.
Панель Связать с (Link To), расположенная в левой части диалогового окна, предназначается для определения типа целевого объекта гиперссылки:
- если это существующий документ или веб-страница, выделите вариант Файлом, веб- страницей (Existing File Or Web Page);
- если гиперссылка будет соединена с конкретным местом в документе, выделите вариант Местом в документе (Place In This Document);
- чтобы создать новый документ или веб-страницу и сделать его целевым объектом гиперссылки, выделите Новым документом (Create New Document);
- вариант Электронной почтой (E-Mail Address) соединяет с электронным адресом – щелчок на гиперссылке вызывает отправку письма по этому адресу.
Остальные элементы диалогового окна зависят от выбранного типа целевого объекта.
- Если на шаге 3 был выбран первый вариант, определите целевой документ или веб-страницу одним из следующих методов:
- Введите путь к целевому файлу или его URL в поле Адрес (Address).
- Чтобы выбрать целевой файл или папку на локальном или сетевом диске, щелкните на кнопке Текущая папка (Current Folder) и выделите файл в основном списке либо с помощью раскрывающегося списка Папка (Look In) и кнопки На один уровень вверх (Up One Folder) перейдите к желаемой папке. Также можно щелкнуть на кнопке Поиск файла (Browse For File) и определить целевой файл в диалоговом окне Связать с файлом (Link To File), оформленным так же, как стандартное окно Открытие файла.
- Присоедините недавно просматривавшуюся в Интернете страничку или файл с диска, щелкнув на кнопке Просмотренные страницы (Browsed Pages) и выбрав объект в основном списке.
- Чтобы присоединить недавно открывавшийся файл, щелкните на кнопке Последние файлы (Recent Files) и выберите файл в основном списке.
- Чтобы запустить поиск целевого объекта в Интернете, щелкните на кнопке Интернет (Browse The Web).
- Чтобы присоединить определенное место в целевом файле, щелкните на кнопке Закладка (Bookmark) и в открывшемся диалоговом окне укажите заголовок или закладку в документе.
5. Если на шаге 4 был выбран вариант Местом в документе, определите целевой заголовок или закладку в основном списке.
6. Если на шаге 4 был выбран вариант Новым документом, определите имя и расположение нового документа или веб-страницы, введя название в поле Имя нового документа (Name Of New Document) и задав путь с помощью кнопки Изменить (Change).
7. Если на шаге 4 был выбран вариант Электронной почтой, введите целевой адрес в поле Адрес эл. почты (E-Mail Address) и при необходимости введите тему письма в поле Тема (Subject).
8. Чтобы Word или браузер показывал всплывающую подсказку, когда указатель мыши находится над гиперссылкой, щелкните на кнопке Подсказка (Screen Tip) и введите ее текст.
9. Наконец, нажмите кнопку OK.
Чтобы изменить определенную гиперссылку, выделите ее и откройте диалоговое окно Вставка гиперссылки, которое теперь будет называться Изменение гиперссылки (Edit Hyperlink). Здесь можно отредактировать параметры гиперссылки или удалить ее щелчком на кнопке Удалить ссылку (Remove Link).
Если щелкнуть на гиперссылке в окне Word и если целевым объектом является стандартный документ Office, можно для перемещения между посещенными местами в текущем документе и в открытых документах использовать панель инструментов Веб-узел (Web. Эта панель автоматически появляется на экране при первом щелчке на гиперссылке, но ее можно вывести самостоятельно выбрав команду Вид ► Панели инструментов ► Веб-узел или щелкнув правой кнопкой мыши на любой панели инструментов и указав Веб-узел в контекстном меню.
Вставка горизонтальных разделительных линий
С помощью горизонтальной разделительной линии можно отделять друг от друга можно отделять друг от друга различные части документа, их также применяют вместо горизонтальной границы выше и ниже абзаца. Хотя разделители являются типичным элементов веб-страниц, их можно вставлять в любые документы Word. В отличие от границ разделительная линия представляет собой отдельный элемент документа, который можно выделять, удалять, перемещать и форматировать. Ею может быть обычная плоская горизонтальная линия или графическое изображение, тогда разделитель становится декоративным элементом страницы.
Чтобы вставить горизонтальную линию, выполните следующие действия:
- Поместите курсор в то место, где требуется разделить документ. Разделитель будет вставлен перед курсором и займет отдельную строку.
- Выберите команду Формат ► Границы и заливка (Format ► Borders And Shading) и щелкните на кнопке Горизонтальная линия (Horizontal Line). Откроется одноименное диалоговое окно, содержащее библиотеку доступных разделителей.
- Выделите нужную линию. Первый элемент библиотеки (в верхнем левом углу) является стандартным плоским разделителем. Word создает линию, добавляя тег <HR> - horizontal rule (горизонтальная линия). Отдельные элементы библиотеки создают разделитель из графического файла, добавляется HTML-тег <IMG> - image (изображение).
Чтобы добавить в библиотеку новую линию, щелкните на кнопке Импорт (Import) и выберите файл в открывшемся диалоговом окне.
Диалоговое окно Горизонтальная линия позволяет искать линии по ключевому слову – его следует ввести в поле Искать текст (Search Text) и нажать кнопку Поиск (Search). Чтобы после поиска показать все линии, оставьте поле Искать текст пустым и нажмите кнопку Поиск
- Нажмите кнопку OK.
Когда в документ вставлена хотя бы одна линия, появляется удобный способ добавления последней из них. Щелкните на стрелке вниз, расположенной рядом с кнопкой Границы (Borders) на панели инструментов Форматирование или на панели Таблицы и границы, и щелкните на элементе палитры Горизонтальная линия. А если хотя бы раз воспользоваться этим способом, для дальнейшего добавления данного разделителя достаточно будет просто щелкнуть на кнопке Границы.
Чтобы изменить положение вставленной в документ горизонтальной линии, выделите ее щелчком мыши и перетащите в новое место. Нажатие клавиши Delete при выделенной линии удаляет ее.
Чтобы отформатировать выделенную горизонтальную линию, откройте диалоговое окно Формат горизонтальной линии (Format Horizontal Line) с помощью команды Формат ► Горизонтальная линия или дважды щелкнув на линии. Это диалоговое окно позволяет настроить ширину, высоту и выравнивание линии любого типа. Кроме того, можно изменить цвет и обрезку стандартной линии, цвет, яркость и контраст графической линии. Учтите, что применение темы приведет к изменению всех разделителей в документе.
Добавление фильмов и звуков
Чтобы оживить документ, можно вставить в него клип или фоновый звук. Эти элементы функционируют при просмотре документа Word и веб-страницы в браузере.
Добавить видеоклип или
Видеоклип или фильм представляет собой последовательность кадров со звуком, показываемых в прямоугольной рамке, находящейся в документе. Чтобы вставить видеоклип, выполните следующие действия:
- Щелкните на кнопке Фильм (Movie) на панели инструментов Веб-компоненты. Откроется одноименное диалоговое окно.
- В поле Фильм (Movie) введите путь к файлу, содержащему видеоклип, или нажмите соответствующую кнопку Обзор (Browse) и определите положение файла в диалоговом окне Открыть (Open). Файлы, в которых хранятся видеоклипы, имеют различные форматы. Word поддерживает стандартные файлы, имеющие следующие расширения: .avi, .mov, .movie, .mp2, .mpeg, .mpg и .qt.
- При желании в диалоговом окне Фильм можно задать или изменить следующие настройки:
- Чтобы браузер показывал
- Чтобы браузер отображал текст, если недоступны клип и рисунок, введите в поле Замещающий текст (Alternate Text).
- Задайте момент проигрывания клипа, выбрав подходящий пункт в списке Начинать (Start).
- Можно определить, сколько раз будет проигрываться клип после запуска. Для этого выберете любой пункт списка Число повторов (Loop). Если нужно, чтобы клип проигрывался постоянно, установите вариант Бесконечно (Infinite).
- Нажмите кнопку OK.
Если потребуется изменить клип, в окне Word щелкните на правой кнопкой мыши и в контекстном меню выберите команду Свойства (Properties) или дважды щелкните на клипе, чтобы открыть диалоговое окно Фильм.
Чтобы в любой момент времени просмотреть фильм в Word или в Internet Explorer, независимо от заданного количества раз проигрывания, щелкните на клипе правой кнопкой мыши и выберите в контекстом меню команду Воспроизведение (Play). Команда Остановить (Stop) этого же меню служит для остановки проигрывания клипа.
При медленном соединении с Интернетом обычно клип загружается довольно долго. Чтобы не заставлять посетителей страницы ждать загрузки клипа, можно добавить на страницу гиперссылку на клип вместо него самого.
Если к веб-странице или другому документу присоединить фоновый звук, Word или браузер начнет проигрывать его при открытии файла. Добавляется фоновый звук следующим образом:
- Щелкните на кнопке Звук (Sound) панели инструментов Веб-компоненты. Откроется диалоговое окно Фоновый звук (Background Sound).
- Введите путь к звуковому файлу в поле Звук (Sound) или щелкните на кнопке Обзор и определите файла в открывшемся диалоговом окне. Word поддерживает звуковые файлы следующих форматов: .wav, .mid, .midi, .rmi, .au, .aif, .aiff и .snd.
- В списке Число повторов (Loop) выберите, сколько раз будет проигрываться файл. Вариант Бесконечно (Infinite) соответствует постоянному звучанию.
- Нажмите кнопку OK.
Звуковые клипы аналогичны видеоклипам. После вставки звукового клипа в документе появляется значок, двойной щелчок на котором вызывает проигрывание клипа. Можно отключить фоновый звук на время работы с документом в Word, переключившись в режим конструктора. Для этого предназначается кнопка Режим конструктора (Design Mode) панели инструментов Веб-компоненты.
Вставка бегущей строки
На веб-страницах часто
Создание веб-форм
Веб-форма – это набор таких элементов, как флажки, кнопки, списки и текстовые поля, служащие для сбора сведений от читателей электронного документа Word или веб-страницы. Например, на веб-страницу можно добавить форму, позволяющую посетителям запрашивать информацию, просить прислать им информационный бюллетень или оставлять свои имена и комментарии в гостевой книге.
Чтобы вставить веб-форму, выполните следующее:
- Расположите курсор там, где будет находиться первый элемент формы.
- Выведите на экран панель инструментов Веб-компоненты, выбрав команду Вид ► Панели инструментов ► Веб-компоненты.
- Вставьте элемент. Для этого нужно щелкнуть на подходящей кнопке панели инструментов. Программа сделает следующее:
- Вставит в документ верхнюю и нижнюю границы формы.
В дальнейшем элементы формы следует
располагать между этими
- Переключится в режим конструктора, в котором можно изменять или добавлять элементы формы. Если выйти из этого режима, элементы начинают функционировать в соответствии со своим назначением, то есть разрешается установка флажков или ввод текста в текстовые поля. Для переключения в режим конструктора и обратно служит кнопка Режим конструктора (Design Mode) панели инструментов Веб-компоненты.
Обязательно вставьте в форму кнопку для передать данных – это может быть или кнопка Submit (щелкните на кнопке Отправить(Submit) на панели инструментов Веб-компоненты) или кнопка с рисунком (щелкните на кнопке Отправить с изображением (Submit With Image) той же панели инструментов).
Любая из этих двух кнопок предназначается для отправки пользователем введенных в форму данных.
Кроме того, форма может содержать любой текст, описывающий ее элементы, предоставляющий инструкции или другую информацию.
- Если требуется, настройте элементы формы. Для этого дважды щелкните на элементе и определите его параметры в диалоговом окне Свойства (Properties).
У кнопок отправки данных есть свойство Action (Действие). Ему можно назначить URL вспомогательной программы или сценарий на сервере, который получает и обрабатывает информацию формы. Также свойству Action можно назначить электронный адрес через протокол mailto. Тогда в результате щелчка на кнопке отправки текущее содержимое формы посылается в виде электронного сообщения по указанному адресу.
- Закончив создание формы, щелкните на кнопке Режим конструктора, чтобы вернуться к обычному режиму редактирования.
Рамки
В окне Word или веб-браузере можно демонстрировать одновременно несколько документов, показывая их в отдельных фреймах или рамках, представляющих собой настраиваемые области окна.
Мастер веб-страниц
Добавление веб-компонентов
Word 2002 предоставляет несколько компонентов веб-страницы, которые позволяют ее посетителям переходить на другие страницы или просматривать информацию, хранящуюся на корпоративном веб-узле SharePoint. Эти компоненты можно добавлять только на веб-страницы, размещенные на веб-серверах с подходящим программным обеспечением (требования перечислены ниже).
►Панель ссылок (Link Bar) – это готовый набор кнопок с гиперссылками, дающий возможность читателям страницы перемещаться к другим страницам или документам текущего веб-узла, так и других узлов в Интернете. Чтобы воспользоваться панелью ссылок, необходимо разместить страницу на веб-сервере, на котором работает программное обеспечение Microsoft FrontPage, - серверные расширения 2000 или SharePoint Team Services.
►Представление списка (List View) – позволяет посетителю страницы просматривать и отслеживать элементы, хранящиеся в списках на групповом веб-узле SharePoint. В интерактивных списках содержится информация разных типов: реклама, объявления, контактные сведения, новости, ссылки на другие узлы Интернета, отчеты, краткое изложение задач, которые требуется выполнить, и вспомогательная информация. Чтобы иметь возможность воспользоваться интерактивным списком, следует разместить страницу на веб-сервере с установленным программным обеспечением SharePoint Team Services.
►Представление библиотек документов (Document Library View) позволяет посетителю страницы просматривать документы, хранящиеся в библиотеках, расположенных на веб-узлах совместного доступа SharePoint. Чтобы добавить его, необходимо разместить страницу на веб-сервере, на котором установлено расширение SharePoint.
ФОРМАТИРОВАНИЕ ВЕБ-СТРАНИЦ
Наиболее популярными
- Фон
- Темы
Фон
На веб-страницах в качестве фона можно использовать сплошной цвет, стандартную узорчатую заливку и рисунок, извлекаемый из графического файла, который определяется с помощью подменю Фон (Background) меню Формат.
- Чтобы фоном стал стандартный сплошной цвет, выберите один из цветов в палитре подменю.
- Получить возможность выбора из большого спектра сплошных цветов или создать дополнительный цвет можно, воспользовавшись командой Другие цвета (More Colors).
- Чтобы применить в качестве фона узор, текстуру или рисунок, выберите команду Способ заливки (Fill Effects), которая открывает одноименное диалоговое окно. Его первые три вкладки – Градиентная (Gradient), Текстура (Texture) и Узор (Pattern) – предоставляют большую коллекцию стандартных фоновых текстурных заливок. Четвертая вкладка Рисунок (Picture) позволяет использовать для фона рисунок, находящийся в каком-либо графическом файле.
- Команда Нет заливки (No Fill) удаляет назначенный фон.

- Создание автоматизированной системы ведения государственного земельного кадастра
- Создание автоматизированных систем для кадрового агентства «Зойзберг»
- Создание автомобиля
- Создание автомоечного комплекса
- Создание антигитлеровской коалиции
- Создание ателье – мини-фабрики по пошиву трикотажных изделий
- Создание базы данных
- Созвездия зодиака
- Созвездия – участки звёздного неба
- Создавший впечатление
- Создание HTML страниц. Основные команды языка
- Создание Web-приложений в среде Delphi
- Создание web-сайта
- Создание Web- страниц