Top-office11.ru

IT и мир ПК
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как создать web страницу в word

Создание Web страниц средствами Word (стр. 1 из 3)

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

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

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

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

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

Использование Word для создания веб-страниц

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Выберите команду Файл > Сохранить как веб-страницу.

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

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

При выборе команды Файл > Сохранить как веб-страницу в поле Тип файла по умолчанию будет указан пункт» веб-страница

Рис. 2 Сохранение веб-страницы

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

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

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

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

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

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

8. Щелкните на кнопке Сохранить.

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

Рис. 3. Веб-страница после сохранения

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

Рис. 4Наша страница в окне браузера

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

Просмотр веб-страницы в Word

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

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

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

1. Если ваш документ еще не отображается в этом режиме, щелкните на кнопке Режим веб-документа.

Рис. 5. Кнопки для переключения режимов просмотра

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

2. С помощью вертикальной полосы прокрутки просмотрите весь документ.

3. Выберите команду Вид > Обычный.

4. Закройте документ.

Гиперссылкой называется текстовый фрагмент или другой объект, который связывает текущий документ с другими web-документами. Для создания гиперссылок вы можете использовать Мастера создания веб-страниц, но также можете расставить гиперссылки в документе вручную. Гиперссылки могут понадобиться для перехода между документами Word, Excel, Access и PowerPoint. Кроме того, гиперссылка позволять перейти к конкретному месту в документе. Формат гиперссылки включает адрес объекта ссылки. Это может быть путь к документу на локальном диске Когда вы щелкаете на гиперссылке в документе, соответствующая программа открывает документ, на который указывает эта гиперссылка. При работе с документами из пакета Office XP Word будет открывать эти документы в собственном окне. Если гиперссылка указывает на документ другого типа, он будет открыт в своей программе.

Читать еще:  Вставка фона в word

Гипертекстовые документы составляют подавляющее число всех документов в World Wide Web. Это происходит потому, что гиаперссылки значительно облегчают переход между связанными документами для пользователей. Представьте себе, что вы опубликовали в Интернете один из рекламных проспектов своей компании. На первой странице этого документа можно поместить только краткое введение и оглавление документа. Элементы оглавления будут служить гиперссылками на соответствующие разделы проспекта. Пользователь сможет щелкать на названиях интересующих его разделов, и программа просмотра будет отображать на экране связанные части документа. Вернувшись назад к оглавлению, пользователь сможет выбрать другой раздел для просмотра.

Для перехода между веб-документами Word предлагает несколько полезных способов. На панели Веб-узел отображается список адресов нескольких последних просмотренных документов. Кроме того, для перехода между документами можно использовать кнопки Вперед и Назад. В окне диалога Открытие д.окумента вы можете щелкнуть на кнопке Журнал. При этом в окне отобразится список последних документов Office, с которыми вы работали. Щелкните на названии нужного веб-документа, и он отобразится на экране

В этом упражнении мы создадим страницу с несколькими гиперссылками.

1. Создайте новый документ и сохраните его под именем Гиперссылки.

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

2. Введите следующий текст: Адрес в Интернет издательства «Питер» приведен ниже:. Нажмите клавишу Enter.

3. Выберите команду Вставка > Гиперссылка.

Рис. 6 Окно диалога Добавление гиперссылки

4. В открывшемся окне диалога Добавление гиперссылки в поле Адрес введите адресс файла с расширением .html которую нужно добавить на гипер ссылку как показано на рис. 3

Создание Web-сайта с помощью Microsoft Word

Как организовать дистанционное обучение во время карантина?

Помогает проект «Инфоурок»

Конспект занятий на тему:

Создание Web-сайта с помощью Microsoft Word

Гизатулин Арсен Рашитович

Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

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

Учебная – изучить и закрепить навыки работы с текстовым редактором.

Развивающая – развитие логического мышления, расширение кругозора.

Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.

Тип урока: комбинированный

Краткий инструктаж по технике безопасности в компьютерном классе.

Объяснение нового материала.

Выполнение практической работы.

Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word

Инструктаж по технике безопасности в компьютерном классе

Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.

«Правила поведения в кабинете информатики»

Соблюдать правила поведения и текущие указания учителя.

Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки — в очках.

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

Нажимать на клавиши плавно, не допуская резких ударов.

Работать на клавиатуре чистыми руками.

Не вставать со своих мест, когда в кабинет входят посетители.

В класс входить спокойно, не торопясь, не задевая столы.

Трогать разъёмы соединительных кабелей.

Прикасаться к питающим проводам и устройствам заземления

Прикасаться к экрану и тыльной стороне монитора.

Включать и выключать аппаратуру без разрешения преподавателя.

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

Не пользоваться клавиатурой при отключенной аппаратуре.

Работать во влажной одежде и влажными руками.

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

Изучение нового материала.

Изучая данную тему, мы с вами рассмотрим следующие вопросы:

Что такое Web – сайт, Web – страница, гиперссылка?

Как и какими средствами создаются Web – страницы?

Какие существуют виды навигационной схемы Web – сайтов?

Примеры оформления Web – страниц.

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

Практическая работа на компьютере

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

Завершить практическую работу и отправить учителю через «Виртуальные факультативы»

Что такое Web – сайт, Web – страница, гиперссылка?

Веб-сайт (Website) — это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании — в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта.

Читать еще:  Как включить защищенный просмотр word

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

Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.

Как и какими средствами создаются Web – страницы?

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

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

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

Какие существуют виды навигационной схемы Web – сайтов?

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

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

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

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

Примеры оформления Web – страниц.

Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.

Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.

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

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

1.Открыть текстовый процессор Word.

2.Создать таблицу (образец) на весь лист

3. Придумать дизайн страницы.

Разметка страницы → Цвет страницы → Способы заливки

5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы — главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.

Файл → Сохранить как → Имя файла.

6.Теперь нужно сохранить все эти файлы как web-страницу.

Файл → Сохранить как → Тип файла: web-страница

7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)

Выделить разделы и открыть пункт Вставка → Гиперссылка → Выбрать нужный файл → Ок. (Например, выделить раздел Лечебные свойства розы, выбрать пункт Вставка → Гиперссылка → Лечебные свойства розы → Ок). А для других файлов нужно внизу написать слово Назад и сделать гиперссылку на главную страницу. После всего демонстрировать учителю web-страницу

Как сделать сайт в ворде (Word)

Как сделать сайт в ворде

Как сделать сайт в ворде (Word)

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

Читать еще:  Как выделить все таблицы в word

Что нужно делать, чтобы создать сайт

1. Запускам Word.

2. Создаем меню.
Можно сделать так: Главная | Моя музыка | О сайте

Для этого, нажимаем «Вставка» — «Гиперссылка»
В появившемся окне в поле «Текст» пишем текст нашей ссылки – например «О сайте», в поле «Адрес» пишем текстом index1.htm,

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

Для других страниц пишем другие имена страниц — index2.htm, index3.htm, index4.htm или o-saite.htm, moia-musika.htm.

3. Ниже меню печатаем основной текст.

5. Сохраняем полученную страницу, нажимаем «Файл» — «Сохранить как», а далее очень важно, выбираем имя файла index, а тип файла htm – НЕ ОДНИМ ФАЙЛОМ.

Сохраняем полученную страницу сайта

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

Обратите внимание, если вы добавляли картинки, то вместе с веб страницей появится еще и папка images – в ней все вставленные вами рисунки.

Рекомендации

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

Спасибо за внимание.
Автор: Титов Сергей

Сообщения по теме:

Комментарии (5)

  1. yorik616 06.12.2009 #

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

yorik616: возможно просто не верно указали путь к рисункам…
например программа ищет рисунок по адресу C:/images/55.jpg
а рисунка там нет, он может в другом месте…
но я вообще не советовал бы делать так сайт — пробуйте другие варианты, например почитайте советы по HTML — http://www.lamer-stop.ru/category/delaem-sajt/uroki-html/.

Если нет фронтпейджа то скачайте HtmlReader по функциям очень похоже и бесплатно.

Ну, сделал, понятно, напихал страниц — тоже понятно. А как его отправить в сеть, чтобы эта папочка размещалась там и открывалась по определенному адресу, а не с компа создателя?

Новичкам об Internet

Как Веб-Страницу Превратить в Документ Word

Vladekas Blog — Интернет для Чайников

Как Веб-Страницу Превратить в Документ Word

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

Чтобы решить подобную проблему необходимо произвести следующие действия:

  • Нужно сохранить страницу на компьютер в виде веб-архива: Файл — Сохранить как. — выбрать тип файла «Веб-архив (единственный файл)» –выбрать папку для сохранения – нажать «Сохранить». Подробнее процедура описана в статье «Как сохранить страницу сайта в своём компьютере».
  • Открыть сохранённый файл с помощью программы Word из программного пакета Microsoft Office . Тут можно идти двумя путями. Можно сначала открыть программу MS Office Word, а уже из нее через функцию «Файл – Открыть» открыть файл. Или кликнуть на файле правой кнопкой мыши, а в появившемся контекстном меню с помощью функции «Открыть с помощью» находите Word и открываете файл.
  • После открытия документ будет открыт в виде веб страницы. Чтобы привести страницу к обычному виду надо нажать «Вид – Разметка страницы».
  • В связи с тем, что в виде веб-архива сохраняется страница полностью со всей структурой дизайна, то необходимо удалить лишние модули и оставить только необходимую информацию (текст, изображения, таблицы). Различные модули структуры страницы могут быть как в виде таблиц, так и в виде текста или графики. Для их удаления выделяете их и удаляете с помощью клавиш «Backspace» или «Del». Также следует заметить, что вы столкнётесь с тем, что страница в Ворде может отобразится не так, как в браузере, а «разбросанной». Это происходит в связи с особенностями построения дизайна интернет страниц (в данном случае «дивовый» дизайн – построение с помощью тегов «DIV»). А в случае жёсткого табличного дизайна страница в ворде будет отображена также, как и в браузере (в большинстве случаев).

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

  • Жмите «Файл» (в Word 2003) или кнопку «Office» (в Word 2007), а затем «Сохранить как».
  • Выберите тип файла (в общем случае «.doc» – документ Word 2003-2007) и сохраните файл в нужную папку. В новых версиях Word (2007 или Microsoft Office 2010) по-умолчанию документы сохраняются с расширением «.docx». Но есть возможность выбрать «.doc», если документ будет просматриваться в Ворде ранних версий

Полученный документ вы уже далее можете использовать по своему усмотрению для создания отчётов, презентаций или рефератов.

Видеоподкаст — «Web page in Word / Веб страница в документ Ворд» Скачать на компьютер видео в AVI формате с (Deposit Files или Letitbit.net)

Порекомендуйте сайт другим:

Если Вам понравилась статья, то Вы можете:

  • получать новые материалы сайта по RSS (что такое RSS),
  • подписаться на почтовую рассылку по e-mail.
  • сделать закладку на статью, нажав клавиши Ctrl+D.
  • обсудить статью на форуме
Ссылка на основную публикацию
Adblock
detector