Как сделать сайт в ворде: Как сделать web страницу в word?

Как сделать сайт в Worde

Пошаговое
руководство как сделать сайт за 20 минут

при помощи Microsoft Word.

1.      
Создаем на диске новую
папку, в которой будут храниться файлы нашего будущего сайта и назовем ее My_Site (можете придумать
свое название)

2.      Открываем текстовый редактор Microsoft Word 
и сохраняем новый, пока еще пустой файл как Web страницу под именем index в нашей папке  My_Site 
( Меню > Файл 
>  Сохранить как Web страницу). Важно! Имя первой главной
страницы на которую будут попадать посетители вашего сайта должно быть index.htm или index.html , в именах
Web страниц не
используйте заглавных букв.

3.     
Устанавливаем  цвет фона ( 
Меню > Формат > Фон )

4.      Для
более удобного позиционирования объектов (текст, рисунки и т.д.) на будущей Web странице,
воспользуемся таблицей

( Меню > Таблица
> Добавить > Таблица), нам вполне хватит таблицы из трех столбцов и
одной строки.

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

5.      Теперь
вставим в среднюю ячейку 
какой-нибудь  рисунок, либо
рекламный баннер партнерской программы (Меню > Вставка > Рисунок >
Из файла). После вставки рисунка, Word  автоматически
создает каталог index.files ,
где размещает все вставленные файлы рисунков, этот каталог со всем его
содержимым нужно будет загрузить на сервер хостинга об этом будет написано
ниже.

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

Текстовая
гиперссылка

7.      Теперь
создадим вторую страницу аналогично первой, назовем ее page01 и сохраним в нашем каталоге  My_Site
как Web страницу.

Для того чтобы посетитель
смог перейти на страницу page01
с нашей главной страницы и обратно поставим гиперссылки (если обе страницы
находятся в одном каталоге, как в нашем примере, то при создании гиперссылки
совсем НЕ обязательно указывать полный путь к странице, достаточно указать ее
имя)

Главная страница  index.htm с ссылкой для перехода на страницу page01.htm

Страница  page01.htm и ссылкой для возврата на главную
страницу index.htm

Таким образом можно создавать все остальные страницы
вашего сайта вставлять в них текст, рисунки, гиперссылки, фотографии и т.д.

Имена файлов ваших Web страниц могут быть произвольными, но
помните что в именах не должно содержаться заглавных букв и имя первой главной
страницы вашего сайта должно быть  index.htm или
index.html .  Word вполне подходит для создания небольших Web страниц, но более удобными и
профессиональными являются специальные визуальные редакторы FrontPage и Dreamweaver MX , их описание вы найдете в нашей библиотеке.

Пример
созданных Web страниц можно посмотреть здесь

Размещение
сайта в сети.

После того
как сайт создан его нужно разместить в Интернете. Рассмотрим пример размещения
на бесплатном хостинге narod.ru

1.     
Для начала вам нужно выбрать имя вашего сайта и нажать
на кнопку Занять. (Имя
вашего сайта будет выглядеть так: http://имя_сайта.narod.ru  вместо имя_сайта будет
название вашего сайта ).  Если имя свободно, то вы попадете на страницу
регистрации, если же имя занято, то вам будет предложено выбрать другое имя
(имя сайта должно содержать только латинские буквы и цифры, в имени сайта
нельзя использовать заглавных букв).

2. После
успешной регистрации переходим к загрузке нашего сайта на хостинг. Для этого
откройте свой web браузер, в строке адреса
введите ftp.narod.ru и нажмите Enter. Далее: введите в форму имя вашего сайта (без окончания narod.ru),
пароль и нажмите Вход.

2.     
Скопируйте все файлы и подкаталоги из каталога My_Site в ftp://ftp.narod.ru/  (замете ИЗ каталога, а не весь каталог), если все сделано правильно,
то ваш сайт сразу же станет доступным по адресу http://имя_сайта.narod.ru 

3.   Привлечь первых посетителей на ваш сайт
можно разными способами, самый простой это воспользоваться  САР  или почтовыми сервисами.       См. также Раскрутка сайта.

Сохранение документа в виде веб-страницы

Примечание: Эта статья выполнила свою задачу, и в скором времени ее использование будет прекращено. Чтобы избежать появления ошибок «Страница не найдена», мы удаляем известные нам ссылки. Если вы создали ссылки на эту страницу, удалите их, и вместе мы обеспечим согласованность данных в Интернете.

Если вам нужно сохранить документ Word как веб-страницу, лучше использовать веб-страницу с фильтром «с фильтрацией».

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

1. Выберите файл > Сохранить как и укажите папку, в которой вы хотите сохранить документ.

2. Присвойте файлу имя.

3. В списке Тип файла выберите пункт веб-страница с фильтром.

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

2. Нажмите кнопку Сохранить.

Советы

Чтобы сохранить свойства документа и другие сведения о приложении Word на веб-странице, выберите один из файлов. Но размер файла станет больше, чем больше 10-кратно.

Чтобы сохранить рисунки в отдельной папке, в текстовой части веб-страницы выберите нужный тип. Когда вы захотите опубликовать веб-страницу, опубликуйте ее в папке «рисунки».

Чтобы просмотреть HTML-код веб-страницы, найдите его в проводнике, щелкните его правой кнопкой мыши, наведите указатель на пункт Открыть с помощьюи выберите Internet Explorer. Щелкните правой кнопкой мыши страницу в Internet Explorer и выберите пункт Просмотр исходного кода.

Другие способы предоставления общего доступа к документу через Интернет

Приложение Word разрабатывалось для создания и печати документов. В Word 2013 теперь у вас есть и другие варианты, позволяющие поделиться вашими идеями и работать в Интернете.

Сохранение документа в виде записи в блоге

Если вы хотите написать сообщение в приложении Word, вы можете сохранить его в виде записи блога. В Word сохраняется не менее объем информации, чем при работе с содержимым. Опубликованный документ использует стили блога.

1. Щелкните файл > поделиться > Опубликовать как запись блога.

2. Щелкните Опубликовать как запись блога.

При первой публикации документа в блоге Word поможет зарегистрировать свою учетную запись в блоге.

Сохранение на OneDrive и общий доступ

Вы можете поделиться документом с друзьями и коллегами, сохранив его в OneDrive и Приглашай для просмотра.

1. Щелкните файл > сохранить как > OneDrive.

2. Выберите расположение в OneDrive папках.

3. Введите имя файла и нажмите кнопку Сохранить.

Затем пригласить других пользователей для просмотра вашего документа. Если у пользователей нет Word, документ автоматически откроется в Word в Интернете.

1. Откройте вкладку Файл и выберите пункты Общий доступ > Пригласить пользователей.

1. Добавьте свои адреса электронной почты.

2. Выберите команду Общий доступ.

Дополнительные сведения можно найти в разделе предоставление общего доступа к документу с помощью SharePoint или OneDrive.

Сохранение в виде PDF-файла

Чтобы преобразовать документ в PDF- файл , вы можете опубликовать его на сайте, а затем выбрать команду > Сохранить как. В списке Тип файла выберите PDF.

8 Создание Web-страниц с помощью Word

ТЕМА 8
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ WORD

В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word, Excel, PowerPoint и другие. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа – WYSIWYG (что вижу, то и получаю). Огромное количество людей, использующих Word в своей повседневной работе становятся потенциальными разработчиками HTML-документов.

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

Первый способ создания HTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.

Второй способ — преобразование существующего документа Word в тэги HTML при сохранении файла-Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.

Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds.htm, Word создает папку frieds.files, в которой и разместит все рисунки.

Поэтому при создании сайта – группы взаимосвязанных Web-страниц, рекомендуется помещать сайт в отдельную папку, и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).

Рекомендуемые файлы

Таблица 8.1

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

Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.

ОСНОВНЫЕ ТЕРМИНЫ

ASCII (American Standard Code for information Interchange – Американский стандартный код для обмена информацией) –  семиразрядный код для представления текстовой информации.

GIF (Graphics Interchange Format – формат обмена графикой) – используется для немногоцветных четких изображений, поддерживает прозрачные области и анимацию.

HTML (Hyper Text Markup Language) – язык разметки гипертекстов.

JPEG (Joint Photography Experts Group – объединенная группа экспертов по машиной обработке фотоизображений) – распространенный формат растровой графики, который идеально подходит для сканируемых фотографий.

Web—page (Web-страница) – электронный документ, предназначенный для размещения (размещенный) в Интернет.

Web—site (Web-сайт) – совокупность Web-страниц, связанных между собой темой, гиперссылками и близким расположением в Интернет.

Web server (Web-сервер) – сервер, предназначенный для размещения Web-сайтов в Интернет, и предоставляющий услуги по запросам клиентов.

WYSIWYG (What You See Is What You Get – что вижу, то и имею) – тип редакторов, в которых документ отображается так, как он будет напечатан или представлен в Интернет.

ЗАДАНИЕ № 8
Тема: Создание Web-сайта на основе программных приложений
MS Office (Word и Excel)

Часть 1. Создание группы Web-страниц методом преобразования
документов MS Office

1. На рабочем диске подготовить папку для размещения Ваших документов.

2. Создать документ Word следующего содержания.

Главный заголовок, например Объект WordArt:

Далее 3 – 4 абзаца о своем происхождении (краткая автобиография).

Затем разместить текст:

«Далее Вы можете узнать подробности:»

И создать оглавление, состоящее, например, из 2-х пунктов.

Мои увлечения

Мои друзья

3. Оформить документ и сохранить в своей папке на жестком диске под именем main.doc.

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby.doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем friends.xls.
Для вычисления средних значений должны быть использованы формулы.

Рис. 8.2. Пример таблицы для файла friends.xls

5.1. Построить графики, иллюстрирующие сведения о Ваших друзей. Расположить графики, под таблицей, подогнать размеры таблицы и графиков.

5.2. Подготовить лист к печати:

5.2.1. Настроить параметры вкладки «Страница…» в режиме Предварительного просмотра, создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.

6.2. Сохранить документ и проверить работоспособность гиперссылки. Возврат в Главный документ выполнять с помощью кнопки   на панели инструментов

7. В главном документе установить закладку на заголовок Мои увлечения. Дать ей название «Хобби». Сохранить документ.

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

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок  можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле hobby.doc гиперссылка должна обеспечивать переход на закладку «Хобби».

9. Сохранить документы и проверить работу гиперссылок.

10. Создать группу связанных Web-страниц, методом преобразования подготовленных документов.

10.1. Подготовить папку для Web-документов с именем My_Web.

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web, указав
 Тип файла: Web-страница (*.htm; *.html)

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web-документы, начиная с main.htm. Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.

12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание: Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в Microsoft Word for Windows» или кнопкой  на панели инструментов.

13. Сохранить и закрыть все документы, скопировать папку My_Web на диск A:. Предъявить работу Web-страниц преподавателю.

Часть 2. Создание новых Web-документов с помощью
приложений MS Office

1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. приложение).

2. Создать папку с именем Presentation, а в ней папку для Ваших рисунков — Gallery.

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов формата bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.

4. Создать отдельный файл для каждой страницы с помощью текстового процессоа Word (стр.1,2,4). Для Страницы 3 использовать готовый файл friends.htm. Сохранять файлы в формате htm или html в папке Presentation.

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index.htm.

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовков использовать объект WordArt, для прочих – стиль Заголовок

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат» – «Фон» – «Способы заливки») или тематическое оформление (меню «Формат» – «Тема»).

4.1.4. Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении Web-странички. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактора Word.

4.2.1. Для создания документа воспользоваться пунктом меню «Файл»-«Создать», в открывшемся диалоговом окне «Создание документа» выбрать вкладку «WEB-станицы» и пиктограмму «Новая WEB-страница». Сохранить чистую WEB-страницу в папке Presentation, дав странице имя на английском языке childhood.htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку, отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки Gallery.

4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета близкие к цвету текстуры или темы главной страницы.

4.2.5. Сохранить документ и просмотреть его в Internet Explorer. При необходимости отредактировать.

4.3. Создать третью страницу на основе созданного в Части 1 файла friends.htm.

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation.

4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4. Создать четвертую страницу сайта с помощью редактора Word.

4.4.1. Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке Gallery.

4.4.2. Создать файл в папке Presentation, с именем university.htm.

4.4.3. Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке Gallery. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word документ index.htm, и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

5.2. Сохранить файл и обновить его просмотр в броузере. Проверить правильность выполнения переходов по гиперссылкам.

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

Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Gallery.

7. Сохранить изменения в файлах и обновить просмотр сайта в Internet Explorer.

8. Просмотреть содержание каждого из вновь созданных файлов в формате HTML.

8.1. Найти тэги, обеспечивающие вставку гиперссылок, рисунков.

8.2. Убедиться, что ссылки на рисунки имеют относительную адресацию. В противном случае отредактировать их.

9. Скопировать папку Presentation со всем ее содержимым на диска А: или на диск C: в папку Temp. Протестировать работу сайта, запустив его просмотр из нового места размещения.

10. Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.

Приложение

Структура сайта

Страница 1 (главная страница)

Страница 2 (Мое детство)

Бесплатная лекция: «4. Табель форм документов» также доступна.

Страница3 (Мои друзья) – использовать ранее созданный Web-документ friends.htm, созданный с помощью Excel.

Страница 4 (Мои университеты)

Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ

О Вашем факультете, ссылка на сайт Вашего факультета.

Перевести страницу в Word — Как перевести HTML в Word

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

Урок: Как перевести FB2 в Ворд

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

Содержание

Открытие и пересохранение файла в текстовом редакторе

Текстовый редактор от Майкрософт может работать не только с собственными форматами DOC, DOCX и их разновидностями. На деле, в этой программе можно открывать и файлы совершенно других форматов, в их числе и HTML. Следовательно, открыв документ этого формата, его можно будет пересохранить в том, который вам нужен на выходе, а именно — DOCX.

Урок: Как перевести Ворд в FB2

1. Откройте папку, в которой находится HTML-документ.

2. Кликните по нему правой кнопкой мышки и выберите «Открыть с помощью» — «Word».

3. HTML-файл будет открыт в окне Ворда точно в том же виде, в котором он бы отображался в HTML-редакторе или во вкладке браузера, но не на готовой веб-странице.

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

4. Поработав над форматированием текста (если это необходимо), сохраните документ:

• Откройте вкладку «Файл» и выберите в ней пункт «Сохранить как»;
• Измените имя файла (опционально), укажите путь для его сохранения;
• Самое важное — в выпадающем меню под строкой с именем файла выберите формат «Документ Word (*docx)» и нажмите кнопку «Сохранить».

Таким образом вы сумели быстро и удобно преобразовать файл формата HTML в обычный текстовый документ программы Ворд. Это лишь один из способов, но отнюдь не единственный.

Использование программы Total HTML Converter

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

Урок: Как перевести DjVu в Ворд

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

Скачать Total HTML Converter

1. Загрузив программу на свой компьютер, установите ее, внимательно следуя инструкции инсталлятора.

2. Запустите HTML Converter и, используя встроенный браузер, расположенный слева, укажите путь к HTML-файлу, который вы хотите преобразовать в Word.

3. Установите галочку напротив этого файла и нажмите на панели быстрого доступа кнопку со значком документа DOC.

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

4. Укажите путь для сохранения преобразуемого файла, если это необходимо, измените его имя.

5. Нажав «Вперед», вы перейдете к следующему окну, где можно выполнить настройки конвертирования

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

7. Далее можно задать размеры полей.

Урок: Как настроить поля в Ворде

8. Перед вами появится долгожданное окно, в котором уже и можно будет начать конвертирование. Просто нажмите кнопку «Начать».

9. Перед вами появится окно об удачном завершении преобразования, автоматически будет открыта папка, которую вы указали для сохранения документа.

Откройте конвертированный файл в программе Microsoft Word.

Если это требуется, отредактируйте документ, уберите теги (вручную) и пересохраните его в формате DOCX:

• Перейдите в меню «Файл» — «Сохранить как»;
• Задайте имя файла, укажите путь для сохранения, в выпадающем меню под строкой с именем выберите «Документ Word (*docx)»;
• Нажмите кнопку «Сохранить».

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

Мы рассмотрели еще один возможный метод преобразования HTML в Ворд, но и это не последний вариант.

Урок: Как перевести текст с фотографии в документ Word

Использование онлайн-конвертеров

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

ConvertFileOnline Convertio Online-Convert

Рассмотрим методику преобразования на примере онлайн-конвертера ConvertFileOnline.

1. Загрузите HTML-документ на сайт. Для этого нажмите виртуальную кнопку «Выберите файл», укажите путь к файлу и нажмите «Открыть».

2. В окне ниже выберите формат, в который требуется преобразовать документ. В нашем с вами случае это MS Word (DOCX). Нажмите кнопку «Конвертировать».

3. Начнется преобразование файла, по завершению которого будет автоматически открыто окно для его сохранения. Укажите путь, задайте имя, нажмите кнопку «Сохранить».

Теперь вы можете открыть конвертированный документ в текстовом редакторе Майкрософт Ворд и выполнить с ним все те манипуляции, которые можно делать с обычным текстовым документом.

Примечание: Файл будет открыт в режиме защищенного просмотра, более детально о котором вы можете узнать из нашего материала.

Читать: Режим ограниченной функциональности в Word

Для отключения режима защищенного просмотра просто нажмите кнопку «Разрешить редактирование».

Совет: Не забудьте сохранить документ, закончив работу с ним.

Урок: Автосохранение в Ворде

Вот теперь уж мы точно можем закончить. Из этой статьи вы узнали о трех различных методах, с помощью которых можно быстро и удобно преобразовать HTML-файл в текстовый документ Word, будь то DOC или DOCX. То, какой из описанных нами методов выбрать, решать вам.

Создание web страниц с помощью word. Как создать web-страницу

ТЕМА 8. СОЗДАНИЕWEB-СТРАНИЦ С ПОМОЩЬЮ WORD

В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word, Excel, PowerPoint и др. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа – WYSIWYG (что вижу, то и получаю). Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.

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

Первый способ
созданияHTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.

Второй способ
– преобразование существующего документаWord в тэги HTML при сохранении файла Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.

Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками frieds. htm
Word создает папку frieds. files
, в которой и разместит все рисунки.

В соответствии с этим при создании сайта – группы взаимосвязанных Web-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

Конвертирование элементов оформления вHTML

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

Другая возможность перехода в режим редактирования НТМL – это открыть документ в Браузере и вызвать меню «Вид» – «В виде HTML». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, в каком он в дальнейшем будет находиться в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.

В меню «Вид» установлены способы отображения документа Word (рис.8.1). При выборе «Web-документ» файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню «Вид» можно вернуться к обычному режиму работы с документом.

https://pandia.ru/text/78/284/images/image002_81.gif»>Автобиография» href=»/text/category/avtobiografiya/» rel=»bookmark»>автобиография).

Мои увлечения

Мои друзья

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby. doc
в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному ниже образцу, сохранить под именем friends. xls

https://pandia.ru/text/78/284/images/image004_38.jpg»>

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

5.1. Построить графики
, иллюстрирующие сведения о Ваших друзях. Расположить графики, под таблицей подогнать размеры таблицы и графиков.

5.2. Подготовить лист к печати: настроить параметры вкладки «Страница…» в режиме Предварительный просмотр, создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main. doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню – Вставить») на соответствующие документы.

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

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок Буфер» href=»/text/category/bufer/» rel=»bookmark»>буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main. doc. В файле hobby. doc
гиперссылка должна обеспечивать переход на закладку «Хобби».

10. Создать группу связанных Web-страниц методом преобразования подготовленных документов.

10.1. Подготовить папку для Web-документов с именем My_Web.

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web
, указав:

Тип файла
: Web-страница (*.htm; *.html)

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web-документы, начиная с main. htm
. Проанализировать, какие элементы документов изменились или вовсе исчезли. Попытаться сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.

12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание!
Для перехода из Браузера в режим редактирования нужно воспользоваться меню «Файл» – «Править вMicrosoft Word for Windows» или кнопкой на панели инструментов.

II. Создание новых Web-документов с помощью приложенийMS Office

1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. прил. 8.1).

2. Создать папку с именем Presentation
, а в ней – папку для Ваших рисунков Gallery
.

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery
в виде отдельных файлов форматов bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3–10 кбайт.

4. Создать отдельный файл для каждой страницы с помощью текстового процессора Word (Страницы 1, 2, 4). Для Страницы 3 использовать готовый файл friends. htm
. Сохранять файлы в формате htm или html в папке Presentation
.

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index. htm

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовка использовать объект WordArt, для прочих – стиль Заголовок.

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат
» – «Фон
» – «Способы заливки
«) или тематическое оформление (меню «Формат
» – «Тема
«).

4.1.4. Просмотреть в Браузере изменения в структуре папок, произошедшие при сохранении Web-страницы. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактораWord.

4.2.1. Для создания документа воспользоваться пунктом меню «Файл
«-«Создать
«, в открывшемся диалоговом окне «Создание документа
» выбрать вкладку «Web-страницы
» и пиктограмму «Новая Web-страница
«. Сохранить чистую Web-страницу в папке Presentation
, дав странице имя на английском языке childhood. htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку
, отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2 раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы. Рисунок вставить из папки Gallery
.

4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета, близкие к цвету текстуры или темы главной страницы.

4.3. Создать третью страницу на основе созданного в частиI файла friends. htm

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation
.

4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4. Создать четвертую страницу сайта с помощью редактораWord.

4.4.1. Подготовить рисунок – вид здания СПбГУТ. Сохранить рисунок в папке Gallery
.

4.4.2. Создать файл в папке Presentation с именем university. htm

4.4.3. Вставить в файл рисунок – вид здания СПбГУТ, предварительно сохраненный в папке Gallery
. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word
документ index. htm
и, последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

6..gif»>MsoNormalTable»>

Приветствие

Представление –

краткое резюме

Рисунок или

фотография

Пишите мне
(адресe-mail)

Страница 2 (Мое детство)

Страница 3 (Мои друзья)
.Использовать ранее созданный Web-документ friends. htm,
созданный с помощью Excel.

Страница 4 (Мои университеты)
.Привести полное название Университета, адрес сайта СПбГУТ, картинку с фотографией главного здания СПбГУТ. Написать несколько слов о Вашем факультете, дать ссылку на сайт Вашего факультета.

Контрольные вопросы

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

В ходе прохождения вычислительной практики:

· разработали педагогический сценарий на тему индивидуального задания;

· разработали Web-страничку,которая реализует розработанный педагогический сценарий;

· настроить и протестировать розработанную Web-страничку с помощью программы Internet Explorer;

· подготовить отчет по вычислительной практике;

Во время прохождения практики мы научились:

· сохранять документы Word как веб-страницы;

· просматривать веб-страницы в режиме разметки Web;

· сохранять веб-страницы в папке Web;

· создавать веб-страницы с помощью Мастера веб-страниц.

World Wide Web — это система документов, связанных между собой гиперссылками.
Гиперссылки позволяют переходить от одного документа к другому. Документы могут включать текст, рисунки, аудио- и видеофайлы. Для форматирования документов в формате HTML (основной формат файлов World Wide Web) существуют некоторые ограничения. Например, в этих документах без специальных ухищрений обычно не удается разместить текст в нескольких колонках, а также не удается выравнять его по обоим краям страницы.

Каждая веб-страница представляет собой обычный текстовый файл с указанными в виде команд параметрами форматирования для текста, графики и гиперссылок. Этот файл называется источником HTML, поскольку соответствующие команды записаны в формате языка разметки гипертекста (Hypertext Markup Language, HTML). Браузер (программа, позволяющая читать информацию в документах World Wide Web) распознает веб-страницу и отображает ее на экране так же, как в режиме веб-страницы это делает Word.

Увидим, что в режиме просмотра Web текста удобно читать, так как он отображается крупными буквами и строки автоматически переносятся, адаптируясь к ширине страницы. В этом режиме просмотра текст молено редактировать и форматировать.

В версии Word 2000 формат файлов Интернета (HTML) используется как один из форматов Word. Это значит, что может и не потребоваться специальное преобразование документов Word в формат Web. Если вы открываете уже готовую веб-страницу, то Word автоматически будет ее сохранять в этом же формате. Если вы начинаете работу с документом в Word, то для преобразования его в формат, пригодный для Интернета, вам понадобится специальная команда сохранения. Сейчас мы создадим документ, внесем в него некоторые изменения и сохраним как веб-страницу.

1. Откройте файл Книжное обозрение.doc, который мы создали на одном из предыдущих занятий.

2. Выберите команду Вид > Разметка страницы.

Вы увидите документ, оформленный в несколько колонок (рис.1)

На экране появится окно диалога Сохранение документа, показанное на рис. 2.В нем вы можете выбрать компьютер, диск или папку для сохранения документа.

Рис.1.

Рис. 2

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

Заголовок — это имя документа, под которым он будет опубликован в Интернете. Различные поисковые системы используют содержание таких заголовков для первоочередного поиска. Если вы хотите, чтобы ваши документы легко можно было найти в огромном количестве опубликованных в Интернете материалов, старайтесь давать им содержательные заголовки.

4. Щелкните на кнопке Мои документы. На экране отобразится содержимое этой папки.

5. Дважды щелкните на значке Работа.

6. Выделите имя файла в поле Имя файла.

7. Введите имя Мой веб-документ.

Word преобразует документ в формат HTML, чтобы его. можно было просматривать в Интернете (рис.3).

Рис. 3.

Обратите внимание, что теперь документ отображается на экране без колонок. Они могут выводиться на экран в режиме разметки страницы, но при просмотре в окне браузера они отображаться не будут (рис. 4).

Рис. 4

При сохранении документов в формате HTML Word сохраняет графику и другие объекты из этого документа в отдельных файлах.

Не все догадываются, насколько мощные инструменты по работе с текстом нам предлагает Microsoft Word. Благодаря этому редактору мы создадим свой первый функциональный сайт в интернете бесплатно. При этом никакими специфическими знаниями владеть не надо. Достаточно наличия минимальных навыков по работе с данным широкоизвестным текстовым редактором.

Первые шаги по созданию сайта в Ворде

Создаём свой сайт в Ворде (здесь и далее имеется в виду Microsoft Word), как говорится, с чистого листа. Можно начать со ставшей уже классикой фразы «Hello world», что в русском переводе: «Здравствуй мир». Хотя я бы написал на своей первой страничке в интернете так «Это моя первая страница в интернете. Ура!».
Пишем эту (или любую другую) фразу в Ворде на вновь созданной страничке, выбираем в меню «Файл» (в Word 2003), или после нажатия на кнопку «Office» (вверху слева в Word 2007), команду «Сохранить как» и сохраняем документ как «Веб-страница (*.htm; *.html)». Название придумайте сами, но оно должно быть на латинице, например «stranitsa», рекомендую назвать её «index» – дальше нам это очень пригодится при размещении сайта в интернете.
Веб-страницы называют ещё html-страницами (от названия языка html — языка гипертекстовой разметки, на базе которого основаны все сайты в интернете).

Таким образом, вы создали свою первую страницу: index.htm. Кликните по файлу (два раза конечно ), и вы увидите свою веб-страницу в просмотрщике веб-страниц или браузере (от английского «browser» – обозреватель), установленном на вашем компьютере по умолчанию.

На сегодняшний день существует несколько популярных браузеров. Это Internet Explorer, Firefox, Opera, Chrome и другие. Каким браузером пользоваться – зависит только от ваших предпочтений.

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

Небольшое отступление. Вы можете написать любой текст в Ворде на вашей новой странице и точно в таком же виде его увидят любые посетители вашего сайта (разместим нашу страницу в интернете во второй части цикла статей по созданию сайта в Ворде).
На самом деле не всё так безоблачно, так как не все браузеры совместимы между собой на 100% (та же ситуация с поддержкой интернет стандартов отображения страниц) и бывает, что отображение страницы в браузере и в Ворде не полностью совпадают. Есть, к счастью, очень простой и универсальный способ решения данной проблемы – после сохранения нашей странички, мы просмотрим её в паре браузеров от разных производителей, например в Internet Explorer’е (установлен у вас по умолчанию) и в Firefox’е. Благо все браузеры бесплатны.
Таким образом, мы будем уверены, что любой пользователь в интернете увидит тоже, что и мы.
Любые несоответствия в браузере и в Вордовском документе мы тут же подкорректируем (например, выравнивание), обычно это делается изменением свойств элемента страницы Ворда (строки, слова, таблицы). После сохранения документа убеждаемся, что у нас всё хорошо и продолжаем работать дальше.

Немаловажно, что Ворд может проверить наш текст на наличие орфографических и грамматических ошибок, что является большим плюсом. Наличие ошибок на вашем сайте является дурным тоном.

Теперь начинайте экспериментировать с самыми базовыми элементами Ворда. Нарисуйте таблицу любой сложности, вставляйте любые рисунки, клипы, фигуры (доступно в меню «Вставка»), меняйте фон страницы и цвета отдельных элементов (например, цвет у каждой ячейки может быть разным). Делайте, что душе угодно. Ворд предоставляет массу готовых решений для оформления вашего документа (веб-страницы в нашем случае).

В Ворде работа с таблицами происходит в разы быстрее и удобнее чем в любом современном веб-редакторе.

Всё дело в том, что одним из популярных способов создания веб-страниц в интернете является размещение сложной таблицы на странице, и расстановка различных элементов (картинок, меню, любого текста) происходит в ячейках таблицы. Мы пойдём по этому же пути и убедимся в чрезвычайной простоте работы с таблицами в Ворде.

Проделайте следующее. Нарисуйте в Ворде любым удобным вам способом таблицу 6×6 ячеек. Закрасьте ячейки в шахматном порядке красным цветом. Для простоты вы можете указать в свойствах ячейки красный цвет и на каждой ячейке, которую необходимо окрасить, нажать «F4» (копирование формата). Пример таблицы на рисунке внизу.

Вы можете воспользоваться для практики уже готовыми файлами с примерами в ворде. Загрузите zip-архив с этим и другими примерами.
Выделите таблицу, кликнув левой кнопкой мыши на квадратике с крестиком в левом верхнем углу таблице и по правому клику мышки выберите «Границы и заливка». В открывшейся вкладке «Граница» установите «Тип»: Нет.

Ваша таблица будет иметь невидимую окантовку (бордюр) и другие линии. Далее сохраняйте ваш документ в виде веб-странички и просматривайте её в браузере.
На этом примере был показан основной принцип работы со страницами при помощи таблиц, т.е. мы заполняем ячейки необходимой информацией и потом делаем все линии таблицы невидимыми.

Когда мы начнём работать с основным материалом на странице, то настойчиво рекомендую вам сохранять Вордовский файл в качестве веб-странички В ОТДЕЛЬНЫЙ ФАЙЛ!!!, тот же index.htm, к примеру. Т.е. у вас будет 2 рабочих файла. Один Вордовский, с расширением.doc (или.docx, в зависимости от версии Ворда) – основной файл, который вы будете редактировать, и другой – файл веб-страницы с расширением.htm. Веб-страницу мы будем открывать в браузере и сравнивать её дизайн с исходным дизайном в Ворде на случай возможных несоответствий.

Почему лучше делать именно так? Потому что при сохранении Вордом документа в веб-страницу, часть объектов может быть преобразована в картинку, которую уже нельзя будет подредактировать.

Продвинутые инструменты Ворда для украшения веб-страницы

Самые интересные эффекты для оформления веб-страницы, а без этого никуда не деться, доступны в панели инструментов «Рисование». Если эта панель у вас не активна, то кликните правой кнопкой мыши в любом месте в области, где находятся панели инструментов и поставьте галочку рядом со словом «Рисование».

Вы можете выбрать любую автофигуру из множества доступных в меню «Автофигуры» панели инструментов «Рисование».

Любые инструменты, входящие в панель инструментов «Рисование», можно найти разными способами. Первый способ вам уже известен, а второй способ — в главном меню выбрать «Вставка» и перейти к подменю «Рисунок» (для Word 2003). В Ворде следующих версий (Word 2007 и далее) интерфейс отличается большей интеллектуальностью и работать там уже значительно легче и быстрее, здесь при выборе меню «Вставка» на верхней панели все значки инструментов уже присутствуют.

Покажем небольшой пример интеллектуальности ворда, начиная с 2007 версии и старше. Например, мы рисуем любую автофигуру в Ворде 2007 и сразу же открывается дополнительная вкладка Средства рисования\Формат, где есть возможнотсь применить к фигуре любой доступный эффект. Причем результаты применения эффекта можно увидеть мгновенно, в отличии от Ворда 2003. Но, тем не менее, конечный результат будет один и тот же. Поэкспериментируйте сами.

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

В любую автофигуру можно вставить текст и редактировать его, как в обычном документе.
На примере конкретной фигуры, на рисунке ниже приведён пример изменения различных параметров фигуры.

Можно менять десятки параметров – цвета фигуры, её окантовки, толщину граничных линий, любой параметр текста.
К практически любому объекту можно применить инструменты «Тени» и «Объём». Такие инструменты часто применяются веб-мастерами в Интернете для создания красивых кнопок, в Ворде же на это уйдёт несколько секунд.
Пожалуй, самый интересный инструмент – это объект WordArt. С его помощью можно сделать, буквально, что угодно, с любой надписью. Примеры объектов WordArt ниже.

Делаем полноценный веб-сайт

Разобравшись с некоторыми возможностями Ворда, приступаем к созданию полноценного веб-сайта, который уже будет пригоден для подработки в качестве интернет агента банка. Применив все предыдущие наработки, мы получаем первую (главную) страницу нашего сайта.

Этот пример вы можете скачать и подредактировать, дополнив вашим текстом. Для удобства на страницу уже добавлены картинки актуальной на сегодняшний день линейки продуктов Москомприватбанка (Приватбанк в России). В последствии вы можете их заменить на другие (поиск вам в помощь).

Что нового в данном примере сайта для нас:

1) В первой строке таблицы файла agentbankanew.doc присутствуют 3 гиперссылки.

Изображение карты и текст «Подробнее о карте…» ссылаются на существующую страничку kreditka.htm. А кнопка «заказать» является уже продающей ссылкой, которая переправляет заинтересовавшегося посетителя на сайт банка. Данная ссылка включает ваш идентификатор
, который присваивается вам после регистрации агентом банка .
Вставить гиперссылку элементарно. Выделяем любой текст, или объект и, нажав на правую кнопку мышки, выбираем «Гиперссылка». Кнопочку «Гиперссылка» можно найти также на панели инструментов «Стандартная», которая всегда на виду (Word 2003), или в верхнем меню «Вставка» (Word 2007).
В правом верхнем углу нажимаем «Подсказка» и вводим текст, который будет отображаться в виде подсказки при наведении указателя мыши на ссылку. Убедитесь в этом сами.

Итак, когда мы ссылаемся на существующий файл в нашем рабочем каталоге, мы просто указываем этот файл. А ссылку для кнопки «Заказать» вы берёте с агентского сайта после регистрации агентом и вставляете в поле «Адрес» внизу окошка «Добавление гиперссылки».

В продающей ссылке http://agent.privatbank.ru/branches/product/21/XXXX/ самые последние XXXX заменяются на ваш идентификационный номер (ID). Как получить идентификационный номер подробно описано в статье из цикла статей «Руководство по получению дополнительного дохода в Москомприватбанке в трёх шагах».

Чтобы добавить новую ссылку вы выделяете текст или объект левой кнопкой мышки, затем по нажатию правой кнопки мышки выбираете «Гиперссылка».
Чтобы изменить или посмотреть адрес существующей гиперссылки вы наводите на неё указатель мышки, не нажимая левой кнопки, и СРАЗУ ЖМЁТЕ ПРАВУЮ КНОПКУ МЫШКИ и выбираете «Изменить гиперссылку…».

2) Вверху страницы мы создаём меню, где ссылаемся на все банковские продукты на страничке. Это делается для упрощения навигации по страничке и дополнительного удобства посетителя вашей странички. Для удобства навигации в редакторе Ворд (внутри страницы, а также между разными документами или веб-страницами) предусмотрена панель навигации «Веб-узел», на которой можно пользоваться стрелками для быстрого перехода, как в браузере при работе в интернете.

Чтобы сослаться на место внутри документа, мы делаем закладку, выделив любое место документа (слово, строку, картинку и т.д.).

3) Мы добавляем дополнительные страницы с более подробным описанием продукта, т.к. краткого описания на главной странице явно не достаточно, а писать большой текст описания сразу для всех продуктов – это дурной тон. Дизайн страниц с подробным описанием можно оставить похожим на главную страницу – всё по вашему усмотрению. Вы можете использовать готовую страницу из статьи цикла статей «Руководства по получению дополнительного дохода в Москомприватбанке в трёх шагах» с описанием флагманского продукта Приватбанка — , только в данном случае необходимо переименовать веб-страницу с описанием кредитки (с index.htm на kreditka.htm), т.к. мы ссылаемся на подробное описание кредитки с названем файла kreditka.htm. Подробные описания остальных продуктов сделаете сами, благо информации по ним достаточно.

4) Необходимо обратить внимание на информационное наполнение страницы (контент). Здесь стоит придерживаться общепринятых стандартов, а если проще, то правил хорошего тона. Пусть это будет приветствие в начале страницы, краткое описание организации (в нашем случае — банка). Вы можете, кстати, для информации о банке сделать отдельную страницу.
Внизу страницы должны быть ваши контактные данные, ведь у посетителей наверняка появятся вопросы. И они их смогут задать на указанную вами электронную почту, аську или телефон.
Возможно, информацию в конце страницы вы дополните интересными ссылками или чем то другим – по вашему усмотрению (весь интернет перед вами в качестве примера).
Очень важный момент: правилом хорошего тона считается наличие ссылки на сайт, откуда вы взяли (или частично взяли) материалы для вашего сайта. И конечно, для любого сайта важен уникальный материал, что положительно скажется на индексации вашего сайта поисковиками, но это уже отдельная обширная тема не для данной статьи.

Окончательное сохранение документа в качестве веб-страницы

После того, как последние штрихи в создании сайта будут сделаны, необходимо грамотно преобразовать наш документ в веб-страницу. Есть здесь несколько нюансов, которые очень желательно не забыть — обеспечение полного визуального соответствия исходного документа в ворде с сохранённой веб-страницей
и соответствие веб-страницы общепринятым рекомендациям по информационному наполнению сайта при размещении его в интернете
.
При сохранении файла в виде веб-страницы мы выбираем тип файла: «Веб-страница с фильтром» — это делается для сокращения объёма файла (из него убираются ненужная информация, которая необходима лишь для редактирования в Ворде и не имеет значения для браузера). Далее обязательно надо придумать правильный заголовок для веб-страницы. Это не название файла, а название веб-страницы, которое будет отображаться в строке заголовка браузера.

После окончательного сохранения документа в виде веб-страницы ещё раз внимательно посмотрите на полученную веб-страницу в нескольких браузерах. Если вы видите несоответствия (чаще всего проблемы с выравниванием), то подкорректируйте вордовский документ.
У вас уже есть готовая веб-страница, которую можно размещать в интернете, но есть один нюанс. Ворд не вставляет в веб-страницу один специфический элемент (так называемый, ). На первый взгляд это не критично, но всё же у браузеров может возникнуть проблемы при интерпретации нашей веб-страницы (проблемы могут возникнуть и с поисковиками — без данного элемента поисковик может считать вашу страницу небезопасной, проверено на собственном опыте). Прочитайте выдержку из справочника:

Элемент предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .

Таким образом, на основании этой информации, мы вставляем недостающую строчку в самый верх нашей веб-страницу (html-документа) в любом текстовом редакторе. Строчка следующая: . На рисунке показано её место нахождения (в самом верху). На этом же рисунке можно увидеть основные элементы любой веб-страницы на примере пустого html-документа.

Разбирать значение всех элементов мы не будем, если есть у вас большое желание в этом разобраться, то спросите у любого поисковика. Главное, что с этой строчкой у нас не будет проблем с браузерами и поисковиками.
Не забывайте данную строчку вставлять в начало каждой веб-страницы.
На этом всё!

Подведём итоги

После завершения работы над сайтом (создания и заполнения материалом дополнительных и главной страниц) мы получаем бесплатно полноценный сайт – описание вашей деятельности в интернете, без чего ни о какой нормальной подработке и речи быть не может.
Несколько несложных действий, описанных в части 2 цикла статей по созданию сайта , позволят увидеть ваш сайт не только вам на собственном компьютере, но и всем посетителям вашего сайта (потенциальным клиентам). Прочитайте, на сайт и ожидайте первых интернет-продаж!

Слайд 2

Мы познакомимся с простыми инструментами и методами разработки веб-страниц.
На примере рассмотрим, как создать фрагмент сайта, содержащего репертуар кинотеатра.
Прежде всего необходимо:
разработать проект сайта;
уяснить его структуру и предполагаемое содержание.
Т.е. построить информационную модель сайта.
Структура сайта.
Кинотеатр «Октябрь»
предлагает
Драмы Комедии Детективы
ДРАМЫ
КОМЕДИИ
ДЕТЕКТИВЫ
ФОТО
Первая (главная) веб-страница
Вторая веб-страница Третья веб-страница Четвертая веб-страница

Слайд 3

На первом (верхнем уровне) находится первая (главная) страница. На ней размещается общая информация о кинотеатре и гиперссылки, позволяющие открыть страницы второго уровня.
На втором (нижнем) уровне размещают страницы, посвящённые определённым жанрам фильмов.
Жанр фильма
Фото
сюжета
Название, страна
Режиссёр
Актёры:
Краткое содержание
Сеансы: Цена билета:
Страницы второго уровня.

Слайд 4

Конечно, структура сайта в дальнейшем может быть усложнена добавлением страниц последующих уровней. Например страниц, посвящённых режиссёрам, актёрам и т.д.
Все страницы одного уровня часто оформляют в едином стиле. Однако их оформление может и отличаться.
Основными элементами веб-страниц являются:
текстовые блоки
графические объекты
К текстовым блокам относят:
К графическим объектам относят:
основной текст,
заголовки
списки
текстовые гиперссылки и т.д.
изображения (рисунки, фото, анимация) ,
«обои» — фоновые рисунки,
изображения-гиперссылки,
разделительные линии.

Слайд 5

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

Слайд 6

Темы предлагаются во всех офисных программах.
Создание сайта начинается с выбора готовой Темы или разработки своего шаблона оформления. После этого создаются отдельные страницы. Затем оформляются гиперссылки, которые определяют навигацию по сайту.
Файлы всех страниц веб-сайта помещаются в отдельную папку. Это упращает размещение сайта на веб-сервере. Файлу главной веб-страницы принято давать имя indexили mainс расширением htm или html.
Тема «Бомбёжка» Тема «Магистраль»

Слайд 7

Запустить программу WORD.
Исполнить команду Файл Создать. В области задач выбрать Веб – страница.
Выберем Тему оформления: Формат Тема. Например: «Перетекание».
Для размещения на странице фотографии и текстовых областей будем использовать таблицу с 6 строками и 2 столбцами. Нужные ячейки объединим.
Разместим необходимую информацию.
Созданную таким образом веб-страницу сохраним на диске под именем DRAMA.HTML.
Начнём создание веб-сайта с оформления страниц второго уровня.
При сохранении документа WORD в виде веб-страницы все используемые в документе изображения будут помещены в отдальную папку с именем веб-страницы и расширением.files.

Слайд 8

Результат выполнения пунктов 1 – 4.

Слайд 9

Результат выполнения остальных пунктов и просмотра созданной веб-страницы в браузере.

Слайд 10

Важный этап разработки веб-страницы – создание гиперссылок. Для этого необходимо:
1. выделить текст, который станет текстовой гиперссылкой;
2. команда Вставка Гиперссылка или значок
3. Связать с файлом, веб-страницей
4. выделить нужный файл, содержимое которого должно открыться по гиперссылке и подтвердить выбор.
По окончании работы необходимо просмотреть созданные страницы в браузере и проверить работы ссылок.

Слайд 11

Повысить привлекательность веб-страницы можно, разместив на ней динамические и интерактивные элементы.
«Оживим» нашу главную страницу сайта размещением на ней бегущей строки.
Порядок выполнения задания:
Вид Панели инструментов Веб-компоненты
Вызовем окно «Бегущая строка»
Наберём текст «Предлагает», выполним нужные установки и подтвердим выбор.

Слайд 12

Редактор WORD позволяет подключать к веб-странице видео- и звуковые файлы.
Для этого необходимо нажатием значка Звук или Фильм открыть диалоговое окно, нажать кнопку Обзор, найти требуемый видео- или звуковой файл, установить параметры проигрывания.

Посмотреть все слайды

ТЕМА 8
СОЗДАНИЕ

WEB

-СТРАНИЦ С ПОМОЩЬЮ

WORD

В качестве редакторов, упрощающих создание
Web
-сайтов, можно использовать приложения
Microsoft
Office
–
Word
,
Excel
,
PowerPoint
и другие. При этом пользователь может не знать язык
HTML
и иметь привычную среду для оформления документа –
WYSIWYG
(что вижу, то и получаю). Огромное количество людей, использующих
Word
в своей повседневной работе становятся потенциальными разработчиками
HTML
-документов.

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

Первый способ

создания
HTML
-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.

Второй способ

— преобразование существующего документа
Word
в тэги
HTML
при сохранении файла-
Word
в формате
HTML
. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.

Одной из отличительных особенностей
HTML
-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении
HTML
-файла в месте размещения документа
Word
создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками —
frieds
.
htm
,
Word
создает папку
frieds
.files
, в которой и разместит все рисунки.

Поэтому при создании сайта – группы взаимосвязанных
Web
-страниц, рекомендуется помещать сайт в отдельную папку, и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.

При подготовке публикации в Интернет материалов, созданных в
Word
, полезно знать особенности преобразования в формат
HTML
. Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

При необходимости вставить на
HTML
-страницу собственные тэги, в
Word
предусмотрено непосредственное редактирование

HTML

-кода

. Это можно сделать, вызвав окно редактора через меню «Вид» — «Источник
HTML
». До того, как перейти в этот режим следует сделать сохранение файла. После завершения редактирования перед закрытием окна, файл также нужно сохранить.

Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде
HTML
». По умолчанию редактирование выполняется в Блокноте.

Хотя
Word
отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр
Web
-документа можно выполнить, не покидая
Word
.

ОСНОВНЫЕ ТЕРМИНЫ

ASCII

(
American

Standard

Code

for

information

Interchange

– Американский стандартный код для обмена информацией) –

семиразрядный код для представления текстовой информации.

GIF

(
Graphics

Interchange

Format

– формат обмена графикой)

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

HTML

(
Hyper

Text

Markup

Language

)

– язык разметки гипертекстов.

JPEG

(
Joint

Photography

Experts

Group

– объединенная группа экспертов по машиной обработке фотоизображений)

– распространенный формат растровой графики, который идеально подходит для сканируемых фотографий.

Web

—

page

(
Web

-страница)

– электронный документ, предназначенный для размещения (размещенный) в Интернет.

Web

—

site

(
Web

-сайт)

– совокупность
Web
-страниц, связанных между собой темой, гиперссылками и близким расположением в Интернет.

Web
server
(Web
-сервер) – сервер, предназначенный для размещения
Web
-сайтов в Интернет, и предоставляющий услуги по запросам клиентов.

WYSIWYG

(
What

You

See

Is

What

You

Get

– что вижу, то и имею)

– тип редакторов, в которых документ отображается так, как он будет напечатан или представлен в Интернет.

ЗАДАНИЕ № 8
Тема: Создание

Web

-сайта на основе программных приложений

MS

Office

(

Word

и

Excel

)

Часть 1. Создание группы

Web

-страниц методом преобразования
документов

MS

Office

1.
На рабочем диске подготовить папку для размещения Ваших документов.

2.
Создать документ Word следующего содержания.

Главный заголовок, например Объект WordArt:

Затем разместить текст:

И создать оглавление, состоящее, например, из 2-х пунктов.

Мои увлечения

Мои друзья

3.
Оформить документ и сохранить в своей папке на жестком диске под именем
main.doc
.

4.
Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем
hobby
.doc
в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5.
Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем
friends
.xls.
Для вычисления средних значений должны быть использованы формулы
.

Рис. 8.2. Пример таблицы для файла
friends
.xls

5.1.
Построить графики
, иллюстрирующие сведения о Ваших друзей. Расположить графики, под таблицей, подогнать размеры таблицы и графиков.

5.2.
Подготовить лист к печати:

5.2.1.
Настроить параметры вкладки «Страница…» в режиме
Предварительного просмотра
, создать колонтитулы.

6.
Установить связи между документами с помощью гиперссылок.

6.1.
Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.

7.
В главном документе установить закладку на заголовок
Мои увлечения
. Дать ей название «Хобби». Сохранить документ.

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

8.1.
Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2.
Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле
hobby
.doc
гиперссылка должна обеспечивать переход на закладку «Хобби».

10.
Создать группу связанных

Web

-страниц, методом преобразования подготовленных документов

.

10.1.
Подготовить папку для
Web
-документов с именем
My
_
Web
.

10.2.
Последовательно раскрывая подготовленные ранее документы, сохранить их в папке
My
_
Web
, указав
Тип файла:

Web
-страница (*.
htm
; *.
html
)

10.3.
Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11.
Просмотреть
Web
-документы, начиная с
main
.
htm
. Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между
Web
-страницами нуждаются в редактировании.

12.
Отредактировать
Web
-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание:

Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в
Microsoft
Word
for
Windows
» или кнопкой
на панели инструментов
.

13.
Сохранить и закрыть все документы, скопировать папку
My
_
Web
на диск
A
:
. Предъявить работу
Web
-страниц преподавателю.

Часть 2.

Создание новых

Web

-документов с помощью
приложений

MS

Office

1.
Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. приложение).

2.
Создать папку с именем
Presentation

, а в ней папку для Ваших рисунков —
Gallery

.

3.
Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке
Gallery

в виде отдельных файлов формата
bmp
,
gif
или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.

4.
Создать отдельный файл для каждой страницы с помощью текстового процессоа
Word
(стр.1,2,4). Для Страницы 3 использовать готовый файл
friends
.
htm
.
Сохранять файлы в формате
htm
или
html
в папке
Presentation

.

4.1.
Запустить текстовый процессор
Word
и с его помощью создать главную страницу, сохранить файл в формате
html
под именем
index

.

htm

.

4.1.1.
При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2.
Выполнить оформление документа. Для главного заголовков использовать объект
WordArt
, для прочих – стиль Заголовок

4.1.3.
Для оформления фона использовать один из текстурных способов заливки (меню «
Формат» – «Фон» – «Способы заливки»
) или тематическое оформление (меню
«Формат»
–
«Тема»
).

4.1.4.
Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении
Web
-странички. Открыть созданную страницу, при необходимости отредактировать ее.

4.2.
Создать вторую страницу сайта с помощью редактора
Word
.

4.2.1.
Для создания документа воспользоваться пунктом меню
«Файл»-«Создать»
, в открывшемся диалоговом окне
«Создание документа»
выбрать вкладку
«
WEB
-станицы»
и пиктограмму «
Новая
WEB
-страница»
. Сохранить чистую
WEB
-страницу в папке
Presentation

, дав странице имя на английском языке
childhood

.

htm

4.2.2.
В качестве заголовка «Мое детство» использовать Бегущую строку
, отобразив предварительно панель
Web
-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.

4.2.3.
Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки
Gallery

.

4.2.4.
Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета близкие к цвету текстуры или темы главной страницы.

4.3.
Создать третью страницу на основе созданного в Части 1 файла
friends
.
htm
.

4.3.1.
Скопировать файл и сопутствующую ему папку в папку
Presentation

.

4.3.2.
Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4.
Создать четвертую страницу сайта с помощью редактора
Word
.

4.4.1.
Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке
Gallery

.

4.4.2.
Создать файл в папке
Presentation

,

с именем
university

.

htm

.

4.4.3.
Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке

Gallery

. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5.
Установить связи между документами сайта.

5.1.
Открыть в
Word

документ
index

.

htm

,

и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

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

Внимание! Рисунок для переходов на главную страницу также должен находиться в папке
Gallery

.

8.
Просмотреть содержание каждого из вновь созданных файлов в формате
HTML
.

8.1.
Найти тэги, обеспечивающие вставку гиперссылок, рисунков.

9.
Скопировать папку
Presentation

со всем ее содержимым на диска А: или на диск
C
: в папку
Temp
. Протестировать работу сайта, запустив его просмотр из нового места размещения.

10.
Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.

Приложение

Структура сайта

Страница 1

(главная страница)

Страница3 (Мои друзья) – использовать ранее созданный

Web

-документ

friends
.
htm
, созданный с помощью
Excel
.

Страница 4 (Мои университеты)

Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ

Как сохранить DOCX документ «Word» в виде веб-страницы HTML

Читайте как быстро конвертировать Word документ в HTML страницу. Какие онлайн инструменты или сторонние программы использовать для сохранения одного или нескольких DOCX файлов в HTML формат. Персональные стационарные компьютеры, ноутбуки, планшеты, смартфоны и другие компьютерные устройства применяются пользователями ежедневно. Они являются незаменимыми помощниками для любого вида деятельности пользователей: при выполнении ими своих профессиональных обязанностей или для личного времяпрепровождения и досуга.

Дополнительным стимулом увеличения популярности персональных компьютерных устройств послужило развитие и всеобщее распространение всемирной информационной компьютерной сети «Интернет».

Главной целью сети «Интернет» на первом этапе было объединение компьютерных пользователей в единую информационную сеть для обмена любой информацией. Однако, затем «Интернет» стал использоваться для многих других целей. Например: хранения личной информации пользователей; доступа к научной, литературной и художественной базам данных; общения пользователей между собой при помощи электронной связи, социальных сетей, мгновенных сообщений, аудио записей и видео роликов. Дополнительно, пользователи приобрели возможность получать дополнительное образование, осуществлять экономическую и консультационную деятельность, иметь доступ к новостным, экономическим, публицистическим, финансовым и другим информационным сайтам и многое другое.

Для доступа в «Интернет» необходимо воспользоваться помощью специального программного обеспечение – веб-браузером, который представляет любую информацию в сети «Интернет» в удобном для пользователя виде. Он поддерживает различные виды форматов и доступен на любом виде устройств.

Процесс проектирования и создания веб-страниц, в последнее время, значительно упростился. В «Интернете» представлено много веб-сайтов, предлагающие создать, на своей основе, пользовательские веб-страницы высокого качества. Или воспользоваться специальными приложениями для разработки веб-страниц на более профессиональном уровне.

Корпорация «Microsoft» разработала пакет офисных программ «Microsoft Office» для решения пользователем своих повседневных офисных задач. В пакет входят программы для создания текстовых документов, электронных таблиц, презентаций, баз данных и других основных видов офисных файлов.

Пользователи, возможно, не рассматривают программы «Microsoft Office» как инструмент для проектирования веб-страниц, и это верное решение, так как это не самый правильный выбор. Но если у вас есть существующий документ, созданный в приложении «Microsoft Word», который вам нужно превратить в веб-страницу по какой-либо причине, то приложение обладает некоторыми встроенными инструментами, позволяющими сделать это.

Примечание: В качестве примера мы для этой статьи мы будем использовать текстовый редактор «Microsoft Word 2016», но возможность сохранения документа в виде веб-страницы (или «HTML») доступна во многих предыдущих версиях приложения «Microsoft Word». Если вы используете более раннюю версию «Microsoft Word», то возможно вы не увидите все функции, которые мы описываем в этой статье, но сможете взять ее за основу для сохранения веб-страницы в вашей версии текстового редактора.

Каким образом сохранить документ как веб-страницу

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

На открывшейся странице возможных действий в левой боковой панели выберите команду «Сохранить как». Затем в центральной панели нажмите папку «Обзор».

В открывшемся окне «Сохранение документа» укажите место, куда вы хотите сохранить файл. Затем введите имя для своей страницы в текстовом поле «Имя файла». По умолчанию, имя вашего документа «Microsoft Word» уже будет заполнено. Вы можете оставить старое название документа или придумать новое.

Затем нажмите раскрывающееся меню в ячейке «Тип файла». В появившемся списке возможных типов файлов, вы найдете три варианта сохранения документа как веб-страницы: «Веб-страница в одном файле (*.mht; *.mhtml)»; «Веб-страница (*.htm; *.html)»; и «Веб-страница с фильтром (*.htm; *.html)».

Все эти параметры преобразуют ваш документ в «HTML» (язык гипертекстовой разметки), стандарт для отображения текста на веб-странице. Тем не менее, каждый из указанных типов файлов создает несколько иной вид «HTML-файла». Какой из них вы должны использовать, зависит от ваших настроек онлайн-публикации, и планируете ли вы, затем преобразовывать файл обратно в документ «Microsoft Word».

Давайте теперь рассмотрим каждый из этих трех вариантов.

Сохраните документ как 

«Веб-страница с фильтром»

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

В раскрывающемся списке «Тип файла» в окне «Сохранение документа» выберите параметр «Веб-страница с фильтром (*.htm; *.html)».

Затем нажмите кнопку «Изменить», расположенную сразу под ячейкой «Заголовок».

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

Затем в окне «Сохранение документа» нажмите кнопку «Сохранить». Появится окно с предупреждением, уверены ли вы, что хотите преобразовать документ в «HTML-файл», потому что при сохранении будут удалены специальные теги и функции, характерные для «Microsoft Office». Подтвердите свой выбор, нажав кнопку «Да».

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

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

Сохраните документ как 

«Веб-страница»

Параметр «Веб-страница» в раскрывающемся меню «Тип файла» в окне «Сохранение документа» работает несколько иначе. Подобно первому описанному варианту «Веб-страница с фильтром», происходит создание веб-страницы в виде «HTML-файла» и сохранение всех изображений документа в отдельную подпапку. Тем не менее, вариант «Веб-страница» сохраняет значительно больше форматов «Microsoft Word» и дополнительной информации о документе, чем предыдущий вариант.

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

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

Сохраните документ в виде 

«Веб-страница в одном файле»

Параметр «Веб-страница в одном файле» сохраняет все возможные данные форматирования (как вариант «Веб-страница») и свойства документа, но вместо сохранения изображений в отдельную папку, он сохраняет все ваши изображения и саму страницу как часть «MHTML-файла».

Этот вариант сохранения веб-страниц может быть удобен для документов, которые могут содержать отдельные сопутствующие файлы, однако он сохраняет файл гораздо большего размера. Иногда конечный размер файла близок к комбинации размеров страницы и сопутствующих файлов (например, изображений). Но иногда итоговый файл может получиться еще больше, в зависимости от примененных параметров (почти в 10 раз больше, чем при использовании варианта «Веб-страница с фильтром»).

Это действительно не самый лучший вариант, если вы планируете сделать страницу частью веб-сайта, по той причине, что быстрой загрузки веб-страницы вы не добьетесь. Но он может быть полезен при определенных обстоятельствах – например, когда вы хотите поделиться документом с кем-либо, у кого нет другого способа прочитать документ «Microsoft Word».

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

Как настроить дополнительные веб-параметры

«Microsoft Word» также предлагает ряд полезных параметров, которые вы можете применить для настройки документов при сохранении в виде веб-страниц.

Чтобы перейти к этим параметрам, в окне «Сохранение документа» откройте раскрывающийся список «Сервис», расположенный в нижней части окна рядом с кнопкой «Сохранить», а затем во всплывающем меню выберите раздел «Параметры веб-документа».

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

Виды характеристик, которые вы можете настроить на этих вкладках, включают:

Вкладка «Браузеры»: Эта вкладка позволяет выбрать целевой браузер из соображений совместимости (хотя в наши дни это значение действительно не так важно), разрешить «PNG» в качестве графического формата, полагаться на «CSS» для форматирования шрифтов и предоставляет несколько других небольших опций.

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

Вкладка «Картинки»: Эта вкладка используется для управления размером экрана и плотностью (пикселей на дюйм) для целевого браузера. Изображения и текст могут различаться в зависимости от установленного разрешения, при котором они просматриваются. Значения разрешения, заданного по умолчанию, будет достаточно, ведь вы не собираетесь использовать приложение «Microsoft Word» для создания сложных веб-сайтов. Но если вы откроете свою веб-страницу, и весь текст будет помещен вокруг изображений странным образом, то вы сможете его отрегулировать в этой вкладке.

Вкладка «Кодировка»: Эта вкладка позволяет вам изменить язык, на котором будет сохранен документ, и задать кодировку веб-страницы по умолчанию.

Вкладка «Шрифты»: Эта вкладка позволяет указать набор символов и шрифта, используемых на странице. Правильным решением будет указать один универсальный шрифт, поскольку вы не знаете, каким из веб-браузеров будут пользоваться ваши читатели. Но изменение наборов символов для читателей на разных языках может оказаться полезной характеристикой.

Также важно помнить, что эти параметры заданы на основе вашего документа. Установите эти параметры в документе, и он запомнит все введенные настройки. Однако другие документы, с которыми вы будете работать, продолжать использовать заданные настройки по умолчанию.

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

Полную версию статьи со всеми дополнительными видео уроками читайте в нашем блоге…

Данный материал является частной записью члена сообщества Club.CNews.
Редакция CNews не несет ответственности за его содержание.

Как сохранить документ Microsoft Word как веб-страницу

Автор Архипов Егор На чтение 7 мин. Просмотров 192 Опубликовано 21.06.2019

Возможно, вы не думаете о Word как о инструменте для разработки веб-страниц, и это нормально – в любом случае, он действительно не очень хорош. Но если у вас есть документ Word, который по какой-либо причине необходимо превратить в веб-страницу, Word снабдит вас некоторыми встроенными инструментами.

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

1. Как сохранить ваш документ как веб-страницу
2. Сохраните ваш документ как отфильтрованную веб-страницу

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

   В раскрывающемся списке «Тип файла» выберите «Веб-страница, отфильтрованная».

   Нажмите кнопку «Изменить заголовок».

   В появившемся меню введите заголовок своей веб-страницы и нажмите кнопку «ОК».

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

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

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

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

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

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

   Параметр «Веб-страница одного файла» сохраняет всю возможную информацию о форматировании (так же, как параметр «Веб-страница»), но вместо сохранения изображений в отдельную папку он сохраняет все ваши изображения поддержки и саму страницу как часть одной и той же страницы. MHTML файл.

   Это может быть удобно для отслеживания страниц, на которых вы можете забыть взять с собой отдельные файлы поддержки, но эта опция также сохраняет гораздо больший файл. Иногда размер получаемого файла близок к комбинации размера страницы и вспомогательных файлов (например, изображений).Но иногда файлы могут быть немного больше, в зависимости от того, что сохраняется.

   Это действительно не лучший вариант, если вы планируете сделать страницу частью веб-сайта – по крайней мере, не той, где вы хотите, чтобы страницы загружались быстро. Но это может быть полезно в определенных обстоятельствах, например, когда вы хотите поделиться документом с кем-то, у кого нет другого способа прочитать файл Word (даже бесплатные решения) или PDF.

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

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

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

   В окне веб-параметров есть пять вкладок, которые можно использовать для настройки различных параметров, определяющих способ сохранения веб-страниц.

   Виды, которые вы можете настроить на этих вкладках:
   Вкладка “Браузер”. Эта вкладка позволяет выбрать целевой браузер по причинам совместимости (хотя в наши дни этот параметр не имеет большого значения), разрешить использование PNG в качестве графического формата, использование CSS для форматирования шрифтов, и предоставляет несколько других небольших опций.
   Вкладка «Файлы»: большая опция на этой вкладке определяет, организованы ли вспомогательные файлы (например, изображения) в их собственную папку. Если вы отключите эту опцию, файлы поддержки будут сохранены в той же папке, что и веб-страница. Существуют также параметры для настройки использования длинных имен файлов и обновления ссылок Word при сохранении документа.
   Вкладка “Изображения”. Эта вкладка используется для управления размером и плотностью экрана (в пикселях на дюйм) для целевого браузера. Изображения и текст могут переноситься по-разному в зависимости от разрешения видео, при котором они просматриваются. Настройка по умолчанию, вероятно, достаточно хороша, поскольку вы не собираетесь использовать Word для создания сложных веб-сайтов. Но если вы открываете свою веб-страницу и весь текст странным образом оборачивается вокруг изображений, это вариант, с которым можно поиграть.
   Вкладка “Кодировка”. На этой вкладке можно изменить язык, на котором кодируется страница.
   Вкладка «Шрифты». На этой вкладке можно указать набор символов и шрифт, используемые на странице. Как правило, это хорошо, если оставить один в покое, потому что использование разных шрифтов в браузерах может стать странным (вы никогда не знаете, какой браузер люди будут использовать). Но изменение наборов символов для читателей разных языков может быть полезным.

   Также важно знать, что эти параметры устанавливаются для каждого документа отдельно. Установите эти параметры в документе, и этот документ сохранит настройки. Однако другие документы, с которыми вы работаете, будут продолжать использовать настройки по умолчанию.

3. Сохраните ваш документ как веб-страницу

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

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

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

   Параметр «Веб-страница одного файла» сохраняет всю возможную информацию о форматировании (так же, как параметр «Веб-страница»), но вместо сохранения изображений в отдельную папку он сохраняет все ваши изображения поддержки и саму страницу как часть одной и той же страницы. MHTML файл.

   Это может быть удобно для отслеживания страниц, на которых вы можете забыть взять с собой отдельные файлы поддержки, но эта опция также сохраняет гораздо больший файл. Иногда размер получаемого файла близок к комбинации размера страницы и вспомогательных файлов (например, изображений).Но иногда файлы могут быть немного больше, в зависимости от того, что сохраняется.

   Это действительно не лучший вариант, если вы планируете сделать страницу частью веб-сайта – по крайней мере, не той, где вы хотите, чтобы страницы загружались быстро. Но это может быть полезно в определенных обстоятельствах, например, когда вы хотите поделиться документом с кем-то, у кого нет другого способа прочитать файл Word (даже бесплатные решения) или PDF.

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

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

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

   В окне веб-параметров есть пять вкладок, которые можно использовать для настройки различных параметров, определяющих способ сохранения веб-страниц.

   Виды, которые вы можете настроить на этих вкладках:
   Вкладка “Браузер”. Эта вкладка позволяет выбрать целевой браузер по причинам совместимости (хотя в наши дни этот параметр не имеет большого значения), разрешить использование PNG в качестве графического формата, использование CSS для форматирования шрифтов, и предоставляет несколько других небольших опций.
   Вкладка «Файлы»: большая опция на этой вкладке определяет, организованы ли вспомогательные файлы (например, изображения) в их собственную папку. Если вы отключите эту опцию, файлы поддержки будут сохранены в той же папке, что и веб-страница. Существуют также параметры для настройки использования длинных имен файлов и обновления ссылок Word при сохранении документа.
   Вкладка “Изображения”. Эта вкладка используется для управления размером и плотностью экрана (в пикселях на дюйм) для целевого браузера. Изображения и текст могут переноситься по-разному в зависимости от разрешения видео, при котором они просматриваются. Настройка по умолчанию, вероятно, достаточно хороша, поскольку вы не собираетесь использовать Word для создания сложных веб-сайтов. Но если вы открываете свою веб-страницу и весь текст странным образом оборачивается вокруг изображений, это вариант, с которым можно поиграть.
   Вкладка “Кодировка”. На этой вкладке можно изменить язык, на котором кодируется страница.
   Вкладка «Шрифты». На этой вкладке можно указать набор символов и шрифт, используемые на странице. Как правило, это хорошо, если оставить один в покое, потому что использование разных шрифтов в браузерах может стать странным (вы никогда не знаете, какой браузер люди будут использовать). Но изменение наборов символов для читателей разных языков может быть полезным.

   Также важно знать, что эти параметры устанавливаются для каждого документа отдельно. Установите эти параметры в документе, и этот документ сохранит настройки. Однако другие документы, с которыми вы работаете, будут продолжать использовать настройки по умолчанию.

4. Сохраните ваш документ как отдельную веб-страницу

   Параметр «Веб-страница одного файла» сохраняет всю возможную информацию о форматировании (так же, как параметр «Веб-страница»), но вместо сохранения изображений в отдельную папку он сохраняет все ваши изображения поддержки и саму страницу как часть одной и той же страницы. MHTML файл.

   Это может быть удобно для отслеживания страниц, на которых вы можете забыть взять с собой отдельные файлы поддержки, но эта опция также сохраняет гораздо больший файл. Иногда размер получаемого файла близок к комбинации размера страницы и вспомогательных файлов (например, изображений).Но иногда файлы могут быть немного больше, в зависимости от того, что сохраняется.

   Это действительно не лучший вариант, если вы планируете сделать страницу частью веб-сайта – по крайней мере, не той, где вы хотите, чтобы страницы загружались быстро. Но это может быть полезно в определенных обстоятельствах, например, когда вы хотите поделиться документом с кем-то, у кого нет другого способа прочитать файл Word (даже бесплатные решения) или PDF.

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

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

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

   В окне веб-параметров есть пять вкладок, которые можно использовать для настройки различных параметров, определяющих способ сохранения веб-страниц.

   Виды, которые вы можете настроить на этих вкладках:
   Вкладка “Браузер”. Эта вкладка позволяет выбрать целевой браузер по причинам совместимости (хотя в наши дни этот параметр не имеет большого значения), разрешить использование PNG в качестве графического формата, использование CSS для форматирования шрифтов, и предоставляет несколько других небольших опций.
   Вкладка «Файлы»: большая опция на этой вкладке определяет, организованы ли вспомогательные файлы (например, изображения) в их собственную папку. Если вы отключите эту опцию, файлы поддержки будут сохранены в той же папке, что и веб-страница. Существуют также параметры для настройки использования длинных имен файлов и обновления ссылок Word при сохранении документа.
   Вкладка “Изображения”. Эта вкладка используется для управления размером и плотностью экрана (в пикселях на дюйм) для целевого браузера. Изображения и текст могут переноситься по-разному в зависимости от разрешения видео, при котором они просматриваются. Настройка по умолчанию, вероятно, достаточно хороша, поскольку вы не собираетесь использовать Word для создания сложных веб-сайтов. Но если вы открываете свою веб-страницу и весь текст странным образом оборачивается вокруг изображений, это вариант, с которым можно поиграть.
   Вкладка “Кодировка”. На этой вкладке можно изменить язык, на котором кодируется страница.
   Вкладка «Шрифты». На этой вкладке можно указать набор символов и шрифт, используемые на странице. Как правило, это хорошо, если оставить один в покое, потому что использование разных шрифтов в браузерах может стать странным (вы никогда не знаете, какой браузер люди будут использовать). Но изменение наборов символов для читателей разных языков может быть полезным.

   Также важно знать, что эти параметры устанавливаются для каждого документа отдельно. Установите эти параметры в документе, и этот документ сохранит настройки. Однако другие документы, с которыми вы работаете, будут продолжать использовать настройки по умолчанию.

5. Как настроить дополнительные веб-параметры

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

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

   В окне веб-параметров есть пять вкладок, которые можно использовать для настройки различных параметров, определяющих способ сохранения веб-страниц.

   Виды, которые вы можете настроить на этих вкладках:
   Вкладка “Браузер”. Эта вкладка позволяет выбрать целевой браузер по причинам совместимости (хотя в наши дни этот параметр не имеет большого значения), разрешить использование PNG в качестве графического формата, использование CSS для форматирования шрифтов, и предоставляет несколько других небольших опций.
   Вкладка «Файлы»: большая опция на этой вкладке определяет, организованы ли вспомогательные файлы (например, изображения) в их собственную папку. Если вы отключите эту опцию, файлы поддержки будут сохранены в той же папке, что и веб-страница. Существуют также параметры для настройки использования длинных имен файлов и обновления ссылок Word при сохранении документа.
   Вкладка “Изображения”. Эта вкладка используется для управления размером и плотностью экрана (в пикселях на дюйм) для целевого браузера. Изображения и текст могут переноситься по-разному в зависимости от разрешения видео, при котором они просматриваются. Настройка по умолчанию, вероятно, достаточно хороша, поскольку вы не собираетесь использовать Word для создания сложных веб-сайтов. Но если вы открываете свою веб-страницу и весь текст странным образом оборачивается вокруг изображений, это вариант, с которым можно поиграть.
   Вкладка “Кодировка”. На этой вкладке можно изменить язык, на котором кодируется страница.
   Вкладка «Шрифты». На этой вкладке можно указать набор символов и шрифт, используемые на странице. Как правило, это хорошо, если оставить один в покое, потому что использование разных шрифтов в браузерах может стать странным (вы никогда не знаете, какой браузер люди будут использовать). Но изменение наборов символов для читателей разных языков может быть полезным.

   Также важно знать, что эти параметры устанавливаются для каждого документа отдельно. Установите эти параметры в документе, и этот документ сохранит настройки. Однако другие документы, с которыми вы работаете, будут продолжать использовать настройки по умолчанию.

Как сохранить ваш документ как веб-страницу

Сначала откройте документ, который вы хотите сохранить как веб-страницу. В меню «Файл» выберите команду «Сохранить как» и нажмите «Обзор».

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

Затем нажмите раскрывающееся меню «Сохранить как тип». В меню вы найдете три варианта сохранения документа в виде веб-страницы: веб-страница с одним файлом; Страница интернета; и веб-страница, отфильтрованная.

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

Давайте подробнее рассмотрим эти три варианта.

Сохраните ваш документ как отфильтрованную веб-страницу

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

В раскрывающемся списке «Тип файла» выберите «Веб-страница, отфильтрованная».

Нажмите кнопку «Изменить заголовок».

В появившемся меню введите заголовок своей веб-страницы и нажмите кнопку «ОК».

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

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

Хотя, как мы поговорим чуть позже, вы можете изменить это поведение по умолчанию.

Сохраните ваш документ как веб-страницу

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

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

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

Сохраните ваш документ как отдельную веб-страницу

Параметр «Веб-страница одного файла» сохраняет всю возможную информацию о форматировании (так же, как параметр «Веб-страница»), но вместо сохранения изображений в отдельную папку он сохраняет все ваши изображения поддержки и саму страницу как часть одной и той же страницы. MHTML файл.

Это может быть удобно для отслеживания страниц, на которых вы можете забыть взять с собой отдельные файлы поддержки, но эта опция также сохраняет гораздо больший файл. Иногда размер получаемого файла близок к комбинации размера страницы и вспомогательных файлов (например, изображений).Но иногда файлы могут быть немного больше, в зависимости от того, что сохраняется.

Это действительно не лучший вариант, если вы планируете сделать страницу частью веб-сайта – по крайней мере, не той, где вы хотите, чтобы страницы загружались быстро. Но это может быть полезно в определенных обстоятельствах, например, когда вы хотите поделиться документом с кем-то, у кого нет другого способа прочитать файл Word (даже бесплатные решения) или PDF.

Примечание . Если у вас есть блог, вы также можете опубликовать документ Word непосредственно в своем блоге с помощью функций обмена Word. Это работает немного иначе, чем то, о чем мы говорим в этой статье, поэтому мы не будем вдаваться в подробности, но стоит проверить.

Как настроить дополнительные веб-параметры

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

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

В окне веб-параметров есть пять вкладок, которые можно использовать для настройки различных параметров, определяющих способ сохранения веб-страниц.

Виды, которые вы можете настроить на этих вкладках:

• Вкладка “Браузер”. Эта вкладка позволяет выбрать целевой браузер по причинам совместимости (хотя в наши дни этот параметр не имеет большого значения), разрешить использование PNG в качестве графического формата, использование CSS для форматирования шрифтов, и предоставляет несколько других небольших опций.
• Вкладка «Файлы»: большая опция на этой вкладке определяет, организованы ли вспомогательные файлы (например, изображения) в их собственную папку. Если вы отключите эту опцию, файлы поддержки будут сохранены в той же папке, что и веб-страница. Существуют также параметры для настройки использования длинных имен файлов и обновления ссылок Word при сохранении документа.
• Вкладка “Изображения”. Эта вкладка используется для управления размером и плотностью экрана (в пикселях на дюйм) для целевого браузера. Изображения и текст могут переноситься по-разному в зависимости от разрешения видео, при котором они просматриваются. Настройка по умолчанию, вероятно, достаточно хороша, поскольку вы не собираетесь использовать Word для создания сложных веб-сайтов. Но если вы открываете свою веб-страницу и весь текст странным образом оборачивается вокруг изображений, это вариант, с которым можно поиграть.
• Вкладка “Кодировка” . На этой вкладке можно изменить язык, на котором кодируется страница.
• Вкладка «Шрифты» . На этой вкладке можно указать набор символов и шрифт, используемые на странице. Как правило, это хорошо, если оставить один в покое, потому что использование разных шрифтов в браузерах может стать странным (вы никогда не знаете, какой браузер люди будут использовать). Но изменение наборов символов для читателей разных языков может быть полезным.

Также важно знать, что эти параметры устанавливаются для каждого документа отдельно. Установите эти параметры в документе, и этот документ сохранит настройки. Однако другие документы, с которыми вы работаете, будут продолжать использовать настройки по умолчанию.

Создание веб-страницы с помощью Microsoft Word

Microsoft Word обычно используется для создания таких документов, как записки, письма или отчеты. Однако вы также можете использовать Word для создания веб-страниц. Специальный шаблон Web Pages содержит форматирование, необходимое для того, чтобы вы могли хорошо подготовиться к заполнению Web-страницы. Чтобы создать веб-страницу в Word, вы просто создаете страницу как документ, используя шаблон веб-страницы, если хотите, а затем сохраняете документ как HTML-документ.Когда вы сохраняете HTML-документ, папка сохраняется вместе с ним. Папка, содержащая изображения и информацию, относящуюся к форматированию веб-страницы, размещается на том же диске и в том же месте папки, что и документ HTML.

Создание домашней страницы

Домашняя страница — это первая страница, которую посетители увидят при входе на ваш веб-сайт. Во многих случаях домашней страницей является весь веб-сайт, но у вас есть возможность включить другие страницы, которые могут быть связаны с домашней страницей.Чтобы создать домашнюю страницу с помощью Word, вы, вероятно, захотите использовать либо шаблон веб-страницы, либо мастер веб-страниц. Оба элемента доступны при выборе параметра «Веб-страница» в области «Общие шаблоны».

Чтобы создать домашнюю страницу:

1. Откройте Word (нажмите «Пуск», «Все программы», «Microsoft Word»).
2. Щелкните File, New. В области задач «Новый документ» щелкните «Общие шаблоны». Щелкните вкладку «Веб-страницы», как показано на рисунке C.1.

   Рисунок C.1

   Шаблон веб-страницы помогает при разработке веб-страницы.

3. Выберите стиль веб-страницы или позвольте мастеру веб-страниц провести вас через этапы создания веб-страницы. Страница, показанная на рисунке C.2, основана на стиле Left Aligned Column .

   Рисунок C.2

   Эта веб-страница была разработана с использованием стиля Word с выравниванием по левому краю.

4. Появится структура веб-страницы, на которой можно щелкнуть и перетащить, чтобы выбрать раздел, который нужно изменить, а затем ввести текст, чтобы заменить выделенный фрагмент.Измените заголовок и замените существующий текст своим. Удалите любой существующий текст, который вам больше не нужен в качестве заполнителя.
5. Измените атрибуты любого текста. Вы можете изменить размер, тип или цвет шрифта текста, а также применить любые атрибуты, такие как полужирный шрифт, курсив или подчеркивание.
6. Чтобы добавить цвет фона, нажмите «Формат», «Фон» и выберите цвет. Если вы хотите включить эффект заливки вместо сплошного фона, щелкните «Формат фона», «Эффекты заливки».
7. Периодически сохраняйте страницу как веб-страницу.Щелкните Файл, Сохранить как. Щелкните «Веб-страница», дайте странице имя, укажите место (диск и папку), в котором следует сохранить файл, и нажмите «Сохранить». Имя файла веб-страницы не может содержать пробелов (2004 Reunion — в порядке; 2004 Reunion — нет).

Включая изображения

Редко веб-страница бывает полностью текстовой. Большинство из них включает изображения и даже анимацию, чтобы сделать страницу более привлекательной и привлекательной. Скорее всего, вы также захотите включить одно или несколько изображений на свою страницу. Изображения веб-страниц могут быть изображениями с вашей цифровой камеры; картинки, которые вы собираете из Word или из других источников, например из Интернета; или отсканированные изображения.Если вы используете шаблон веб-страницы Word, который включает изображение, вам нужно будет удалить изображение и заменить его своим собственным или оставить место пустым.

Чтобы добавить изображение на веб-страницу (с помощью шаблона веб-страницы Word):

1. Щелкните изображение, которое нужно удалить или заменить, и нажмите «Удалить».
2. Если изображение, которое будет размещено на веб-странице, является изображением, его следует сохранить как файл JPEG. Формат файла JPEG лучше всего подходит для отображения фотографий, тогда как формат GIF чаще используется для штриховых рисунков, больших цветных блоков и анимации.Если у вас есть редактор изображений, вы можете открыть изображение в этой программе и сохранить его как файл JPEG. Ваш редактор изображений может дать вам возможность сохранить файл как готовое для Интернета изображение. Когда вы выбираете опцию «Готовность к Интернету», изображение автоматически сохраняется как файл JPEG подходящего размера для отображения на веб-странице. Если у вас нет редактора изображений, вы можете открыть изображение в Paint (нажмите «Пуск», «Все программы», «Стандартные», «Paint») и при необходимости изменить тип файла на JPEG, прежде чем сохранять его.Чтобы изменить тип файла, нажмите «Файл», «Сохранить как», а затем выберите JPEG из раскрывающегося списка рядом с областью типа файла.
3. Чтобы разместить изображение на разрабатываемой вами веб-странице, щелкните в том месте, где вы хотите разместить изображение, и нажмите «Вставить», «Рисунок», «Из файла» (или «Вставить», «Рисунок», «Картинка», если вы выбираете из картинок Word инвентарь). Перейдите к диску и папке, содержащей изображение, которое нужно вставить, и дважды щелкните файл изображения.
4. Измените размер изображения, щелкнув его, чтобы выбрать, а затем щелкнув и перетащив угловой маркер.
5. Если вы используете шаблон веб-страницы Word, вы, вероятно, сможете набирать текст рядом с вставленным изображением и под ним. Если по какой-то причине вы не можете печатать рядом с изображением, вы должны отформатировать изображение, чтобы это произошло. Щелкните изображение правой кнопкой мыши и выберите в контекстном меню команду «Формат изображения». Щелкните вкладку Макет. Щелкните Квадрат. Щелкните ОК. На этом этапе вы можете ввести текст рядом с изображением и под ним.

Связывание веб-страниц

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

Чтобы связать страницы (с помощью Word):

1. Создайте столько страниц, сколько хотите включить в свой веб-сайт.Каждая веб-страница — это файл Word.
2. Чтобы связать созданные вами веб-страницы или создать ссылку на другую веб-страницу, вы должны включить одну или несколько гиперссылок на свою домашнюю страницу.
3. На домашней странице введите текст гиперссылки. Например, если вы хотите разместить на своей домашней странице ссылку на страницу Reunions.com, введите текст, например «Чтобы узнать о рецепте воссоединения, щелкните здесь», как показано на рисунке C.4a. Затем щелкните и перетащите, чтобы выделить текст ссылки, и нажмите «Вставить», «Гиперссылка». В диалоговом окне, показанном на рисунке C.3, щелкните Существующий файл или веб-страницу. Введите веб-адрес веб-страницы, на которую нужно создать ссылку. Щелкните ОК.

   Рисунок C.3

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

4. Если вы устанавливаете ссылку между двумя созданными вами страницами, введите текст для обозначения ссылки, как показано на рисунке C.4a. Затем создайте гиперссылку, выделив текст и нажав Вставить, Гиперссылка.Щелкните Существующий файл или веб-страницу. Перейдите к диску и папке, содержащей страницу, которую нужно связать, и дважды щелкните файл страницы. Связанная страница показана на рисунке C.4b.

   Рисунок C.4

   1. Текстовая ссылка на другую веб-страницу на вашем веб-сайте
   2. Текстовая ссылка на другой веб-сайт

   Текст на одной странице (а) может использоваться для ссылки на другую страницу (б).

   Предварительный просмотр ваших веб-страниц

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

   Для предварительного просмотра веб-страницы:

   1. Откройте браузер, дважды щелкнув значок на рабочем столе или выбрав его в меню «Пуск», «Все программы».Щелкните File, Open, как показано на рисунке C.5.

   Рисунок C.5

   Откройте файл веб-страницы в браузере для предварительного просмотра.

5. Нажмите кнопку «Обзор» и перейдите к диску и папке, в которых хранится ваша домашняя страница (рисунок C.6). Щелкните ОК.

   ure C.6

   Вы должны указать, где хранится файл домашней страницы.

6. Страница будет отображаться точно так же, как в Интернете.Щелкните, чтобы проверить любую гиперссылку. Нажмите «Назад», чтобы вернуться на главную страницу со связанной страницы.
7. Закройте браузер.

Как создать веб-страницу в Word (11 шагов)

в Интернете, изображение в Интернете от Пола Ларока с Fotolia.com

Создать веб-страницу в Microsoft Word легко без какого-либо формального веб-обучения или навыков программирования. Word — отличный инструмент для преподавателей, ученых, математиков и других специалистов, которые концентрируются на исследованиях, анализе и информации, а не на представлении этой информации в Интернете.Разработайте веб-страницу блога, используя шаблоны Word и публикуйте учебные программы, результаты научных исследований, математические теории или информацию, относящуюся к вашей области знаний. Создайте информационный бюллетень для руководителей для веб-страницы или создайте веб-страницу с помощью таблиц.

Шаг 1

Шаг 2

Щелкните «Просмотр», а затем «Веб-макет» в разделе «Представления документа».

Шаг 3

Создайте набросок или макет веб-страницы. Макет показывает, сколько строк и столбцов необходимо для создания веб-страницы.Например, для веб-страницы с одним изображением, одним разделом гиперссылки в левом столбце под изображением, одним разделом текста в правом столбце и одним разделом гиперссылки в правом столбце для этой веб-страницы необходимы четыре ячейки таблицы.

Шаг 4

Щелкните «Вставить», «Таблица» и «Таблица 2X2», чтобы отобразить таблицу с двумя столбцами и двумя строками в окне документа.

Шаг 5

Щелкните внутри первой ячейки таблицы, и курсор внутри ячейки начнет мигать.

Шаг 6

Щелкните «Вставить» и «Рисунок», откроется диалоговое окно «Вставить рисунок».

Step 7

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

Шаг 8

Щелкните ячейку таблицы справа от изображения и введите текст, связанный с изображением. Например, если вы вставили изображение галактики Млечный Путь, вы можете ввести следующее:

Размер галактики Млечный Путь трудно определить количественно, но это огромное скопление, содержащее миллиарды звезд.

Step 9

Щелкните ячейку таблицы под текстом, щелкните правой кнопкой мыши, выберите «Гиперссылка» и введите гиперссылку о солнечной системе в разделе «Адрес» диалогового окна «Вставить гиперссылку» и нажмите «ОК». . »

Шаг 10

Щелкните «Файл», «Сохранить как» и выберите «Веб-страница, отфильтрованная» из раскрывающегося меню «Тип файла» в диалоговом окне «Сохранить как».

Шаг 11

Нажмите «Сохранить», чтобы сохранить дизайн в формате веб-страницы.

Как создать сайт в Word для Mac

Существует множество базовых редакторов HTML для вашего Mac.Многие из них можно даже загрузить и использовать в течение неопределенного времени совершенно бесплатно. Никто не станет отрицать этот факт. Настоящий вопрос в том, действительно ли вам вообще нужно загружать один из них?

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

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

Шаг 1 :

Откройте документ Word так же, как вы обычно делаете это для стандартного документа.Вы можете сделать это, дважды щелкнув значок в доке. Если вы не можете найти его в доке, перейдите в папку «Приложения» в Finder. В зависимости от возраста вашей машины загрузка может занять некоторое время.

Шаг второй :

Прямо сейчас вы находитесь в режиме просмотра документа, который подходит для множества вещей. Однако веб-представление даст вам гораздо более точное представление о том, как на самом деле будет выглядеть проект, когда он находится в Интернете. Чтобы переключиться на веб-просмотр, просто нажмите «Вид -> Веб-макет».

Теперь мы можем перейти к созданию внешнего вида и содержания вашего нового сайта.

Шаг третий :

Это основная часть вашей работы. Здесь вы добавляете текст и изображения. Внесите любые изменения в размер текста, цвет текста или фона. Убедитесь, что вы получили именно то, что вам нужно, хотя для этого может потребоваться небольшая настройка в отделе форматирования. Просто убедитесь, что вы хорошо используете свою палитру форматирования, и у вас не должно возникнуть проблем с получением желаемых эффектов.

Шаг четвертый :

Если бы была сложная часть, то это была бы она. На самом деле эта часть тоже проста.

Выберите файл, а затем «сохранить как».

Дайте своему новому веб-документу уникальное имя и сохраните его в том месте, где вы сможете легко его найти. В раскрывающемся списке для форматов файлов выберите веб-страницу (.htm) для вашего типа файла. После того, как вы выбрали правильный тип файла, вы можете продолжить и сохранить как обычно, нажав кнопку «Сохранить».

Теперь вы можете загрузить свой HTML-файл куда угодно. Наслаждайтесь своим сайтом.

Эта статья полезна?
да
Нет

Кэти Гатто

Кэти Гатто — технический писатель с семилетним опытом работы и родной пользователь Mac. Ранее она писала для связанных с Apple сайтов, таких как Appletell и Mac Apper.

файлов Sitemap: как выделить страницы на вашем веб-сайте

Обновлено: 25 сентября 2019 г.

В этом посте я расскажу, как создать карту сайта в Microsoft Word для вашего веб-сайта. Возможно, вы действительно ищете информацию о файлах Sitemap и / или визуальных файлах Sitemap в формате XML или о том, как отправить карту сайта в поисковые системы.Если это так, прочтите этот пост о различиях между ними и о том, зачем они вам нужны — вы также найдете несколько полезных ресурсов для создания каждого из них. Или этот о том, как создать карту сайта в формате XML и отправить ее в поисковые системы Google и Bing.

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

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

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

Инструкции по созданию файла Sitemap в Word

Шаг 1. Откройте новый документ Word

Имейте в виду, что эти указания соответствуют Microsoft Word 2013. Отображение на экране и макет могут отличаться в зависимости от используемой версии.

Шаг 2. Перейдите на вкладку «Вставка» и щелкните SmartArt

Отсюда появится подобное окно.

Шаг 3. Выберите стиль организационной диаграммы

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

Шаг 4: Начните заполнение диаграммы

Следующий экран, с которым вы столкнетесь, — это диаграмма с автоматическими заполнителями [Text]. Его просто нужно заполнить соответствующим содержанием.

Используя поле слева под названием «Введите текст здесь», вы можете начать вводить различные заголовки страниц вашего веб-сайта.Верхняя строка диаграммы должна включать слова, которые вы хотели бы видеть на панели навигации главной домашней страницы вашего веб-сайта. Например, простая карта сайта MayeCreate.com может выглядеть так:

Подстраницы или выбор страниц, которые выпадают из основной навигации, могут быть перечислены под их родительской страницей. Приведенный выше рисунок напрямую соответствует основной навигации, которую вы найдете на веб-сайте MayeCreate.

Затем веб-дизайнер может использовать это «генеалогическое древо» при создании отдельных страниц на веб-сайте.

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

Например, раньше на нашем сайте были страницы «Веб-дизайн» и «Полудизайн». Через некоторое время мы поняли, что нам не нужен, чтобы разделить эти два, и в итоге объединили и включили их на более общую страницу портфолио.

Расположение домашней страницы в карте сайта

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

Правильный способ обозначить ваш сайт — это включить домашнюю страницу в верхнюю часть диаграммы с другими основными навигационными кнопками . Наличие «Домой» в основной навигации и на каждой странице позволяет вашим посетителям легко возвращаться домой или переходить на любую из других страниц сайта с каждой страницы, независимо от того, какую страницу они просматривают в данный момент.

Готовы встретиться с дизайнером?

Хотя до встречи с компанией, занимающейся веб-дизайном, не обязательно планировать страницы вашего веб-сайта до такой степени, создание карты сайта — отличный способ помочь вам визуализировать макет вашего веб-сайта и передать детали вашего видения дизайнерам. . Любые другие идеи, которые вы можете предложить, действительно помогут в процессе создания веб-сайта.

Использование Word для написания контента для вашего веб-сайта

статей

Это практическое руководство, которое следует из нашей статьи об основах использования Microsoft Word для написания контента для Интернета.

Подход

Уровни заголовков

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

Если этот флажок установлен, слева вы увидите панель вроде этого:

Показывает уровни заголовков в документе. Отображение различных уровней в Word будет зависеть от того, как вы настроили шаблон документа.Стили показаны на вкладке «Главная», а некоторые из используемых нами стилей показаны ниже:

Мы не рекомендуем использовать более четырех уровней заголовков на веб-странице, хотя можно подняться до шести, т. Е. Есть тег h6.

Будьте проще

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

Поэтому используйте только базовые стили, простые таблицы (т.е. не таблицы внутри таблиц). Используйте только простые отступы — дизайнер подгонит размер под разные размеры экрана.

Создание шаблона Word для веб-документов

Если вы планируете регулярно писать контент для Интернета с помощью Word, то рекомендуется создать шаблон, особенно если вы работаете в общей среде. Шаблон имеет расширение .dotx и обычно хранится в папке шаблонов, поэтому он будет доступен при создании нового документа.

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

Загруженный шаблон содержит четыре уровня заголовков и несколько других типичных (и легко конвертируемых в HTML) стилей.Следует помнить две важные вещи:

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

Сохраните его как тип шаблона (.dotx) в папке шаблонов после внесения изменений.

Когда вы закончите изменять шаблон, вы можете удалить весь текст, чтобы вы начали свой шаблон с чистого листа.

Планирование содержания

Определите, нужна ли вам иерархия папок на вашем веб-сайте

Необходимость в иерархии начинается, когда у вас есть несколько связанных элементов. Чтобы выбрать одну скучную, но необходимую тему, которая является «законной», она должна охватывать положения и условия, политику конфиденциальности, политику файлов cookie, условия использования, информацию о компании и т. Д. В зависимости от характера вашего бизнеса, некоторые из них могут стать довольно длинными и заслуживают отдельной (дочерней) страницы.

Обязательно возьмите карандаш и бумагу и нарисуйте себе древовидную структуру.

Очевидно, что обширная иерархия несколько усложняет задачу для посетителя, поэтому используйте ее с осторожностью.

Создайте структуру в файловой системе, соответствующую вашей иерархии

Бизнес по организации структуры описан в соответствующей статье Организация файлов.

Составьте список страниц

Это может быть своего рода мозговой штурм.Не бойтесь добавлять темы, даже если вы отметите их на будущее.

Запись содержимого домашней страницы последняя

Когда вы будете писать внутренние страницы, идеи будут приходить к вам. После того, как вы написали свой «стартовый пакет», вы можете посмотреть, как будет работать навигация на главной странице.

Одна из основных задач домашней страницы — направить посетителя туда, куда он хочет попасть, поэтому обычно содержание домашней страницы должно быть лаконичным. Те из вас, кто обеспокоен негативными последствиями ограниченного текста для поисковой оптимизации (SEO), помните, что в наши дни поисковые системы анализируют весь сайт, а не только каждую страницу отдельно.Если на главную страницу вашего веб-сайта заходит человек, он не хочет, чтобы его заваливали многословием, потому что он сосредоточен на своей работе.

Вверх | Справочная информация об использовании Word для написания контента | Статьи | Свяжитесь с нами

Tweet

2021 © Caz Limited

WebAIM: Microsoft Word — Создание доступных документов

Вы здесь: Домашняя страница> Статьи> Microsoft Word — Создание документов с расширенным доступом

Содержание товара

1. Текущая страница: Страница 1: Microsoft Word — Создание доступных документов
   1. Введение
   2. Заголовки
   3. Альтернативный текст для изображений
   4. Таблицы данных
   5. Ссылки
   6. Списки и столбцы
   7. Прочие принципы
   8. Проверка читаемости
   9. Преобразование в PDF
   10. Практические принципы
2. Страница 2: Word 365 и 2019 для Mac
3. Страница 3: Word 365 и 2019 для Windows
4. , стр. 4: Word 2016 для Mac
5. Страница 5: Word 2016 для Windows
6. , стр. 6: Word 2013 для Windows
7. Страница 7: Word 2011 для Mac
8. Page 8: Word 2010 для Windows

Введение

Microsoft Word — самый широко используемый текстовый процессор на рынке, а расширение.Формат docx — это формат de facto для текстовых документов. Он также часто используется для создания файлов PDF и HTML для веб-сайтов. Есть несколько способов сделать документы Word более доступными для людей с ограниченными возможностями, и эта возможность улучшается с каждой версией Office.

Об этой статье

Следующие передовые методы помогут вам сделать документы Word максимально доступными. На этой странице вы найдете общие принципы повышения доступности во всех версиях Word.

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

Заголовки

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

Однако это работает, только если используются стили Word. К сожалению, обычной практикой является создание «заголовка» путем выделения текста и применения другого шрифта, большего размера шрифта, полужирного форматирования и т. Д. С использованием стилей Word Font . Эти стили шрифта предоставят визуальных заголовков, но структура документа, необходимая для навигации пользователями вспомогательных технологий, отсутствует.

Уровни заголовков должны отражать структуру документа.

• A — заголовок документа или заголовок основного содержимого. Обычно существует только один заголовок 1 для каждого документа, хотя возможно иметь и более одного (например, журнал, где каждая статья является заголовком 1).
• A — заголовок основного раздела.
• A — это подраздел товарной позиции 2.
• A — это подраздел заголовка 3 и так далее.

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

Примечание

Word поддерживает заголовки 1–9, но веб-страницы и файлы PDF поддерживают только 6 уровней заголовков. По этой причине мы рекомендуем ограничиться заголовками 1–6.

Альтернативный текст для изображений

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

Есть два способа предоставить замещающий текст в документах Word:

1. Используйте Вы можете добавить «замещающий текст» к изображениям, фигурам, диаграммам, рисункам SmartArt и (в Office 365) значкам и 3D-моделям.
2. Укажите альтернативу в окружающем тексте.

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

Альтернативный текст должен быть:

• Точно и эквивалентно — представить содержимое или функцию как изображение.
• Лаконично — обычно достаточно нескольких слов; иногда уместно одно или два коротких предложения.
• НЕ быть избыточным — не предоставлять информацию, которая находится в окружающем тексте.
• НЕ используйте описательные фразы — программное обеспечение для чтения с экрана идентифицирует изображения, поэтому не используйте такие фразы, как «изображение…» или «изображение…».

Таблицы данных

Таблица данных — это информационная сетка, организованная в столбцы и строки. Зрячие пользователи просматривают таблицу, чтобы установить связи между данными в таблице и соответствующими заголовками строк и / или столбцов. Пользователи программ чтения с экрана создают те же ассоциации, если таблицы структурированы правильно.Инструменты для создания таблиц со специальными возможностями ограничены, особенно в старых версиях, но вы можете определить одну строку заголовков столбцов и один столбец заголовков строк.

Ссылки

Ссылки в документах Word позволяют пользователям посещать веб-страницы, отправлять электронные письма и переходить к заголовкам или закладкам в одном документе. Когда вы вставляете адрес веб-страницы или URL-адрес в документ и нажимаете Enter или Пробел, Word автоматически создает ссылку и использует URL-адрес в качестве текста ссылки. Обычно лучше дать ссылке более описательный текст.

Следуйте этим принципам, чтобы создавать доступные ссылки:

• Используйте описательный текст ссылки, который не зависит от контекста окружающего текста.
• Сведите к минимуму количество текста в ссылке.
• Используйте подчеркнутый текст, цвет которого выделяется на фоне окружающего текста.

Важно

Пользователи программы чтения с экрана могут просматривать документ, переходя от ссылки к ссылке. Избегайте двусмысленного текста ссылки, который трудно понять вне контекста (например,g., «нажмите здесь»).

Списки и столбцы

Списки и столбцы добавляют в документ важную иерархическую структуру. Иногда пользователи создают «списки» и «столбцы» вручную, нажимая Tab для отступа содержимого. Хотя это обеспечивает визуальную структуру для зрячих пользователей, она не обеспечивает структуру документа, необходимую для пользователей вспомогательных технологий.

В Word используются списки двух типов: маркеры и числа. Маркированные списки используются для группы элементов без порядка или иерархии:

• Кетчуп
• Горчичный
• Соленья
• Лук репчатый

Нумерованные списки представляют собой группу, в которой количество элементов имеет значение или где есть порядок или последовательность:

1. Разогрейте гриль на «сильном» уровне нагрева.
2. Готовьте гамбургеры на средней температуре.
3. Переверните гамбургеры, когда на пирожке виден сок.
4. Уберите гамбургеры, когда внутри будет температура 160 ℉.

Другие принципы

• Используйте простой язык.
• Убедитесь, что размер шрифта достаточен, обычно не менее 11 пунктов.
• Обеспечьте достаточный контраст между цветами текста и цветами фона.
• Не используйте цвет как единственный способ передать информацию.
• Будьте осторожны при использовании водяных знаков. Они могут повлиять на читаемость и снизить контраст.
• Предоставляет оглавление для длинных документов.

Проверка читаемости

В

Word есть средство проверки читаемости для выявления и устранения многих проблем со специальными возможностями. Программа проверки классифицирует проблемы доступности на три категории:

• Ошибки: содержимое, которое делает документ очень трудным или невозможным для людей с ограниченными возможностями.
  • Пример: изображение без альтернативного текста.
• Предупреждения: содержание, которое в большинстве — но не во всех — случаях затрудняет доступ к документу для людей с ограниченными возможностями.
  • Пример: ссылка с текстом, не описывающим ее функцию.
• Советы: материалы, к которым могут получить доступ люди с ограниченными возможностями, но которые могут быть лучше организованы или представлены.
  • Пример: переход от заголовка первого уровня к заголовку третьего уровня.

Если щелкнуть элемент в результатах, соответствующий элемент в документе будет выделен и отобразится раздел:

• Почему исправление: объясняет, почему проблема влияет на доступность.
• Как исправить: предложений по устранению проблемы.

Практические принципы

Готовы начать? Выберите свою версию Word:

Как сделать инфографику в Word

21 ноября 2019,
Опубликовано Томом Уоттсом

Сегодня мы поговорим о том, как создать инфографику в Microsoft Word.Насколько мы не советуем использовать Word для создания инфографики … иногда это ваш единственный вариант!

Примечание: для этой статьи мы использовали Microsoft Word из Office 365. Мы только что опубликовали статью о лучшем бесплатном и платном программном обеспечении для создания инфографики, поэтому, если вы считаете, что это вариант для вас, ознакомьтесь с этой статьей — если вы категорически настроены на использование Word, продолжайте читать.

Давайте прямо сейчас погрузимся в это.

Откройте новый документ

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

Найдите язычок вставки

Найдите вкладку вставки и щелкните ее на верхней правой панели инструментов. Здесь вы можете вставить в документ различные формы, графики и изображения. Если вы хотите создать инфографику в Word — это место для этого.

После того, как вы щелкнули вкладку вставки. Нажмите на другой вариант, чтобы найти то, что вам подходит. Но я настоятельно рекомендую заглянуть на вкладку «SmartArt».

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

Мы создали быстрый макет с помощью SmartArt в примере выше.

Диаграммы и графики

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

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

Microsoft Word также имеет параметры SmartArt для диаграмм взаимосвязей, пирамид и многого другого, чтобы помочь вам визуализировать практически все типы данных. Если у вас нет доступа к программам / приложениям для создания инфографики премиум-класса — Microsoft Word определенно поможет вам создать инфографику, если она вам тоже нужна.

Предоставление доступа к инфографике

Итак, вы завершили свою инфографику. И что теперь? Существует так много удивительной инфографики, которую просто недооценивают из-за того, что ее создатели достигли цели.Чтобы получить максимальную отдачу от своей инфографики, вы должны разместить ее в правильных местах и ​​показать ее квалифицированным посетителям.

Ваша инфографика должна выделяться среди остальных. Вот несколько различных способов сделать это: стильная графика, новые данные и статистика, интересные и уникальные темы и многое другое.

Как только вы убедитесь, что ваша инфографика готова к распространению по нескольким каналам — обратитесь к нескольким влиятельным лицам в вашей нише, чтобы узнать, будут ли они заинтересованы в бесплатном контенте.

Экспорт в PDF

Пришло время экспортировать документ в PDF. Это легко сделать с помощью инструмента управления файлами Microsoft Word.

Щелкните «Файл» на панели инструментов. Затем нажмите «Экспорт», чтобы открыть меню экспорта, в котором вы нажмете «Создать Adobe PDF». Это преобразует документ Word в PDF.

Экспорт в JPEG

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

Откройте документ в Adobe Acrobat. Затем нажмите «Файл», а затем «Экспорт в». В раскрывающемся меню выберите «Изображение» и, наконец, «JPEG». Это превратит каждую отдельную страницу в отдельное изображение.

Объединение изображений

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

Важное примечание: Это может быть сложно для неопытных людей, у которых нет программного обеспечения для редактирования фотографий, такого как Adobe PhotoShop. Мы настоятельно рекомендуем использовать PhotoPad от NCH Software, если у вас нет программного обеспечения для редактирования.

Теперь откройте PhotoPad и создайте новый документ. Обычно около 1920 в ширину и 4000-5000 пикселей в высоту в зависимости от размера вашей инфографики.

Затем нажмите кнопку «Браузер» в верхнем левом углу. Появится окно файлового менеджера. Выберите изображения и импортируйте их в редактор.

Выберите одно из изображений на нижней панели инструментов. Нажмите «CTRL» + «C», чтобы скопировать изображение. Затем вернитесь к основному файлу и нажмите «CTRL» + «V», чтобы вставить изображение в документ. Щелкните по внешнему краю изображения, чтобы переместить его в нужное место.

После того, как вы разместите все свои изображения, нажмите «Файл», затем «Сохранить как» и сохраните изображение в формате JPEG.Если программа сообщает, что не поддерживает прозрачность, установите для нее белый / черный фон и сохраните его.

Заключение

Создание инфографики с помощью Microsoft Word — это немного неудобно, и мы не советуем этого … однако, это можно сделать!

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

О Томе Уоттсе

Том — автор Infographic Website и гордый владелец Top Shelf Media, агентства веб-дизайна и разработки.Он опытный блоггер, который пишет обо всем, что связано с интернет-маркетингом, веб-дизайном и поисковой оптимизацией.