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