Вставка html в word

Обновлено: 06.07.2024

This article provides a step-by-step guide to how to create an HTML document, including items such as typing text and adding images and hyperlinks to your HTML document.

Create Your HTML Document

Use one of the following two methods to create your new HTML document.

Method 1

Start Microsoft Word.

In the New Document task pane, click Blank Web Page under New.

On the File menu, click Save.

NOTE: The Save as type box defaults to Web Page (*.htm; *.html).

In the File name box, type the file name that you want for your document, and then click Save.

Method 2

Start Microsoft Word.

Create a new blank document.

On the File menu, click Save as Web Page.

In the File name box, type the file name that you want for your document, and then click Save.

Add Text and Hyperlinks to Your HTML Document

Open the HTML document that you created earlier in this article. To do this, follow these steps:

On the File menu, click Open.

Browse to the location that you saved your article to, in the "Create Your HTML Document" section of this article.

Select the file and then click Open.

Type the following text into the document:

You can use Microsoft Word to create HTML documents as easily as you can create normal Word documents.

To create a hyperlink, select the words "Microsoft Word" in the text that you typed.

On the Insert menu, click Hyperlink.

Save your changes to the document.

Add an Image to Your HTML Document

Place your insertion point where you want to place an image in your document.

On the Insert menu, point to Picture, and then click ClipArt.

In the Insert ClipArt task pane, click Search.

NOTE: If you click Search without typing anything into the Search Text box, the search result will display all of the currently available images on your system.

In the Results section, select the image that you want to insert into the page.

Save your changes and then close the document.

Open an HTML Document in Word

Do one of the following.

If the New Document task pane is still displayed:

In the New Document task pane, select the document under Open a document. This opens the document directly.

If the New Document task pane is not displayed:

On the File menu, click Open.

In the Open dialog box, locate the HTML document that you created earlier, and then select it.

REFERENCES

For more information about HTML support in Word 2002, follow these steps:

Open Microsoft Word 2002.

On the Help menu, click Microsoft Word Help.

Click the Answer Wizard tab.

Type HTML in the What would you like to do? box, and then click Search.

Related topics will be displayed. Click any item to display the information.

Веб страница в Ворде может быть создана даже без каких-либо знаний HTML разметки, и далее мы рассмотрим, как это можно сделать. Создать в Ворде веб страницу можно двумя способами, создать с нуля или перевести в HTML формат уже готовый файл Word.

Создание веб страницы в Ворде с нуля начинается с создания нового документа Ворд. После создания нового документа следует установить режим просмотра «Веб-документ» на вкладке «Вид», что позволит отобразить страницу на ширину всего экрана.

При оформлении и заполнении страницы следует учесть тот факт, что при преобразовании данной страницы в HTML формат будут утрачены некоторые элементы оформления или преобразованы в другой вид. Некоторые из особенностей преобразования отображены в таблице ниже.

После оформления страницы или открытия уже готового файла Ворд можно переходить к сохранению документа Word как веб страницы. Для этого переходим на вкладку «Файл», выбираем меню «Сохранить как» и выбрав место сохранения указываем тип файла для сохранения «Веб-страница».

При сохранения документа Ворд как веб страницы будет создан файл с расширением *.htm, и папка с таким же названием и добавлением *.files в конце. В htm файле хранится вся текстовая информация и html разметка документа, а в папке будут сохранены все вставляемые в документ объекты и другие вспомогательные файлы.

Подобным образом создавая страницу за страницей можно создать простой HTML сайт, который при умелом оформлении будет достойно смотреться, иметь свое меню и очень быстро работать.

Курсы работы в Корде

Хотя вполне возможно сгенерировать HTML-страницу в Word, в большинстве случаев это не рекомендовано делать, если вы собираетесь использовать страницу в любой профессиональной или широко распространенной среде. Создание вашего личного сайта с помощью Word – это как строительство своего собственного дома из блоков LEGO: можно сделать и так, если у вас нет иного опыта, однако использование правильных инструментов или профессионала даст неизмеримо лучшие результаты.

Word предназначен для создания бумажных документов, которые имеют фиксированный размер страницы, шрифт и макет, в то время как размер страницы, шрифт и оформление, доступные для всех просматривающих веб-сайт, могут значительно отличаться от ваших. Ввиду того, что Word специально придуман для форматирования фиксированного документа, создаваемый код веб-страницы загружается в нестандартном бумажном стиле, который может отображаться не так, как вы подразумевали, в любых других браузерах, кроме Internet Explorer, собственной программы компании Microsoft.

Загрузите Word.

Напечатайте на странице «Homepage» (Домашняя страница).

Нажмите «Файл» (File) > «Сохранить как веб-страницу» (Save as Webpage). В Office 2007 кликните по кнопке «Офис» (Office) > «Сохранить как» (Save As) > «Другие форматы» (Other Formats).

Сохраните вашу страницу как index.html. Для Office 2007 поменяйте тип файла в меню «Сохранить как» (Save as type) на «Веб-страница» (Web Page).

Сейчас вы увидите, что страница выглядит не как обычный документ Word, – вы теперь находитесь в режиме наброска.

Добавьте немного дополнительного текста; попробуйте ввести, например, «Это моя домашняя страница».

Почаще сохраняйте свою работу (просто нажмите на значок сохранения – Word запомнит документ как веб-страницу).

Делайте то же самое при создании других страниц (прочитайте ниже, как сделать гиперссылку).

Введите «Link to homepage» (Ссылка на домашнюю страницу) под текстом.

Выделите текст.

Кликните «Вставка» (Insert) > «Гиперссылка» (Hyperlink) (для всех версий)

Поищите файл index.html.

Найдя файл, выберите его и нажмите на кнопку «ОК».

Обратите внимание, что вы только что создали гиперссылку. Это означает, что в браузере вы можете кликнуть по соответствующей гиперссылке и перейти на другую страницу своего сайта.

Вы можете добавить гиперссылку на другой сайт – в диалоговом окне «Вставить ссылку» (Insert Hyperlink) введите адрес веб-страницы в текстовом поле «Адрес» (Address).

Продолжайте делать так, пока ваш сайт не будет готов!

Вы хорошо потрудились. Однако не забывайте, о чем говорилось во введении к данной статье.

Советы

Предупреждения

Если вы планируете разместит свой сайт в интернете, будьте осторожны, чтобы не включить каких-нибудь личных данных, которые не намерены обнародовать в информации документа.
Как отмечено в заголовке статьи, создание HTML с помощью любого продукта Microsoft Office, кроме Expression Web, по большей части плохая идея. Тот факт, что программа может сохранять файл как HTML, не делает ее программным обеспечением для веб-дизайна.

Что вам понадобится

Компьютер
Microsoft Office Word (все версии)

Информация о статье

Эту страницу просматривали 29 127 раза.

Была ли эта статья полезной?

Цель работы: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Используемое программноее обеспечение: текстовый процессор Microsoft Word.

Замечание. Чтобы проверить, работает ли Web-мастер, выполните команду Файл —> Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит, можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.

Задание

В данной работе вы реализуете проект семейного сайта. Ниже вы видите макет главной страницы и макет «Папиной страницы». Макеты остальных страниц вы можете по аналогии создать сами.

1. Открыть текстовый процессор Word.

2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.

3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.

Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.

4. Вставить внутренние гиперссылки. Для этого:

=> установить курсор перед абзацем, начинающимся словами: «Моего папу зовут …»;
=> выполнить команду Вставка —> Закладка;
=> в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
=> в списке, расположенном выше, выделить слово «Папа»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
=> выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.

6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).

7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.

8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:

=> выделить первое в тексте слово «Биография»;
=> выполнить команду Вставка -> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
=> найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:

=> выделить текст «Московского государственного университета им. М. В. Ломоносова»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)

11. Установите автономный режим работы браузера.

12. Открыть с помощью браузера главную страницу семейного сайта (для этого достаточно дважды щелкнуть на значке файла с главной страницей в папке Мои документы). Проверить работу всех внутренних гиперссылок (внутри главной страницы, а также между страницами вашего сайта).

В Word для Интернета можно быстро вставлять веб-контент, например видео, формы, слайды и другие, из нескольких поддерживаемых источников, просто вставлять URL-адрес веб-контента в документ. Когда поддерживаемый URL-адрес вируется и обнаруживается как гиперссылка, он автоматически отображает соответствующий веб-контент в документе. Вы можете работать с содержимым (например, просмотреть видео), оставаясь в документе.

Все изменения в контенте источника автоматически обновляются в документе.

Поддерживаемые источники

Word для Интернета в настоящее время поддерживается встраив контент со следующих сайтов и служб. Число поддерживаемых источников растет. проверьте здесь, чтобы посмотреть обновленный список.

Pinterest (общедоступные пин-коды)

Как это работает

Ниже кратко описано, как работает эта функция.

Встраить содержимое

При подклеивке к Интернету в документ в Word для Интернета URL Word для Интернета URL-адрес.

Когда Word для Интернета распознает гиперссылки, она автоматически встраит содержимое. Вы можете использовать элементы управления веб-сайта для воспроизведения, приостановки, громкости и т. д.

Совет: Если URL-адрес не будет автоматически показываться как гиперссылка, нажмите пробел или введите его, а затем дождийтесь, пока Word обнаружит его как гиперссылки.

Отмена и повторное встраение

Если отменить действие в вставки (CTRL+Z), внедренное содержимое будет вставлено в гиперссылки.

Если вы повторить действие (CTRL+Y), гиперссылка снова станет внедренной веб-частью.

Вырезание и копирование внедренного содержимого

Вы можете вырезать или скопировать внедренное веб-содержимое, а затем вкопировать его в другое место в том же или другом Word для Интернета документе.

Поведение в Word для настольных компьютеров

Если открыть документ Word для Интернета в Word для рабочего стола, внедренное веб-содержимое появится в качестве статического изображения.

Когда вы откроете документ в Word для Интернета, внедренное веб-содержимое будет отображаться как ожидалось.

В некоторых местах документа не работает встраивка. Word для Интернета не разрешается вклеить веб-содержимое в списки, в headers and footers, comments, footnotes и концевые сноски.

Внедренное содержимое всегда отображается в новом абзаце Word для Интернета и не может быть больше.

Если вы хотите показывать URL-адреса как обычные гиперссылки, а не преобразовывать их во внедренное содержимое документа, перейдите в файл> О конфиденциальности>Параметры и отключите необязательные подключенные функции.

Документы HTML обычно используются для создания страниц с продвинутой гипертекстовой разметкой. Однако у некоторых пользователей может возникнуть необходимость выполнить преобразование HTML-файла в документ Word, то есть файл с расширением DOC (устаревший формат) или DOCX. К счастью, это можно вполне быстро и без проблем организовать.

Как конвертировать HTML файл в документ Word

Существует несколько стандартных методов выполнить конвертацию HTML-документа в DOC или DOCX. Можно использовать стандартные возможности Word, а можно воспользоваться сторонними программами или онлайн-сервисами. Далее рассмотрим все варианты.

Вариант 1: Использовать встроенные возможности Word

Для этого вам потребуется открыть файл в текстовом редакторе и выполнить его пересохранение в нужном формате. Word с обозначенной задачей справляется без каких-либо нареканий.

Процесс выглядит следующим образом:

Откройте папку, где расположен HTML-файл, который вам требуется преобразовать в формат Word.
Кликните правой кнопкой мыши по HTML-файлу. В контекстном меню нужно выбрать вариант “Открыть с помощью”. На первых позициях в следующем подменю вам будет предложено открыть с помощью Word. Нажмите по соответствующему пункту.

На выходе вы получите HTML-файл, преобразованный в один из документов Word.

Вариант 2: Программа Total HTML Converter

Программа Total HTML Converter как раз отвечает за конвертацию HTML-файлов в популярные поддерживаемые форматы, в том числе расширения Word. Она не занимает много места на компьютере, но при этом проста в использовании и справляется со своими задачами без каких-либо нареканий.

Процесс взаимодействия с Total HTML Converter выглядит следующим образом:

Скачайте программу на свой компьютер и выполните ее установку. Процесс установки не имеет каких-либо специфических черт, поэтому вам нужно будет только следовать инструкциям мастера установки.
После установки выберите расположение HTML-файла для преобразования. Это делается с помощью встроенного файлового менеджера в программе.
Выделите нужный HTML-файл для конвертации. Примечательно, что вы можете выбрать одновременно несколько файлов для конвертации, поставив напротив них отметки. непосредственно для открытия настроек преобразования кликните по кнопке в виде иконки Word с подписью “DOC”.

Вариант 3: Онлайн-сервисы

Так как в конвертации HTML-файлов в Word нет ничего сложного, то с данной задачей без проблем справляются и онлайн-сервисы, предназначенные для конвертации. Для примера мы рассмотрим процесс работы с известным сервисом Convertio. Он поддерживает все основные форматы файлов, в том числе HTML и DOCX.

Рассмотренный онлайн-сервис является самым популярным решением для конвертации файлов разных форматов. Однако, возможно, вам будет удобнее использовать какой-нибудь другой сервис с похожим функционалом. Конвертацию HTML в документ Word также поддерживают: ConvertFileOnline и Zamzar. Оба сервиса бесплатные.

Как видите, выполнить конвертацию HTML-файла в документ Word можно несколькими способами и все они одинаково эффективны. Если вы не хотите заморачиваться с этим, то можете просто открыть файл в программе Word и пересохранить его в нужном формате.

Читайте также: