ТЕМА 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-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно.
Создание простейшей веб-страницы средствами текстового процессора MS Word, 9 класс
При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds.htm, Word создает папку frieds.files, в которой и разместит все рисунки.
Поэтому при создании сайта – группы взаимосвязанных Web-страниц, рекомендуется помещать сайт в отдельную папку, и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок. При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1). Таблица 8.1
Рекомендуемые материалы
Лабораторная работа № 8 + ОТЧЁТ
Объектно-ориентированное программирование (ООП)
Тест 2 верен на 95%
Программирование и алгоритмизация
199 169 руб.
Все лабы Степанова (21 и 19 вариант есть) +1-4 РК 2021 Lazarus
Информатика
Escape-последовательности
Объектно-ориентированное программирование (ООП)
800 300 руб.
Проектно-технологическая практика ООП №3 Вариант 16 (оцененная на максимум) Проект+отчет Кафедра ИУ6
Объектно-ориентированное программирование (ООП)
лабораторки за весь семестр с пояснениями
Информатика
При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода. Это можно сделать, вызвав окно редактора через меню «Вид» — «Источник HTML». До того, как перейти в этот режим следует сделать сохранение файла. После завершения редактирования перед закрытием окна, файл также нужно сохранить.
Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML». По умолчанию редактирование выполняется в Блокноте. Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.
Для чего нужны файлы-шаблоны в MS Office
 Рис. 8.1 |
На рис. 8.1. приведены способы отображения документа Word, устанавливаемые в меню «Вид». При выборе «Web-документ» файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню «Вид» можно вернуться к обычному режиму работы с документом. |
ОСНОВНЫЕ ТЕРМИНЫ 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)
 |
| Мои друзья | |||
| Имя | Возраст | Рост | Вес |
| Вася | 18 | 189 | 90 |
| Зина | 22 | 170 | 67 |
| Коля | 45 | 165 | 60 |
| Лена | 25 | 180 | 70 |
| Среднее значение | 27,5 | 176 | 71,75 |
 |
Страница 1 (главная страница)
| Приветствие | ||
| Содержание Мое детство (ссылка на стр. 2) Мои увлечения (ссылка на стр. 3) Мои университеты (ссылка на стр. 4) | Представление – краткое резюме | Рисунок или фотография |
| Пишите мне (адрес e-mail) |
Страница 2 (Мое детство)
| Мое детство | |
| Фотография или рисунок | Текст (комментарии к фотографии) |
| Текст (несколько строк на заданную тему) |
Бесплатная лекция: «4. Табель форм документов» также доступна. Страница3 (Мои друзья) – использовать ранее созданный Web-документ friends.htm, созданный с помощью Excel. Страница 4 (Мои университеты) Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ О Вашем факультете, ссылка на сайт Вашего факультета.
Источник: studizba.com
Средства Microsoft Office для создания Web-сайтов
Как и в текстовом процессоре Word, сохранение рабочей книги, подготовленной вExcel, с помощью командыФайл/Сохранить как …. Эта команда открывает диалоговое окноСохранение документа– рис.9.14, котором указывается имя и тип файла, а также место сохранения файла.
Рис. 9.14 Диалоговое окно Сохранение документа Для выполнения публикации в диалоговом окне Сохранение документаследует нажать кнопкуОпубликоватьи в появившемся диалоговом окнеПубликация Веб-страницы выбрать публикуемые элементы, установить параметры просмотра (Работа с электронными таблицами или Работа со сводными таблицами) и вновь нажать кнопкуОпубликовать.
Если в окнеСохранение документабыла установлена опцияДобавить интерактивность, то при просмотреWeb-страницы вы увидите данные, а также полосы прокрутки и инструменты, позволяющие выполнить редактирование опубликованных данных. Web-страницу, созданную средствамиExcel, можно просмотреть с помощью браузера, а также вExcel2002 илиWord2002.
Для открытия страницы изExcel, необходимо выполнить командуФайл/Открыть,указав тип файла и его имя. Данные в WWW, опубликованные средствамиExcel2002, могут быть скопированы на листы книги. Для этого следует открытьWeb-страницу в окне браузера, с которой будут извлекаться данные, выполнить копирование содержимого ячеек в буфер промежуточного хранения, а затемвставить эти данные из буфера. Перетаскивание данных из одного приложения в другое возможно лишь в том случае, когда окна обоих приложений размещены рядом.
Источник: studfile.net
Какая программа входящая в пакет ms office позволяет создавать и редактировать web страницы
Умение размещать информацию в глобальной сети Интернет, понимать идеологию сайтостроительства, способность ориентироваться в средствах создания сайтов являются требованием времени. Современный учитель, при разработке электронного учебного пособия должен четко понимать, что такое веб-узел (веб-сайт), веб-страница и иметь представление о средствах создания сайтов. Примем за основу следующие определения:
Веб-узел (веб-сайт) — совокупность веб-страниц и иных ресурсов, объединенных по смыслу, связанных гиперссылками и физически находящихся на одном сервере. Веб-узел — это единый информационный блок.
Веб-страница — составная часть веб-узла (веб-сайта), физически представляющая собой HTML-файл. Веб-страница может содержать текст, изображения, апплеты Java и другие элементы.
Домашняя (главная) страница сайта — первая страница, появляющаяся при загрузке сайта в окно обозревателя.
Макет веб-сайта — выполненная в едином дизайне с использованием той или иной технологии архитектуры (фреймы, таблицы) и взаимосвязи страниц (гиперссылки, панели переходов) структура сайта, состоящая из файлов-заготовок веб-страниц и подлежащая последующему информационному наполнению и развитию.
Веб-редактор — программное средство, предназначенное для разработки веб-сайта. Веб-сервер — компьютер, специально сконфигурированный для размещения (хостинга) веб-сайта и предоставляющий доступ к веб-страницам посетителям сайта.
Используя самую простую классификацию, можно выделить следующие два типа веб-редакторов:
•WYSIWYG-редакторы — («What You See Is What You Get» — «Что видишь, то и получишь») — визуальные редакторы. Наиболее популярными визуальными редакторами сегодня являются Micromedia Dream Weaver и Microsoft
FrontPage.
•HTML-редакторы—программные средства, позволяющие создавать код страницы вручную. При работе в таком редакторе требуется знать язык разметки гипертекста HTML. Простейшим HTML-редактором является стандартное приложение операционной системы Windows Блокнот.
Приступая к работе по созданию сайта, необходимо четко представлять основные технологические этапы, которые предстоит выполнить:
3. Создайте папку для хранения файлов сайта (например, Site), в которой соберите необходимый текстовый и графический материал (необходимо оптимизировать объем и количество графических файлов, предназначенных для размещения на страницах вашего сайта). Не используйте символы русского алфавита в именах тех файлов, которые вы включаете в состав веб-узла, так как многие операционные системы серверов сети Интернет работают только с англоязычными именами.
4. Определите программное средство для создания сайта (например: Блокнот, Adobe Dreamweaver, Microsoft FrontPage и др.).
5. Создайте макет сайта (выполните макеты — заготовки страниц, содержащие элементы общего дизайна сайта: логотипы, фоновое оформление и т. п.; обеспечьте взаимосвязь между страницами сайта с помощью кнопочных, текстовых или графических гиперссылок). Необходимо помнить, что хорошо разработанная навигация — важный фактор привлечения к сайту посетителей, а также удобство работы учеников с электронным пособием.
6. Выполните содержательное наполнение созданных макетов веб-страниц.
7. Протестируйте созданный сайт в наиболее распространенных браузерах (например: Internet Explorer, GoogleChrom, Mozilla Firefox, Opera и др. ).
8. Устраните выявленные при тестировании неточности и ошибки.
9. Опубликуйте сайт в Интернете (например, можно разместить сайт на бесплатных хостингах: http://www.narod.ru, http://holm.ru, http://h1.ru).
10. Зарегистрируйте сайт в популярных поисковых системах (например: www.yandex.ru, www.rambler.ru, www.aport.ru).
Отметим, что в указанной технологической цепочке п. 5 и 6 часто переставляют местами, так как многие сайтостроители предпочитают начинать работу сразу с создания отдельных веб-страниц и только потом разрабатывают систему навигации по страницам сайта.
Любой сайт имеет свою главную страницу (index.html).