![]() |
|
сделать стартовой | добавить в избранное |
![]() |
Создание Web страниц средствами Word |
Вступление В ходе прохождения вычислительной практики: разработали педагогический сценарий на тему индивидуального задания; разработали Web-страничку,которая реализует розработанный педагогический сценарий; настроить и протестировать розработанную Web-страничку с помощью программы I er e Explorer; подготовить отчет по вычислительной практике; Использование Word для создания веб-страниц Во время прохождения практики мы научились: сохранять документы Word как веб-страницы; просматривать веб-страницы в режиме разметки Web; сохранять веб-страницы в папке Web; создавать гиперссылки; создавать веб-страницы с помощью Мастера веб-страниц. Word и World Wide Web World Wide Web — это система документов, связанных между собой гиперссылками. Гиперссылки позволяют переходить от одного документа к другому. Документы могут включать текст, рисунки, аудио- и видеофайлы. Для форматирования документов в формате H ML (основной формат файлов World Wide Web) существуют некоторые ограничения. Например, в этих документах без специальных ухищрений обычно не удается разместить текст в нескольких колонках, а также не удается выравнять его по обоим краям страницы. Каждая веб-страница представляет собой обычный текстовый файл с указанными в виде команд параметрами форматирования для текста, графики и гиперссылок. Этот файл называется источником H ML, поскольку соответствующие команды записаны в формате языка разметки гипертекста (Hyper ex Markup La guage, H ML). Браузер (программа, позволяющая читать информацию в документах World Wide Web) распознает веб-страницу и отображает ее на экране так же, как в режиме веб-страницы это делает Word. Увидим, что в режиме просмотра Web текста удобно читать, так как он отображается крупными буквами и строки автоматически переносятся, адаптируясь к ширине страницы. В этом режиме просмотра текст молено редактировать и форматировать. Сохранение документа Word как веб-страницы В версии Word 2000 формат файлов Интернета (H ML) используется как один из форматов Word. Это значит, что может и не потребоваться специальное преобразование документов Word в формат Web. Если вы открываете уже готовую веб-страницу, то Word автоматически будет ее сохранять в этом же формате. Если вы начинаете работу с документом в Word, то для преобразования его в формат, пригодный для Интернета, вам понадобится специальная команда сохранения. Сейчас мы создадим документ, внесем в него некоторые изменения и сохраним как веб-страницу. Откройте файл Книжное обозрение.doc, который мы создали на одном из предыдущих занятий. Выберите команду Вид &g ; Разметка страницы. Вы увидите документ, оформленный в несколько колонок (рис.1) Выберите команду Файл &g ; Сохранить как веб-страницу. На экране появится окно диалога Сохранение документа, показанное на рис. 2.В нем вы можете выбрать компьютер, диск или папку для сохранения документа. Рис.1. Документ до преобразования в веб-страницу При выборе команды Файл &g ; Сохранить как веб-страницу в поле Тип файла по умолчанию будет указан пункт&quo ; веб-страница Рис. 2 Сохранение веб-страницы Кроме того, вы можете указать имя файла и его формат.
Для задания заголовков веб-страниц служит кнопка Изменить заголовок. Давайте сохраним веб-страницу в нашей рабочей папке. Заголовок — это имя документа, под которым он будет опубликован в Интернете. Различные поисковые системы используют содержание таких заголовков для первоочередного поиска. Если вы хотите, чтобы ваши документы легко можно было найти в огромном количестве опубликованных в Интернете материалов, старайтесь давать им содержательные заголовки. Щелкните на кнопке Мои документы. На экране отобразится содержимое этой папки. Дважды щелкните на значке Работа. Выделите имя файла в поле Имя файла. Введите имя Мой веб-документ. Щелкните на кнопке Сохранить. Word преобразует документ в формат H ML, чтобы его. можно было просматривать в Интернете (рис.3). Рис. 3. Веб-страница после сохранения Обратите внимание, что теперь документ отображается на экране без колонок. Они могут выводиться на экран в режиме разметки страницы, но при просмотре в окне браузера они отображаться не будут (рис. 4). Рис. 4Наша страница в окне браузера При сохранении документов в формате H ML Word сохраняет графику и другие объекты из этого документа в отдельных файлах. Просмотр веб-страницы в Word Режим веб-документа позволяет выводить на экран документы Word в том виде, в котором они будут отображаться на экранах компьютеров пользователей в окне программы просмотра. Вид страницы в окне программы просмотра (браузера) может зависеть от типа этой программы. Например, форматирование, которое поддерживается браузерами e scape, может быть несовместимым с программами, произведенными компанией Microsof . В настоящее время активно ведется работа по стандартизации команд языка H ML. Это делается для того, чтобы обычные пользователи не страдали от последствий конкурентной борьбы между производителями браузеров. Word отображает веб-страницу так, как она будет отображаться в браузере компанией Microsof , так как сама программа Word производится этой компанией. Некоторые отличия могут наблюдаться для отдельных параметров форматирования, например горизонтальных линий или таблиц. Предпочтительнее вставлять в веб-документы горизонтальные линии из коллекции картинок. Чтобы протестировать совместимость форматирования вашей веб-страницы с другими браузерами, вам потребуется закрыть ее после сохранения и затем открыть в нужном браузере. Если внешний вид страницы будет удовлетворять, то никаких дополнительных изменений в документ вносить не нужно. Сейчас мы посмотрим на текущий документ в режиме разметки Web. Если ваш документ еще не отображается в этом режиме, щелкните на кнопке Режим веб-документа. Рис. 5. Кнопки для переключения режимов просмотра Легко видеть, что в этом режиме документ отображается символами более крупного размера, и длинные строки переносятся автоматически. (На экране бегунок горизонтальной полосы прокрутки занимает всю полосу) С помощью вертикальной полосы прокрутки просмотрите весь документ. Выберите команду Вид &g ; Обычный. Закройте документ. Гиперссылки Гиперссылкой называется текстовый фрагмент или другой объект, который связывает текущий документ с другими web-документами.
Для создания гиперссылок вы можете использовать Мастера создания веб-страниц, но также можете расставить гиперссылки в документе вручную. Гиперссылки могут понадобиться для перехода между документами Word, Excel, Access и PowerPoi . Кроме того, гиперссылка позволять перейти к конкретному месту в документе. Формат гиперссылки включает адрес объекта ссылки. Это может быть путь к документу на локальном диске Когда вы щелкаете на гиперссылке в документе, соответствующая программа открывает документ, на который указывает эта гиперссылка. При работе с документами из пакета Office XP Word будет открывать эти документы в собственном окне. Если гиперссылка указывает на документ другого типа, он будет открыт в своей программе. Гипертекстовые документы составляют подавляющее число всех документов в World Wide Web. Это происходит потому, что гиаперссылки значительно облегчают переход между связанными документами для пользователей. Представьте себе, что вы опубликовали в Интернете один из рекламных проспектов своей компании. На первой странице этого документа можно поместить только краткое введение и оглавление документа. Элементы оглавления будут служить гиперссылками на соответствующие разделы проспекта. Пользователь сможет щелкать на названиях интересующих его разделов, и программа просмотра будет отображать на экране связанные части документа. Вернувшись назад к оглавлению, пользователь сможет выбрать другой раздел для просмотра. Для перехода между веб-документами Word предлагает несколько полезных способов. На панели Веб-узел отображается список адресов нескольких последних просмотренных документов. Кроме того, для перехода между документами можно использовать кнопки Вперед и Назад. В окне диалога Открытие д.окумента вы можете щелкнуть на кнопке Журнал. При этом в окне отобразится список последних документов Office, с которыми вы работали. Щелкните на названии нужного веб-документа, и он отобразится на экране Создание гиперссылок В этом упражнении мы создадим страницу с несколькими гиперссылками. Создайте новый документ и сохраните его под именем Гиперссылки. Если вы попытаетесь вставить гиперссылку в документ, который еще не был сохранен, Word выведет на экран сообщение о необходимости сохранения документа. Это делается для того, чтобы Word мог использовать текущие координаты документа и таким образом обеспечить к нему доступ из других документов с помощью гиперссылок. Введите следующий текст: Адрес в Интернет издательства «Питер» приведен ниже:. Нажмите клавишу E er. Выберите команду Вставка &g ; Гиперссылка. Рис. 6 Окно диалога Добавление гиперссылки В открывшемся окне диалога Добавление гиперссылки в поле Адрес введите адресс файла с расширением .h ml которую нужно добавить на гипер ссылку как показано на рис. 3 Щелкните на кнопке ОК. Теперь после введенного вами текста в документе появился адрес сервера Интернета. Удерживая нажатой клавишу C rl, поместите указатель мыши на гиперссылку. Указатель примет вид руки с вытянутым указательным пальцем. Используя шаги 3-5, создайте еще несколько гиперссылок на знакомые вам web-узлы.
Эту панель можно вызвать и из меню View, выбрав пункт "Properties Window". Рис. 18.3. Панель Properties редактора Script Editor. В принципе можно везде использовать лишь средства панели Properties — тогда все без исключения тэги будут обрамлены на CSS, причем для создания страницы знать этот язык вовсе не обязательно, так как названия почти всех параметров вполне понятны даже по-английски.[50] Чтобы вставить на страницу рисунок, достаточно перетащить его иконку из «Проводника» в окно Script Editor на нужное место, а потом слегка откорректировать его имя, если он находился на локальном диске. Превосходные средства работы с Html-кодом — это лишь очень малая часть возможностей Script Editor (хотя и их вполне бы хватило на небольшой web-редактор, причем очень даже неплохой для своего класса)! Вкладка Design основного окна этой программы представляет собой полноценный WYSIWYG-редактор Web-страницы (рис. 18.4), многократно превосходящий по своим возможностям большинство других аналогов. Рис. 18.4.Вкладка Design окна программы Script Editor
3. Разработка онтологий 101: руководство по созданию Вашей первой онтологии
4. Web-Дизайн и программы для создания web-страниц
9. WINDOWS - средства для создания презентаций
10. История создания сурдотехнических средств
12. Характер героя и средства его создания в одном из произведений русской литературы XX века
13. Характер героя и средства его создания в одном из произведений русской литературы XX века
14. Характер героя и средства его создания в одном из произведений русской литературы XX века
15. Вводные конструкции как средство создания комического
16. Постановка и разработка алгоритма решения задачи Учёт основных средств
17. Средства создания мультимедийных приложений
18. Разработка программированных средств с помощью VBA
19. Бизнес-план и средства его создания
20. Разработка библиотечных средств
25. Разработка средства функционального диагностирования вычислительных устройств
26. Разработка элементов информационной системы средствами СУБД MS Access и языка программирования VBA
27. Создание динамических сайтов средствами Dreamweaver
28. Средства просмотра WWW-страниц
29. Средства создания программных продуктов
30. Разработка технологии горячего блюда из мяса птицы и подбор средств измерения для контроля качества
31. Средства создания комического в детективах Д. Донцовой
32. Языковые средства создания комического в речи рассказчика-героя Зощенко
33. Создание имиджа фирмы средствами паблик рилейшнз
34. Дополнительные средства оформления текстов (разработка урока, 11 класс)
36. Разработка программных средств анализа графика функции и решение оптимизационных задач
41. Направления расходования средств федерального бюджета
43. Неправомерное завладение автомобилем или иным транспортным средством без цели хищения
44. Страхование автотранспортных средств
45. Технические средства таможенного контроля
47. Художественные средства и их использование в творчестве живописцев авангарда начала XX века
48. Монтаж как выразительное средство. Внутрикадровый монтаж. Монтаж как способ режиссёрского мышления
49. Книга как основное средство документной коммуникации
50. Поэзия природы: средства изобразительности и функции
52. Особенности речи в средствах массовой информации
53. Анализ формы и средств выразительности хора № 19 "Гроза" из оратории Йозефа Гайдна "Времена года"
57. Программные средства интернет
59. Компьютеры как средство общения людей
60. Эксплуатация средств вычислительной техники
62. Краткий конспект лекций по Теории тестирования аппаратных и программных средств
65. Средства отладки электронных схем
66. Средства печати
67. Автоматизированное рабочее место регистрации и документирования комплекса средств автоматизации
68. Информационные технологии в экономике. Средства организации экономико информационных систем.
69. Разработка лабораторного практикума "Создание тестирующей программы"
73. Создание и редактирование текстовых документов в текстовом процессоре word 9x
74. Выбор программного средства для комплексной автоматизации работы офиса
75. Создание текстовых документов с помощью MS Word
76. Средства мультимедиа в Windows Millenium Edition
78. Фармакодинамика и фармакокинетика лекарственных средств
79. Средства визуализации изображений в компьютерной томографии и цифровых рентгенографических системах
80. Клиническая фармакология средств, применяемых для лечения гастродуоденальной патологии
81. Использование ультрафиолета как современное бактерицидное средство.
82. Криминалистическая экспертиза следов транспортных средств
84. В борьбе с терроризмом все средства хороши!
85. Выбор и расчет средств по пылегазоочистке воздуха
89. Социально-культурное творчество – эффективное средство социализации личности
91. Технические средства статической проекции и методика их применения в начальной школе
92. Абсолютное оружие (Средства массовой информации)
93. Технические средства транспорта
94. "Цифровые фотоаппараты, как средство съема визуально - оптической информации"
96. Технические средства транспорта
98. Развитие учебной мотивации студента средствами психологической службы