"Информатика. Учебное пособие для общеобразовательных учреждений с русским языком обучения", Г. А. Заборовский, А. Е. Пупцев
MS Word позволяет подготовить веб-страницу привычными средствами: набрать и оформить текст, добавить изображения и гиперссылки, а затем сохранить документ в формате HTML. Такой файл предназначен для просмотра в браузере, а не только для редактирования в Word. При преобразовании оформление может измениться, поэтому готовую страницу нужно открыть в браузере и проверить, правильно ли отображаются элементы и работают ли переходы.
Текст подготовлен нейронной сетью по теме параграфа и не заменяет учебник — важные факты и формулировки сверяйте с ним.
Веб-страница — документ, предназначенный для просмотра в браузере. Обычный документ Word обычно сохраняют в формате DOCX для редактирования, а веб-страницу — в формате, который браузер умеет отображать. Это различие помогает выбрать нужный формат в зависимости от того, будет ли файл редактироваться или опубликован в Интернете.
HTML-документ — файл, в котором текст и элементы веб-страницы описаны с помощью разметки HTML. Разметка сообщает браузеру, где находятся заголовки, абзацы, изображения и ссылки. Благодаря этому один и тот же документ можно просматривать в разных браузерах, а не только в программе, в которой его создали.
Гиперссылка — элемент веб-страницы, переход по которому открывает другой документ, страницу или ресурс. Ссылкой может быть текст или изображение, а её адрес указывает, куда именно перейти. Гиперссылки нужны, чтобы соединять материалы и помогать читателю перемещаться между ними.
Веб-сайт — совокупность связанных веб-страниц, обычно объединённых общей темой и адресом. Отдельные страницы сайта можно связать гиперссылками и разместить в общей структуре. Это позволяет представить большой материал по разделам, а не помещать всё в один длинный документ.
MS Word можно использовать для подготовки веб-страниц, потому что в нём удобно набирать текст, менять шрифт и размер, создавать заголовки и вставлять объекты. Для простой страницы не обязательно вручную писать HTML-код: редактор преобразует документ при сохранении. Такой способ подходит для знакомства с созданием страниц, хотя для сложного сайта возможностей Word может быть недостаточно.
Сначала подготовьте текст и оформление, затем выберите сохранение в формате веб-страницы и укажите имя файла и место хранения. Этот порядок нужен, чтобы создать HTML-версию именно готового материала и сразу знать, где искать результат. Если предполагаются несколько связанных страниц, заранее продумайте общую папку: тогда проще задавать пути к файлам и не терять их при переносе.
При сохранении Word преобразует документ в HTML, чтобы его содержимое понял браузер. Текст и элементы представляются средствами веб-страницы, но не все параметры Word имеют точный аналог в HTML. Поэтому сложное оформление может выглядеть иначе, а часть элементов — отображаться не так, как в окне редактора; это не обязательно означает, что файл повреждён.
Изображения добавляют как обычные объекты документа, а гиперссылки создают командой вставки ссылки: выделяют текст или объект и указывают адрес страницы либо путь к файлу. Ссылка должна вести к существующему ресурсу, а изображение — быть доступным для браузера после сохранения. Проверка нужна потому, что неверный адрес или перемещённый файл нарушит работу страницы, даже если в Word всё выглядело правильно.
Готовую страницу открывают в браузере, потому что именно там её будет видеть читатель. Представление страницы может отличаться от макета Word: браузер интерпретирует HTML и применяет собственные правила отображения. Просмотр позволяет обнаружить проблемы с оформлением, изображениями и переходами до того, как страницу передадут другим или опубликуют.
Используйте таблицу как контрольный список: последовательно переходите от подготовки содержимого к просмотру результата. На каждом этапе проверяйте не только действие в Word, но и то, что должно получиться в веб-документе. Если обнаружена ошибка, исправьте её и сохраните страницу заново.
| Этап | Действие в Word | Что проверить |
|---|---|---|
| Подготовка содержимого | Набрать текст и расположить материал в нужном порядке. | Текст полный, заголовок и абзацы на своих местах. |
| Форматирование текста | Оформить заголовки, абзацы и выделения. | Текст читается, важные части выделены уместно. |
| Добавление изображений | Вставить изображения и разместить их рядом с нужным текстом. | Изображения доступны и отображаются на странице. |
| Создание гиперссылок | Выделить объект и указать адрес или путь ссылки. | Переход ведёт к нужной странице или файлу. |
| Сохранение в формате веб-страницы | Выбрать тип веб-документа, имя и папку файла. | Создан файл HTML, сохранена актуальная версия. |
| Просмотр результата в браузере | Открыть сохранённый файл в браузере. | Оформление, изображения и ссылки работают. |
Задача 1. Создать в Word простую веб-страницу с заголовком и двумя абзацами текста и сохранить её как веб-страницу. Здесь важно не ограничиться созданием документа: цель — получить отдельный файл, который откроется в браузере. Поэтому после набора текста нужно выбрать веб-формат и проверить результат.
Ответ. Если браузер показывает заголовок и оба абзаца, базовая веб-страница создана. Проверьте, что открыли HTML-файл, а не исходный DOCX. Если внесли изменения после сохранения, сохраните веб-версию ещё раз.
Задача 2. Оформить страницу о школьном мероприятии: добавить заголовки, изображение и ссылку на сайт школы, затем проверить её в браузере. Заголовки помогут разделить сведения о мероприятии, а изображение и ссылка дополнят текст. При этом каждый добавленный объект нужно проверить именно в сохранённой странице.
Ответ. Страница готова, если заголовки читаемы, изображение видно, а ссылка открывает сайт школы. Если изображение отсутствует или ссылка ведёт не туда, проверьте доступность файла и правильность адреса. После исправления сохраните HTML заново и повторите проверку.
Задача 3. Подготовить несколько связанных страниц о школьном проекте, разместить их в общей папке, связать гиперссылками и проверить переходы. В отличие от одной страницы, здесь нужно заранее продумать взаимное расположение файлов. Общая папка помогает сохранять связи между страницами, когда проект переносят целиком.
Ответ. Страницы образуют связанный сайт, если каждая ссылка открывает нужный файл. Если переход не работает, проверьте имя файла, путь и место хранения страниц. Перемещайте проект вместе со всей папкой, чтобы относительные пути не потеряли смысл.
Сохранить документ только в формате DOCX и считать его готовой веб-страницей — значит оставить материал в формате документа Word. Так поступают, потому что DOCX остаётся привычным рабочим файлом, но сам по себе он не заменяет HTML-документ для публикации. Проверьте расширение и тип сохранённого файла, а затем откройте HTML-версию в браузере.
Изменить исходный документ, но не сохранить изменения в веб-формате — значит оставить HTML-страницу устаревшей. Ошибку легко допустить, когда после правки продолжают смотреть на файл, который был создан раньше. Чтобы проверить себя, откройте веб-страницу и убедитесь, что в ней появились последние изменения; если нет, сохраните её повторно.
Указать неверный адрес или путь гиперссылки — значит направить читателя не к тому ресурсу либо на несуществующий файл. При вводе ссылки можно ошибиться в символе или имени файла, особенно если страниц несколько. Проверьте адрес и перейдите по ссылке в браузере; для файлов убедитесь, что они находятся по указанному пути.
Не проверить результат в браузере — значит полагаться только на вид документа в Word. Это происходит потому, что в редакторе всё может выглядеть правильно, хотя после преобразования оформление, изображения или ссылки ведут себя иначе. Откройте сохранённую страницу и проверьте все её элементы; после исправлений снова сохраните HTML и повторите просмотр.
Для работы пригодятся навыки создания и форматирования документов в MS Word, вставки изображений и сохранения файлов. Нужно также понимать, как устроены файлы и папки, что такое адрес ресурса и как выполняется переход по гиперссылке в Интернете. Эти знания помогают правильно размещать страницы и связывать их между собой.
Создание страницы в Word даёт практическое представление о публикации материалов в сети, но не заменяет изучение веб-технологий. При знакомстве с HTML станет понятнее, как задаются структура и элементы страницы, а CSS позволит управлять её оформлением. Эти навыки пригодятся для создания сайтов и подготовки материалов к публикации в Интернете.
Чем веб-страница отличается от обычного документа Word?
Документ Word обычно сохраняют в формате DOCX и редактируют в текстовом редакторе. Веб-страницу сохраняют в формате HTML, чтобы её можно было открыть в браузере. При этом её вид может отличаться от исходного документа.
Как сохранить документ Word в формате веб-страницы?
Подготовьте и оформите документ, затем откройте команду сохранения файла. Выберите тип веб-документа или HTML, укажите имя и папку для файла и сохраните его. Названия пунктов меню могут немного различаться в версиях Word.
Что происходит с документом при сохранении в HTML?
Word преобразует документ в HTML-документ: текст и элементы страницы записываются так, чтобы браузер мог их отобразить. Некоторые параметры оформления могут быть переданы иначе или не сохраниться полностью. Поэтому результат следует проверить в браузере.
Как добавить гиперссылку на другую страницу?
Выделите текст или элемент, который должен стать ссылкой, и воспользуйтесь командой вставки гиперссылки. Укажите адрес веб-ресурса или путь к файлу и подтвердите вставку. После сохранения перейдите по ссылке в браузере, чтобы проверить её.
Почему нужно проверять веб-страницу в браузере?
Браузер может показывать оформление не так, как окно Word, потому что HTML по-другому представляет часть элементов документа. Кроме того, только при просмотре страницы можно убедиться, что изображения загрузились, а ссылки ведут по нужным адресам. Проверка помогает исправить ошибки до публикации.
2.1. Создание веб-страниц в редакторе MS Word
