Разное

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

26.03.2021

Содержание

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

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

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

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

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

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

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

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

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

(рисунок 1)

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

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

4. Вставляем рисунки.

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

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

(рисунок 2)

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

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

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

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

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

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

Как сделать сайт в Worde

 

Пошаговое руководство как сделать сайт за 20 минут

при помощи Microsoft Word.

 

1.       Создаем на диске новую папку, в которой будут храниться файлы нашего будущего сайта и назовем ее My_Site (можете придумать свое название)

 

 

 

2.      Открываем текстовый редактор Microsoft Word  и сохраняем новый, пока еще пустой файл как Web страницу под именем index в нашей папке  My_Site  ( Меню > Файл  >  Сохранить как Web страницу). Важно! Имя первой главной страницы на которую будут попадать посетители вашего сайта должно быть index.htm или index.html , в именах Web страниц не используйте заглавных букв.

 

 

 

3.      Устанавливаем  цвет фона (  Меню > Формат > Фон )

 

 

4.      Для более удобного позиционирования объектов (текст, рисунки и т.д.) на будущей Web странице, воспользуемся таблицей

( Меню > Таблица > Добавить > Таблица), нам вполне хватит таблицы из трех столбцов и одной строки.

 

 

                        Созданную таблицу можно будет отредактировать в любое время, а так же добавлять или удалять отдельные ячейки таблицы.

 

 

 

5.      Теперь вставим в среднюю ячейку  какой-нибудь  рисунок, либо рекламный баннер партнерской программы (Меню > Вставка > Рисунок > Из файла). После вставки рисунка, Word  автоматически создает каталог index.files , где размещает все вставленные файлы рисунков, этот каталог со всем его содержимым нужно будет загрузить на сервер хостинга об этом будет написано ниже.

 

 

             

 

6.      Далее к баннеру нужно прикрепить гиперссылку, для этого щелкните правой кнопкой мыши по баннеру и в открывшемся меню выберите Гиперссылка , затем введите имя нужной вам ссылки и нажмите Ок. Для создания текстовой гиперссылки вам нужно выделить отрезок текста и далее проделать все те же операции, что и с баннером. 

 

 

 

Текстовая гиперссылка

 

 

7.      Теперь создадим вторую страницу аналогично первой, назовем ее page01 и сохраним в нашем каталоге  My_Site как Web страницу.

Для того чтобы посетитель смог перейти на страницу page01 с нашей главной страницы и обратно поставим гиперссылки (если обе страницы находятся в одном каталоге, как в нашем примере, то при создании гиперссылки совсем НЕ обязательно указывать полный путь к странице, достаточно указать ее имя)

 

 

 

Главная страница  index.htm с ссылкой для перехода на страницу page01.htm

 

 

 

Страница  page01.htm и ссылкой для возврата на главную страницу index.htm

 

 

 

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

Имена файлов ваших Web страниц могут быть произвольными, но помните что в именах не должно содержаться заглавных букв и имя первой главной страницы вашего сайта должно быть  index.htm или index.html .  Word вполне подходит для создания небольших Web страниц, но более удобными и профессиональными являются специальные визуальные редакторы FrontPage и Dreamweaver MX , их описание вы найдете в нашей библиотеке.

 

Пример созданных Web страниц можно посмотреть здесь

 

 

Размещение сайта в сети.

 

После того как сайт создан его нужно разместить в Интернете. Рассмотрим пример размещения на бесплатном хостинге narod.ru

 

1.      Для начала вам нужно выбрать имя вашего сайта и нажать на кнопку Занять. (Имя вашего сайта будет выглядеть так: http://имя_сайта.narod.ru  вместо имя_сайта будет название вашего сайта ).  Если имя свободно, то вы попадете на страницу регистрации, если же имя занято, то вам будет предложено выбрать другое имя (имя сайта должно содержать только латинские буквы и цифры, в имени сайта нельзя использовать заглавных букв).

 

 

 

 

2. После успешной регистрации переходим к загрузке нашего сайта на хостинг. Для этого откройте свой web браузер, в строке адреса введите ftp.narod.ru и нажмите Enter. Далее: введите в форму имя вашего сайта (без окончания narod.ru), пароль и нажмите Вход.

 

 

 

2.      Скопируйте все файлы и подкаталоги из каталога My_Site в ftp://ftp.narod.ru/  (замете ИЗ каталога, а не весь каталог), если все сделано правильно, то ваш сайт сразу же станет доступным по адресу http://

имя_сайта.narod.ru 

 

 

3.   Привлечь первых посетителей на ваш сайт можно разными способами, самый простой это воспользоваться  САР  или почтовыми сервисами.       См. также Раскрутка сайта.

 

 

 

 

8 Создание Web-страниц с помощью Word » СтудИзба

ТЕМА 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-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds.htm, Word создает папку frieds.files, в которой и разместит все рисунки.

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

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

Элемент документа Word

Преобразование Word ® HTML

Размеры шрифтов

В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта

Текстовые эффекты:
приподнятый, с тенью, уплотненный и т.д.

Текстовые эффекты не сохраняются, но сам текст остается

Начертания:
полужирный, курсив, подчеркивание

Остаются, но некоторые виды подчеркивания преобразуются в сплошную линию

Анимация текста

Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель «Web-компоненты»)

Графика

Изображения преобразуются в формат GIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии.

Графические объекты: автофигуры, фигурный текст, надписи и тени

Объекты преобразуются в файлы формата GIF. В среде редактирования Web-страницы можно вставить графические средства «Вставка» — «Рисунок»

Таблицы

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

Нумерация страниц и колонтитулы

Так как документ HTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация не сохраняется

Поля страниц и многоколонный текст

Чтобы сохранить разметку страницы следует использовать таблицы

Стили

Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML

 

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

Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.

Рис. 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 – объединенная группа экспертов по машиной обработке фотоизображений) – распространенный формат растровой графики, который идеально подходит для сканируемых фотографий.

Webpage (Web-страница) – электронный документ, предназначенный для размещения (размещенный) в Интернет.

Website (Web-сайт) – совокупность Web-страниц, связанных между собой темой, гиперссылками и близким расположением в Интернет.

Web server (Web-сервер) – сервер, предназначенный для размещения Web-сайтов в Интернет, и предоставляющий услуги по запросам клиентов.

WYSIWYG (What You See Is What You Get – что вижу, то и имею) – тип редакторов, в которых документ отображается так, как он будет напечатан или представлен в Интернет.

 

ЗАДАНИЕ № 8
Тема: Создание Web-сайта на основе программных приложений
MS Office (Word и Excel)

 

Часть 1. Создание группы Web-страниц методом преобразования
документов
MS Office

1. На рабочем диске подготовить папку для размещения Ваших документов.

2. Создать документ Word следующего содержания.

Главный заголовок, например Объект WordArt:

Далее 3 – 4 абзаца о своем происхождении (краткая автобиография).

 

Затем разместить текст:

«Далее Вы можете узнать подробности:»

И создать оглавление, состоящее, например, из 2-х пунктов.

Мои увлечения

Мои друзья

3. Оформить документ и сохранить в своей папке на жестком диске под именем main.doc.

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby.doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем friends.xls.
Для вычисления средних значений должны быть использованы формулы.

 

 

 

Мои друзья

Имя

Возраст

Рост

Вес

Вася

18

189

90

Зина

22

170

67

Коля

45

165

60

Лена

25

180

70

Среднее значение

27,5

176

71,75

Рис. 8.2. Пример таблицы для файла friends.xls

 

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

5.2. Подготовить лист к печати:

5.2.1. Настроить параметры вкладки «Страница…» в режиме Предварительного просмотра, создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.

6.2. Сохранить документ и проверить работоспособность гиперссылки. Возврат в Главный документ выполнять с помощью кнопки   на панели инструментов

7. В главном документе установить закладку на заголовок Мои увлечения. Дать ей название «Хобби». Сохранить документ.

8. Создать в конце каждого вспомогательного документа гиперссылки, обеспечивающие возврат в основной документ.

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок  можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле hobby.doc гиперссылка должна обеспечивать переход на закладку «Хобби».

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

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

10.1. Подготовить папку для Web-документов с именем My_Web.

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web, указав
 Тип файла: Web-страница (*.htm; *.html)

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web-документы, начиная с main.htm. Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.

12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание: Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в Microsoft Word for Windows» или кнопкой  на панели инструментов.

13. Сохранить и закрыть все документы, скопировать папку My_Web на диск A:. Предъявить работу Web-страниц преподавателю.

Часть 2. Создание новых Web-документов с помощью
приложений
MS Office

1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. приложение).

2. Создать папку с именем Presentation, а в ней папку для Ваших рисунков — Gallery.

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов формата bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.

4. Создать отдельный файл для каждой страницы с помощью текстового процессоа Word (стр.1,2,4). Для Страницы 3 использовать готовый файл friends.htm. Сохранять файлы в формате htm или html в папке Presentation.

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index.htm.

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовков использовать объект WordArt, для прочих – стиль Заголовок

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат» – «Фон» – «Способы заливки») или тематическое оформление (меню «Формат» – «Тема»).

4.1.4. Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении Web-странички. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактора Word.

4.2.1. Для создания документа воспользоваться пунктом меню «Файл»-«Создать», в открывшемся диалоговом окне «Создание документа» выбрать вкладку «WEB-станицы» и пиктограмму «Новая WEB-страница». Сохранить чистую WEB-страницу в папке Presentation, дав странице имя на английском языке childhood.htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку, отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки Gallery.

4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета близкие к цвету текстуры или темы главной страницы.

4.2.5. Сохранить документ и просмотреть его в Internet Explorer. При необходимости отредактировать.

4.3. Создать третью страницу на основе созданного в Части 1 файла friends.htm.

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation.

4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4. Создать четвертую страницу сайта с помощью редактора Word.

4.4.1. Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке Gallery.

4.4.2. Создать файл в папке Presentation, с именем university.htm.

4.4.3. Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке Gallery. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word документ index.htm, и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

5.2. Сохранить файл и обновить его просмотр в броузере. Проверить правильность выполнения переходов по гиперссылкам.

6. Вставить в конец каждого из документов рисунок ( ). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив из за рисунком.

Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Gallery.

7. Сохранить изменения в файлах и обновить просмотр сайта в Internet Explorer.

8. Просмотреть содержание каждого из вновь созданных файлов в формате HTML.

8.1. Найти тэги, обеспечивающие вставку гиперссылок, рисунков.

8.2. Убедиться, что ссылки на рисунки имеют относительную адресацию. В противном случае отредактировать их.

9. Скопировать папку Presentation со всем ее содержимым на диска А: или на диск C: в папку Temp. Протестировать работу сайта, запустив его просмотр из нового места размещения.

10. Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.

 

 

 

Приложение

Структура сайта

 


 

 

Страница 1 (главная страница)

 

Приветствие

Содержание

Мое детство

(ссылка на стр. 2)

Мои увлечения

(ссылка на стр. 3)

Мои университеты

(ссылка на стр. 4)

Представление – краткое резюме

Рисунок или фотография

Пишите мне
(адрес e-mail)

 

Страница 2 (Мое детство)

 

Мое детство

Фотография или рисунок

Текст

(комментарии к фотографии)

Текст

(несколько строк на заданную тему)

 

 

Страница3 (Мои друзья) – использовать ранее созданный Web-документ friends.htm, созданный с помощью Excel.

Страница 4 (Мои университеты)

Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ

О Вашем факультете, ссылка на сайт Вашего факультета.

 

 

Урок Создание Web-сайта с помощью Microsoft Word Цель урока: Задачи урока: Используемое программное обеспечение: Тип урока: План урока

Создание Web-страницы

Создание Web-страницы MS Word можно использовать для создания вебстраниц. Несомненно, разрабатывать веб-страницы гораздо лучше при помощи специальных редакторов (например, Microsoft FrontPage), однако

Подробнее

Оформление документов. с помощью MS Word

23.04.2014 X Оформление документов с помощью MS Word Microsoft Office Гипертекстовые документы Обычный текст представляется как одна длинная строка символов, которая читается в одном направлении. Гипертекстовая

Подробнее

Понятие о презентации и слайдах.

Цели урока: Понятие о презентации и слайдах. познакомить учащихся с режимами отображения презентации, возможностями панелей инструментов вкладки Главная; повторить и закрепить изученный материал. Задачи

Подробнее

Паспорт мультимедийного кабинета

МУНИЦИПАЛЬНОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА С.РСАЕВО МУНИЦИПАЛЬНОГО РАЙОНА ИЛИШЕВСКИЙ РАЙОН РЕСПУБЛИКИ БАШКОРТОСТАН Утверждаю. Директор МБОУ СОШ с.рсаево /А.Фаршатов/

Подробнее

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ 13

ПРАКТИЧЕСКОЕ ЗАНЯТИЕ 13 ТЕМА: Редактирование Web документов Цель занятия: 1) научиться создавать структуру и панель навигации сайта; 2) научиться изменять внешний вид кнопок, цветовую схему, фон Web-страниц;

Подробнее

Создание сайтов средствами сервиса Google

Создание сайтов средствами сервиса Google Краткие теоретические сведения Сервис Google Сайты позволяет быстро создать собственный сайт даже тем, кто не знаком с профессиональными инструментами веб-дизайна.

Подробнее

Этапы создания веб-сайта

Этапы создания веб-сайта Этап 1. Планирование На этом этапе создатель сайта должен ответить на вопросы: 1. С какой целью создается веб-сайт? 2. На какую аудиторию он будет рассчитан? 3. Какая информация

Подробнее

АТИЛЕКТ.CMS. [Текстовый редактор]

ИНСТРУКЦИЯ к системе администрирования АТИЛЕКТ.CMS [Текстовый редактор] Оглавление Модуль «Текстовый редактор»… 2 Редактирование данных… 2 Как разместить в тексте ссылку… 4 Ссылка… 4 Якорь… 4

Подробнее

»

СОДЕРЖАНИЕ 1. МОДУЛЬ «УПРАВЛЕНИЕ МЕНЮ САЙТА»… 2 1.1. Создание меню… 2 1.2. Управление пунктами меню… 3 1.3. Настройка вывода пунктов меню… 4 1.4. Подключение дизайна меню к шаблону сайта… 7 1.5.

Подробнее

Раздел «ИКТ компетентность» (для всех)

Раздел «ИКТ компетентность» (для всех) 1.В ячейку электронной таблицы можно занести: 1) только формулы 2) числа и текст 3) числа, формулы и текст 4) только числа 2.В текстовом редакторе перед выполнением

Подробнее

Руководство администратора сайта

Руководство администратора сайта Содержание Введение… 3 Регистрация на сайте… 4 Вход на сайт… 5 Управление страницами… 5 Создание страницы… 5 Редактирование страницы… 7 Удаление страницы…

Подробнее

Arilot CMS руководство пользователя

Arilot CMS руководство пользователя 1 Вход в систему администрирования Внешний вид формы авторизации зависит от дизайна 1.1 При наличии кнопки «Вход» Нажмите кнопку «Вход» (Рисунок 1: Кнопка входа). Рисунок

Подробнее

УРОК 4. Гиперссылки на Web-страницах

УРОК 4. Гиперссылки на Web-страницах Web-Сайт состоит из нескольких web-страниц. Создадим заготовки остальных Web-страниц. Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания.

Подробнее

Сценарий мероприятия. «Очумелая мышка»

Сценарий мероприятия «Очумелая мышка» Здравствуйте, участники конкурса «Очумелая мышка». Сегодня мы начинаем первый этап конкурса. Как вы догадываетесь по названию конкурса, сегодня мы будем определять

Подробнее

ЛАБОРАТОРНАЯ РАБОТА 5 УЧЕБНЫЕ ВОПРОСЫ:

ЛАБОРАТОРНАЯ РАБОТА 5 ТЕМА ЗАНЯТИЯ: Колонтитулы. Создание гиперссылок 1. Панель колонтитулов. 2. Установка колонтитулов. 3. Использование гиперссылок. УЧЕБНЫЕ ВОПРОСЫ: КОНТРОЛЬНЫЕ ВОПРОСЫ: 1. Как объединить

Подробнее

Приложение 1. Приложение 2

Приложение 1 Приложение 2 Создание Web сайта в программе FrontPage Прикладная программа FrontPage 2003 это визуальный html-редактор для быстрого создания сайта. Язык HTML является основным языком программирования

Подробнее

ТЕКСТОВЫЙ РЕДАКТОР Word

ТЕКСТОВЫЙ РЕДАКТОР Word Текстовый редактор Word программа создания, редактирования, форматирования, сохранения и печати текстовых документов, проверки орфографии в документе. Запуск Word Запустить Word

Подробнее

Переход на Outlook 2010

Содержимое данного руководства Microsoft Внешний вид приложения Microsoft Outlook 2010 существенно отличается от Outlook 2003, и это руководство призвано ускорить знакомство с новой версией программы.

Подробнее

Методические указания

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ БЮДЖЕТНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ Финансовый университет при Правительстве Российской Федерации ОТДЕЛ ВНЕДРЕНИЯ ИННОВАЦИОННЫХ ОБРАЗОВАТЕЛЬНЫХ ТЕХНОЛОГИЙ

Подробнее

Введение. Создание конференции

Инструкция по проведению онлайн-конференций с помощью MS Lync 2013 Оглавление Введение… 3 Создание конференции… 3 Добавление и удаление участников… 4 Проведение конференции… 11 Создание конференции,

Подробнее

ОСНОВЫ РАБОТЫ В СИСТЕМЕ

ООО «БАРС ГРУП» ОСНОВЫ РАБОТЫ В СИСТЕМЕ ПАСПОРТ ЛПУ РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ STD-РП.1.0 2012 Версия 1.0 Оглавление 1. Основные понятия… 3 2.1. Управление Системой при помощи мыши… 4 2.2. Основные правила

Подробнее

Лекция 3 Текстовый процессор

Лекция 3 Текстовый процессор Текстовый редактор Microsoft Word Приложение Microsoft Word 2010 это текстовый процессор, предназначенный для создания профессионально оформленных документов. Объединяя в себе

Подробнее

»

СОДЕРЖАНИЕ 1. МОДУЛЬ «РЕКЛАМНЫЕ КАМПАНИИ»… 2 1.1. Добавление баннера… 2 1.2. Настройка вывода графических баннеров… 6 1.3. Подключение дизайна рекламной компании к шаблону сайта. 7 Система управления

Подробнее

Создание презентации в OpenOffice.org Impress 2.0 Часть 1

Создание презентации 2.0 Часть 1 Вступление Удаление текстового блока Сохранение презентации Вставка видео фрагмента Просмотр видеофрагмента Размещение надписи на странице Поворот выделенного объекта Центрирование

Подробнее

Способы создания презентаций

Лекция посвящена созданию презентаций в Microsoft PowerPoint. Определены основные этапы создания презентации. Описаны способы создания презентаций. Показаны процедуры создания презентаций с использованием

Подробнее

PDF created with FinePrint pdffactory trial version Практика 1.

Практика 1. Программа «Web-графика и мультимедиа технологии для пользователя» Использование изображений на web-страницах Web-страницы трудно представить без графики. Во многом именно те или иные изображения

Подробнее

Добавление изображений на сайт

Лекция 2 Редактирование сайта 1 Добавление изображений на сайт… 1 Создание новых страниц… 4 Размещение страниц… 10 Добавление кнопок с пунктами меню… 12 Добавление изображений на сайт В режиме

Подробнее

Департамент образования города Москвы

Департамент образования города Москвы Государственное бюджетное образовательное учреждение г. Москвы «Школа 85 имени Героя Советского Союза, Героя Социалистического Труда В.С. Гризодубовой» Дополнительная

Подробнее

Создание web страниц с помощью word. Как создать web-страницу

ТЕМА 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-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками frieds. htm Word создает папку frieds. files , в которой и разместит все рисунки.

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

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

Конвертирование элементов оформления вHTML

Элемент документаWord

ПреобразованиеWord ® HTML

Размеры шрифтов

ВWord изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта

Текстовые эффекты:
приподнятый, с тенью, уплотненный и т. д.

Текстовые эффекты не сохраняются, но сам текст остается

Начертания:
полужирный, курсив, подчеркивание

Начертания шрифта остаются, но некоторые виды подчеркивания преобразуются в сплошную линию

Анимация текста

Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель «Web-компоненты»)

Изображения преобразуются в форматGIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии

Графические объекты: автофигуры, фигурный текст, надписи и тени

Объекты преобразуются в файлы форматаGIF. В среде редактирования Web-страницы можно вставить графические средства «Вставка» – «Рисунок»

Таблицы преобразуются, однако параметры, не поддерживаемыеHTML, не сохраняются (например, цветные границы и границы переменой ширины)

Нумерация страниц и колонтитулы

Так как документHTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация страниц не сохраняется

Поля страниц и многоколонный текст

Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживаетсяHTML

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

Другая возможность перехода в режим редактирования НТМL – это открыть документ в Браузере и вызвать меню «Вид» – «В виде HTML». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, в каком он в дальнейшем будет находиться в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.

В меню «Вид» установлены способы отображения документа Word (рис.8.1). При выборе «Web-документ» файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню «Вид» можно вернуться к обычному режиму работы с документом.

https://pandia.ru/text/78/284/images/image002_81.gif»>Автобиография» href=»/text/category/avtobiografiya/» rel=»bookmark»>автобиография).

Мои увлечения

Мои друзья

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby. doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному ниже образцу, сохранить под именем friends. xls

https://pandia.ru/text/78/284/images/image004_38.jpg»>

Для вычисления средних значений должны быть использованы формулы .

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

5.2. Подготовить лист к печати: настроить параметры вкладки «Страница…» в режиме Предварительный просмотр, создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main. doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню – Вставить») на соответствующие документы.

8. Создать в конце каждого вспомогательного документа гиперссылки, обеспечивающие возврат в основной документ.

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок Буфер» href=»/text/category/bufer/» rel=»bookmark»>буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main. doc. В файле hobby. doc гиперссылка должна обеспечивать переход на закладку «Хобби».

10. Создать группу связанных Web-страниц методом преобразования подготовленных документов.

10.1. Подготовить папку для Web-документов с именем My_Web.

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web , указав:

Тип файла : Web-страница (*.htm; *.html)

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web-документы, начиная с main. htm . Проанализировать, какие элементы документов изменились или вовсе исчезли. Попытаться сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.

12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание! Для перехода из Браузера в режим редактирования нужно воспользоваться меню «Файл» – «Править вMicrosoft Word for Windows» или кнопкой на панели инструментов.

II. Создание новых Web-документов с помощью приложенийMS Office

1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. прил. 8.1).

2. Создать папку с именем Presentation , а в ней – папку для Ваших рисунков Gallery .

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов форматов bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3–10 кбайт.

4. Создать отдельный файл для каждой страницы с помощью текстового процессора Word (Страницы 1, 2, 4). Для Страницы 3 использовать готовый файл friends. htm . Сохранять файлы в формате htm или html в папке Presentation .

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index. htm

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовка использовать объект WordArt, для прочих – стиль Заголовок.

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат » – «Фон » – «Способы заливки «) или тематическое оформление (меню «Формат » – «Тема «).

4.1.4. Просмотреть в Браузере изменения в структуре папок, произошедшие при сохранении Web-страницы. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактораWord.

4.2.1. Для создания документа воспользоваться пунктом меню «Файл «-«Создать «, в открывшемся диалоговом окне «Создание документа » выбрать вкладку «Web-страницы » и пиктограмму «Новая Web-страница «. Сохранить чистую Web-страницу в папке Presentation , дав странице имя на английском языке childhood. htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку , отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2 раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы. Рисунок вставить из папки Gallery .

4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета, близкие к цвету текстуры или темы главной страницы.

4.3. Создать третью страницу на основе созданного в частиI файла friends. htm

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation .

4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4. Создать четвертую страницу сайта с помощью редактораWord.

4.4.1. Подготовить рисунок – вид здания СПбГУТ. Сохранить рисунок в папке Gallery .

4.4.2. Создать файл в папке Presentation с именем university. htm

4.4.3. Вставить в файл рисунок – вид здания СПбГУТ, предварительно сохраненный в папке Gallery . Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word документ index. htm и, последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

6..gif»>MsoNormalTable»>

Приветствие

Представление –

краткое резюме

Рисунок или

фотография

Пишите мне
(адресe-mail)

Страница 2 (Мое детство)

Страница 3 (Мои друзья) .Использовать ранее созданный Web-документ friends. htm, созданный с помощью Excel.

Страница 4 (Мои университеты) .Привести полное название Университета, адрес сайта СПбГУТ, картинку с фотографией главного здания СПбГУТ. Написать несколько слов о Вашем факультете, дать ссылку на сайт Вашего факультета.

Контрольные вопросы

Какими способами можно создатьWeb-страницу в Word? Как Word изменяет структуру папок на диске при сохранении новой Web-страницы? Какие новые приемы оформления документа появляются при работе с Web-страницами? Какие становятся недоступны? Как вставить гиперссылку на другой документ? Как вставить рисунок? Как просмотреть, отредактировать тэги HTML-документа, созданного в Word?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рис.1.

Рис. 2

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

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

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

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

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

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

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

Рис. 3.

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

Рис. 4

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

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


Первые шаги по созданию сайта в Ворде

Создаём свой сайт в Ворде (здесь и далее имеется в виду Microsoft Word), как говорится, с чистого листа. Можно начать со ставшей уже классикой фразы «Hello world», что в русском переводе: «Здравствуй мир». Хотя я бы написал на своей первой страничке в интернете так «Это моя первая страница в интернете. Ура!». Пишем эту (или любую другую) фразу в Ворде на вновь созданной страничке, выбираем в меню «Файл» (в Word 2003), или после нажатия на кнопку «Office» (вверху слева в Word 2007), команду «Сохранить как» и сохраняем документ как «Веб-страница (*.htm; *.html)». Название придумайте сами, но оно должно быть на латинице, например «stranitsa», рекомендую назвать её «index» – дальше нам это очень пригодится при размещении сайта в интернете. Веб-страницы называют ещё html-страницами (от названия языка html — языка гипертекстовой разметки, на базе которого основаны все сайты в интернете).

Таким образом, вы создали свою первую страницу: index.htm. Кликните по файлу (два раза конечно ), и вы увидите свою веб-страницу в просмотрщике веб-страниц или браузере (от английского «browser» – обозреватель), установленном на вашем компьютере по умолчанию.

На сегодняшний день существует несколько популярных браузеров. Это Internet Explorer, Firefox, Opera, Chrome и другие. Каким браузером пользоваться – зависит только от ваших предпочтений.

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

Небольшое отступление. Вы можете написать любой текст в Ворде на вашей новой странице и точно в таком же виде его увидят любые посетители вашего сайта (разместим нашу страницу в интернете во второй части цикла статей по созданию сайта в Ворде). На самом деле не всё так безоблачно, так как не все браузеры совместимы между собой на 100% (та же ситуация с поддержкой интернет стандартов отображения страниц) и бывает, что отображение страницы в браузере и в Ворде не полностью совпадают. Есть, к счастью, очень простой и универсальный способ решения данной проблемы – после сохранения нашей странички, мы просмотрим её в паре браузеров от разных производителей, например в Internet Explorer’е (установлен у вас по умолчанию) и в Firefox’е. Благо все браузеры бесплатны. Таким образом, мы будем уверены, что любой пользователь в интернете увидит тоже, что и мы. Любые несоответствия в браузере и в Вордовском документе мы тут же подкорректируем (например, выравнивание), обычно это делается изменением свойств элемента страницы Ворда (строки, слова, таблицы). После сохранения документа убеждаемся, что у нас всё хорошо и продолжаем работать дальше.

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

Теперь начинайте экспериментировать с самыми базовыми элементами Ворда. Нарисуйте таблицу любой сложности, вставляйте любые рисунки, клипы, фигуры (доступно в меню «Вставка»), меняйте фон страницы и цвета отдельных элементов (например, цвет у каждой ячейки может быть разным). Делайте, что душе угодно. Ворд предоставляет массу готовых решений для оформления вашего документа (веб-страницы в нашем случае).

В Ворде работа с таблицами происходит в разы быстрее и удобнее чем в любом современном веб-редакторе.

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

Проделайте следующее. Нарисуйте в Ворде любым удобным вам способом таблицу 6×6 ячеек. Закрасьте ячейки в шахматном порядке красным цветом. Для простоты вы можете указать в свойствах ячейки красный цвет и на каждой ячейке, которую необходимо окрасить, нажать «F4» (копирование формата). Пример таблицы на рисунке внизу.

Вы можете воспользоваться для практики уже готовыми файлами с примерами в ворде. Загрузите zip-архив с этим и другими примерами. Выделите таблицу, кликнув левой кнопкой мыши на квадратике с крестиком в левом верхнем углу таблице и по правому клику мышки выберите «Границы и заливка». В открывшейся вкладке «Граница» установите «Тип»: Нет.

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

Когда мы начнём работать с основным материалом на странице, то настойчиво рекомендую вам сохранять Вордовский файл в качестве веб-странички В ОТДЕЛЬНЫЙ ФАЙЛ!!!, тот же index.htm, к примеру. Т.е. у вас будет 2 рабочих файла. Один Вордовский, с расширением.doc (или.docx, в зависимости от версии Ворда) – основной файл, который вы будете редактировать, и другой – файл веб-страницы с расширением.htm. Веб-страницу мы будем открывать в браузере и сравнивать её дизайн с исходным дизайном в Ворде на случай возможных несоответствий.

Почему лучше делать именно так? Потому что при сохранении Вордом документа в веб-страницу, часть объектов может быть преобразована в картинку, которую уже нельзя будет подредактировать.

Продвинутые инструменты Ворда для украшения веб-страницы

Самые интересные эффекты для оформления веб-страницы, а без этого никуда не деться, доступны в панели инструментов «Рисование». Если эта панель у вас не активна, то кликните правой кнопкой мыши в любом месте в области, где находятся панели инструментов и поставьте галочку рядом со словом «Рисование».

Вы можете выбрать любую автофигуру из множества доступных в меню «Автофигуры» панели инструментов «Рисование».

Любые инструменты, входящие в панель инструментов «Рисование», можно найти разными способами. Первый способ вам уже известен, а второй способ — в главном меню выбрать «Вставка» и перейти к подменю «Рисунок» (для Word 2003). В Ворде следующих версий (Word 2007 и далее) интерфейс отличается большей интеллектуальностью и работать там уже значительно легче и быстрее, здесь при выборе меню «Вставка» на верхней панели все значки инструментов уже присутствуют.

Покажем небольшой пример интеллектуальности ворда, начиная с 2007 версии и старше. Например, мы рисуем любую автофигуру в Ворде 2007 и сразу же открывается дополнительная вкладка Средства рисования\Формат, где есть возможнотсь применить к фигуре любой доступный эффект. Причем результаты применения эффекта можно увидеть мгновенно, в отличии от Ворда 2003. Но, тем не менее, конечный результат будет один и тот же. Поэкспериментируйте сами.

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

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

Можно менять десятки параметров – цвета фигуры, её окантовки, толщину граничных линий, любой параметр текста. К практически любому объекту можно применить инструменты «Тени» и «Объём». Такие инструменты часто применяются веб-мастерами в Интернете для создания красивых кнопок, в Ворде же на это уйдёт несколько секунд. Пожалуй, самый интересный инструмент – это объект WordArt. С его помощью можно сделать, буквально, что угодно, с любой надписью. Примеры объектов WordArt ниже.

Делаем полноценный веб-сайт

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

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

Что нового в данном примере сайта для нас:

1) В первой строке таблицы файла agentbankanew.doc присутствуют 3 гиперссылки.

Изображение карты и текст «Подробнее о карте…» ссылаются на существующую страничку kreditka.htm. А кнопка «заказать» является уже продающей ссылкой, которая переправляет заинтересовавшегося посетителя на сайт банка. Данная ссылка включает ваш идентификатор , который присваивается вам после регистрации агентом банка . Вставить гиперссылку элементарно. Выделяем любой текст, или объект и, нажав на правую кнопку мышки, выбираем «Гиперссылка». Кнопочку «Гиперссылка» можно найти также на панели инструментов «Стандартная», которая всегда на виду (Word 2003), или в верхнем меню «Вставка» (Word 2007). В правом верхнем углу нажимаем «Подсказка» и вводим текст, который будет отображаться в виде подсказки при наведении указателя мыши на ссылку. Убедитесь в этом сами.

Итак, когда мы ссылаемся на существующий файл в нашем рабочем каталоге, мы просто указываем этот файл. А ссылку для кнопки «Заказать» вы берёте с агентского сайта после регистрации агентом и вставляете в поле «Адрес» внизу окошка «Добавление гиперссылки».

В продающей ссылке http://agent.privatbank.ru/branches/product/21/XXXX/ самые последние XXXX заменяются на ваш идентификационный номер (ID). Как получить идентификационный номер подробно описано в статье из цикла статей «Руководство по получению дополнительного дохода в Москомприватбанке в трёх шагах».

Чтобы добавить новую ссылку вы выделяете текст или объект левой кнопкой мышки, затем по нажатию правой кнопки мышки выбираете «Гиперссылка». Чтобы изменить или посмотреть адрес существующей гиперссылки вы наводите на неё указатель мышки, не нажимая левой кнопки, и СРАЗУ ЖМЁТЕ ПРАВУЮ КНОПКУ МЫШКИ и выбираете «Изменить гиперссылку…».

2) Вверху страницы мы создаём меню, где ссылаемся на все банковские продукты на страничке. Это делается для упрощения навигации по страничке и дополнительного удобства посетителя вашей странички. Для удобства навигации в редакторе Ворд (внутри страницы, а также между разными документами или веб-страницами) предусмотрена панель навигации «Веб-узел», на которой можно пользоваться стрелками для быстрого перехода, как в браузере при работе в интернете.

Чтобы сослаться на место внутри документа, мы делаем закладку, выделив любое место документа (слово, строку, картинку и т.д.).

3) Мы добавляем дополнительные страницы с более подробным описанием продукта, т.к. краткого описания на главной странице явно не достаточно, а писать большой текст описания сразу для всех продуктов – это дурной тон. Дизайн страниц с подробным описанием можно оставить похожим на главную страницу – всё по вашему усмотрению. Вы можете использовать готовую страницу из статьи цикла статей «Руководства по получению дополнительного дохода в Москомприватбанке в трёх шагах» с описанием флагманского продукта Приватбанка — , только в данном случае необходимо переименовать веб-страницу с описанием кредитки (с index.htm на kreditka.htm), т.к. мы ссылаемся на подробное описание кредитки с названем файла kreditka.htm. Подробные описания остальных продуктов сделаете сами, благо информации по ним достаточно.

4) Необходимо обратить внимание на информационное наполнение страницы (контент). Здесь стоит придерживаться общепринятых стандартов, а если проще, то правил хорошего тона. Пусть это будет приветствие в начале страницы, краткое описание организации (в нашем случае — банка). Вы можете, кстати, для информации о банке сделать отдельную страницу. Внизу страницы должны быть ваши контактные данные, ведь у посетителей наверняка появятся вопросы. И они их смогут задать на указанную вами электронную почту, аську или телефон. Возможно, информацию в конце страницы вы дополните интересными ссылками или чем то другим – по вашему усмотрению (весь интернет перед вами в качестве примера). Очень важный момент: правилом хорошего тона считается наличие ссылки на сайт, откуда вы взяли (или частично взяли) материалы для вашего сайта. И конечно, для любого сайта важен уникальный материал, что положительно скажется на индексации вашего сайта поисковиками, но это уже отдельная обширная тема не для данной статьи.

Окончательное сохранение документа в качестве веб-страницы

После того, как последние штрихи в создании сайта будут сделаны, необходимо грамотно преобразовать наш документ в веб-страницу. Есть здесь несколько нюансов, которые очень желательно не забыть — обеспечение полного визуального соответствия исходного документа в ворде с сохранённой веб-страницей и соответствие веб-страницы общепринятым рекомендациям по информационному наполнению сайта при размещении его в интернете . При сохранении файла в виде веб-страницы мы выбираем тип файла: «Веб-страница с фильтром» — это делается для сокращения объёма файла (из него убираются ненужная информация, которая необходима лишь для редактирования в Ворде и не имеет значения для браузера). Далее обязательно надо придумать правильный заголовок для веб-страницы. Это не название файла, а название веб-страницы, которое будет отображаться в строке заголовка браузера.

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

Элемент предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .

Таким образом, на основании этой информации, мы вставляем недостающую строчку в самый верх нашей веб-страницу (html-документа) в любом текстовом редакторе. Строчка следующая: . На рисунке показано её место нахождения (в самом верху). На этом же рисунке можно увидеть основные элементы любой веб-страницы на примере пустого html-документа.

Разбирать значение всех элементов мы не будем, если есть у вас большое желание в этом разобраться, то спросите у любого поисковика. Главное, что с этой строчкой у нас не будет проблем с браузерами и поисковиками. Не забывайте данную строчку вставлять в начало каждой веб-страницы. На этом всё!

Подведём итоги

После завершения работы над сайтом (создания и заполнения материалом дополнительных и главной страниц) мы получаем бесплатно полноценный сайт – описание вашей деятельности в интернете, без чего ни о какой нормальной подработке и речи быть не может. Несколько несложных действий, описанных в части 2 цикла статей по созданию сайта , позволят увидеть ваш сайт не только вам на собственном компьютере, но и всем посетителям вашего сайта (потенциальным клиентам). Прочитайте, на сайт и ожидайте первых интернет-продаж!

Слайд 2

Мы познакомимся с простыми инструментами и методами разработки веб-страниц. На примере рассмотрим, как создать фрагмент сайта, содержащего репертуар кинотеатра. Прежде всего необходимо: разработать проект сайта; уяснить его структуру и предполагаемое содержание. Т.е. построить информационную модель сайта. Структура сайта. Кинотеатр «Октябрь» предлагает Драмы Комедии Детективы ДРАМЫ КОМЕДИИ ДЕТЕКТИВЫ ФОТО Первая (главная) веб-страница Вторая веб-страница Третья веб-страница Четвертая веб-страница

Слайд 3

На первом (верхнем уровне) находится первая (главная) страница. На ней размещается общая информация о кинотеатре и гиперссылки, позволяющие открыть страницы второго уровня. На втором (нижнем) уровне размещают страницы, посвящённые определённым жанрам фильмов. Жанр фильма Фото сюжета Название, страна Режиссёр Актёры: Краткое содержание Сеансы: Цена билета: Страницы второго уровня.

Слайд 4

Конечно, структура сайта в дальнейшем может быть усложнена добавлением страниц последующих уровней. Например страниц, посвящённых режиссёрам, актёрам и т.д. Все страницы одного уровня часто оформляют в едином стиле. Однако их оформление может и отличаться. Основными элементами веб-страниц являются: текстовые блоки графические объекты К текстовым блокам относят: К графическим объектам относят: основной текст, заголовки списки текстовые гиперссылки и т.д. изображения (рисунки, фото, анимация) , «обои» — фоновые рисунки, изображения-гиперссылки, разделительные линии.

Слайд 5

Для размещения элементов в заданных местах страницы часто используются таблицы. Стиль текста и стиль графических элементов определяют стиль оформления веб-страницы. Под стилем текста понимается тип шрифта, размер, начертание, отступы, выравнивание, межсимвольные и межстрочные интервалы и др. Стиль графических элементов задаётся формой, размером, цветом, фактурой материала, а также разнообразными эффектами. Для стилистически грамотного оформления документов удобно использовать готовые шаблоны – Темы. Тема — это специально разработанный компьютерным дизайнером набор элементов оформления и цветовых схем документа. Тема задаёт стиль оформления каждой страницы и всего сайта: стиль основного текста, заголовков, гиперссылок и т.п.

Слайд 6

Темы предлагаются во всех офисных программах. Создание сайта начинается с выбора готовой Темы или разработки своего шаблона оформления. После этого создаются отдельные страницы. Затем оформляются гиперссылки, которые определяют навигацию по сайту. Файлы всех страниц веб-сайта помещаются в отдельную папку. Это упращает размещение сайта на веб-сервере. Файлу главной веб-страницы принято давать имя indexили mainс расширением htm или html. Тема «Бомбёжка» Тема «Магистраль»

Слайд 7

Запустить программу WORD. Исполнить команду Файл Создать. В области задач выбрать Веб – страница. Выберем Тему оформления: Формат Тема. Например: «Перетекание». Для размещения на странице фотографии и текстовых областей будем использовать таблицу с 6 строками и 2 столбцами. Нужные ячейки объединим. Разместим необходимую информацию. Созданную таким образом веб-страницу сохраним на диске под именем DRAMA.HTML. Начнём создание веб-сайта с оформления страниц второго уровня. При сохранении документа WORD в виде веб-страницы все используемые в документе изображения будут помещены в отдальную папку с именем веб-страницы и расширением.files.

Слайд 8

Результат выполнения пунктов 1 – 4.

Слайд 9

Результат выполнения остальных пунктов и просмотра созданной веб-страницы в браузере.

Слайд 10

Важный этап разработки веб-страницы – создание гиперссылок. Для этого необходимо: 1. выделить текст, который станет текстовой гиперссылкой; 2. команда Вставка Гиперссылка или значок 3. Связать с файлом, веб-страницей 4. выделить нужный файл, содержимое которого должно открыться по гиперссылке и подтвердить выбор. По окончании работы необходимо просмотреть созданные страницы в браузере и проверить работы ссылок.

Слайд 11

Повысить привлекательность веб-страницы можно, разместив на ней динамические и интерактивные элементы. «Оживим» нашу главную страницу сайта размещением на ней бегущей строки. Порядок выполнения задания: Вид Панели инструментов Веб-компоненты Вызовем окно «Бегущая строка» Наберём текст «Предлагает», выполним нужные установки и подтвердим выбор.

Слайд 12

Редактор WORD позволяет подключать к веб-странице видео- и звуковые файлы. Для этого необходимо нажатием значка Звук или Фильм открыть диалоговое окно, нажать кнопку Обзор, найти требуемый видео- или звуковой файл, установить параметры проигрывания.

Посмотреть все слайды

ТЕМА 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 -документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML -файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds . htm , Word создает папку frieds .files , в которой и разместит все рисунки.

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

При подготовке публикации в Интернет материалов, созданных в Word , полезно знать особенности преобразования в формат HTML . Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

Элемент документа Word

Преобразование Word ® HTML

Размеры шрифтов

В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта

Текстовые эффекты:
приподнятый, с тенью, уплотненный и т.д.

Текстовые эффекты не сохраняются, но сам текст остается

Начертания:
полужирный, курсив, подчеркивание

Остаются, но некоторые виды подчеркивания преобразуются в сплошную линию

Анимация текста

Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель « Web -компоненты»)

Графика

Изображения преобразуются в формат GIF или JPEG , если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии.

Графические объекты: автофигуры, фигурный текст, надписи и тени

Объекты преобразуются в файлы формата GIF . В среде редактирования Web -страницы можно вставить графические средства «Вставка» — «Рисунок»

Таблицы

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

Нумерация страниц и колонтитулы

Так как документ HTML считается одной Web -страницей, то понятие колонтитулов отсутствует и нумерация не сохраняется

Поля страниц и многоколонный текст

Стили

Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML

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

Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML ». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web -документа можно выполнить, не покидая Word .

ОСНОВНЫЕ ТЕРМИНЫ

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 )

Часть 1. Создание группы Web -страниц методом преобразования
документов
MS Office

1. На рабочем диске подготовить папку для размещения Ваших документов.

2. Создать документ Word следующего содержания.

Главный заголовок, например Объект WordArt:

Затем разместить текст:

И создать оглавление, состоящее, например, из 2-х пунктов.

Мои увлечения

Мои друзья

3. Оформить документ и сохранить в своей папке на жестком диске под именем main.doc .

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby .doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем friends .xls.
Для вычисления средних значений должны быть использованы формулы .

Мои друзья

Имя

Возраст

Рост

Вес

Вася

Зина

Коля

Лена

Среднее значение

27,5

176

71,75

Рис. 8.2. Пример таблицы для файла friends .xls

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

5.2. Подготовить лист к печати:

5.2.1. Настроить параметры вкладки «Страница…» в режиме Предварительного просмотра , создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.

7. В главном документе установить закладку на заголовок Мои увлечения . Дать ей название «Хобби». Сохранить документ.

8. Создать в конце каждого вспомогательного документа гиперссылки, обеспечивающие возврат в основной документ.

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле hobby .doc гиперссылка должна обеспечивать переход на закладку «Хобби».

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

10.1. Подготовить папку для Web -документов с именем My _ Web .

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My _ Web , указав
Тип файла: Web -страница (*. htm ; *. html )

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web -документы, начиная с main . htm . Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между Web -страницами нуждаются в редактировании.

12. Отредактировать Web -документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание: Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в Microsoft Word for Windows » или кнопкой на панели инструментов .

13. Сохранить и закрыть все документы, скопировать папку My _ Web на диск A : . Предъявить работу Web -страниц преподавателю.

Часть 2. Создание новых Web -документов с помощью
приложений
MS Office

1. Познакомиться со структурой и составом многостраничного гипертекстового документа, объединяющего четыре страницы (см. приложение).

2. Создать папку с именем Presentation , а в ней папку для Ваших рисунков — Gallery .

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов формата bmp , gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.

4. Создать отдельный файл для каждой страницы с помощью текстового процессоа Word (стр.1,2,4). Для Страницы 3 использовать готовый файл friends . htm . Сохранять файлы в формате htm или html в папке Presentation .

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index . htm .

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовков использовать объект WordArt , для прочих – стиль Заголовок

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню « Формат» – «Фон» – «Способы заливки» ) или тематическое оформление (меню «Формат» – «Тема» ).

4.1.4. Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении Web -странички. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактора Word .

4.2.1. Для создания документа воспользоваться пунктом меню «Файл»-«Создать» , в открывшемся диалоговом окне «Создание документа» выбрать вкладку « WEB -станицы» и пиктограмму « Новая WEB -страница» . Сохранить чистую WEB -страницу в папке Presentation , дав странице имя на английском языке childhood . htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку , отобразив предварительно панель Web -компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки Gallery .

4.2.4. Оформить фон страницы, используя двухцветную градиентную заливку. Выбрать цвета близкие к цвету текстуры или темы главной страницы.

4.3. Создать третью страницу на основе созданного в Части 1 файла friends . htm .

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation .

4.3.2. Открыть файл в Браузере, убедиться, что документ отображается правильно. При необходимости отредактировать.

4.4. Создать четвертую страницу сайта с помощью редактора Word .

4.4.1. Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке Gallery .

4.4.2. Создать файл в папке Presentation , с именем university . htm .

4.4.3. Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке Gallery . Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word документ index . htm , и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

6. Вставить в конец каждого из документов рисунок (). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив из за рисунком.

Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Gallery .

8. Просмотреть содержание каждого из вновь созданных файлов в формате HTML .

8.1. Найти тэги, обеспечивающие вставку гиперссылок, рисунков.

9. Скопировать папку Presentation со всем ее содержимым на диска А: или на диск C : в папку Temp . Протестировать работу сайта, запустив его просмотр из нового места размещения.

10. Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.

Приложение

Структура сайта



Страница 1 (главная страница)

Приветствие

Мое детство

Мои увлечения

Мои университеты

Представление – краткое резюме

Текст

(комментарии к фотографии)

Текст

(несколько строк на заданную тему)

Страница3 (Мои друзья) – использовать ранее созданный Web -документ friends . htm , созданный с помощью Excel .

Страница 4 (Мои университеты)

Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ

Как добавить новую страницу в ворде (Microsoft Word)

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

Вставка новой страницы в ворде

Самый простой способ – это установить курсор в конце или в начале документа и нажать, и удерживать на клавиатуре кнопку «Enter» до тех пор, пока не появится новая страница. Но это не всегда удобно и неправильно. А правильно это делается иначе.

Вариант 1: Вставка пустой страницы

Добавить новую страницу в ворде можно при помощи инструмента вставки, который находится на ленте во вкладке «Вставка».

  1. Устанавливаем курсор мыши, там, где мы хотим создать новую страницу.
  2. Переходим на вкладку «Вставка», открываем блок «Страницы» и выбираем иконку «Пустая страница».

Вариант 2: Вставка в разрыв страницы

Так же добавить новую страницу можно еще быстрее при помощи разрыва страницы.

  1. Устанавливаем курсор мыши в начале или в конце текста и жмем одновременно две клавиши на клавиатуре «Ctrl + Enter».

Этот же разрыв страницы можно добавить и другим способом:

Открываем вкладку «Вставка», открываем блок «Страницы» и выбираем иконку «Разрыв страницы».

Видео «Как добавить новую страницу в ворде» Другие статьи о работе в Ворде

Понравилась статья — нажмите на кнопки:

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

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

Предмет: Информатика и ИКТ. 8 класс

Практическая работа № 4

СПб ГБНОУ «Лицей искусств «Санкт-Петербург»

2018

Средства создания Web-страниц

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

Средства создания Web-страниц

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

  • FrontPage входит в Microsoft Internet Explorer;
  • Netscape Composer входит в Netscape Communicator.

Мощными системами разработки сайтов являются, например, Microsoft FrontPage, Macromedia Dreamweawer.

Средства создания Web-страниц

Фирма Microsoft включает средства создания Web-страниц в текстовый процессор Word, начиная с версии Word 97.

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

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

Проектирование Web-сайта

Проектирование сайта

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

Семейный сайт будет сформирован из файла главной страницы family.htm и файлов с другими страницами father.htm, mother.htm, son.htm, timka.htm , связанными с главной странице с помощью гиперссылок. Кроме того, к странице присоединён графический файл photo.gif , в котором хранится семейная фотография.

Структура будущего Web-сайта

Это внутреннее содержание сайта. Однако с помощью гиперссылок он оказывается связанным с другими сайтами WWW.

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

После того как сайт разработан, его нужно опубликовать в WWW, т.е. разместить его на Web-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, но это только после того как мы сделаем эту практическую работу № 6 !

Цель работы

Освоение приёмов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word:

  • Оформление дизайна страниц;
  • Организация внутренних гиперссылок;
  • Организация внешних гиперссылок.

Примерный макет страниц

Примерный макет страниц

Алгоритм работы

  • Открыть текстовый процессор Word;
  • Сохранить на сервере первый файл под именем family , создав в своей папке папку с названием «Практическая работа № 6» и выбрав тип файла: veb-страница ;
  • Набрать и оформить текст, вставить картинки или фотографии, выбрать фон и другое оформление;
  • Создать и сохранить ещё четыре страницы (и более) с прописанными в них внешними гиперссылками;
  • Вернуться на главную страницу и, выделив, нужные слова прописать гиперссылки на veb-страницы, расположенные в этой же папке, сохранить и проверить работу ссылок, открыв главную страницу veb-браузером.

Домашнее задание

  • § 29 учебника;
  • Разработать карту сайта (не менее 5 страниц)
  • Подобрать материал о семье, классе, событии (текст, снимки, адреса внешних гиперссылок)

ИСТОЧНИКИ

При создании презентации использовались следующие материалы:

  • Учебник «Информатика и ИКТ. Базовый уровень. 10-11 классы» И.Г.Семакин, Е.К. Хенер. – 6-е изд. – М. : БИНОМ

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

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

Вы можете использовать Microsoft Word для преобразования существующих документов в Формат HTML. Используйте опцию «Сохранить как веб-страницу», чтобы создавать документы для паутина. Помните, что после преобразования документа могут существовать различия в макете. Например, если вы использовали вкладки для создания таблицы в Word, пространство вкладок будет не отображаются в документе HTML.Чтобы избежать исправления неправильно выровненную таблицу, всегда используйте параметры Word «Вставить таблицу» для создания новых таблиц. Кроме того, каждый раз, когда вы нажимаете клавишу ENTER в Word, появляются лишние пробелы. в преобразованном документе (пусть текст по возможности переносится автоматически).

Примечание: Прочтите инструкции по использованию опции «Сохранить как веб-страницу …» прежде чем ты начнешь.

  1. Открыть Word.
  2. Когда приложение откроется, в меню «Файл» выберите «Открыть.» Затем в списке доступных документов дважды щелкните значок документ, который вы хотите преобразовать.
    Примечание : Когда документ откроется, ознакомьтесь с расположение. Преобразованный документ не будет выглядеть точно так же, как оригинал.
  3. В меню «Файл» выберите «Сохранить как Страница в Интернете.» Нажмите «Сохранить».
    Примечание : При преобразовании документа в формат HTML вы сохраняете исходный документ в виде отдельного файла.Новый файл HTML имеет то же имя файла, но другое расширение файла (.htm).
  4. Когда преобразование завершено, преобразованный файл появится в окне (filename.htm). Просмотрите файл исходного кода HTML, выбрав меню «Просмотр», затем «HTML. Источник.»
  5. Если в документе есть графика, прокрутите Исходный код HTML для поиска ссылки на изображение. Слово называет изображения последовательно (Image1.gif, Image2.gif и т. д.). Когда вы публикуете свою страницу, обязательно включите эти файлы изображений.
  6. Вернитесь в режим редактирования, щелкнув «X» в окне исходного кода HTML.
  7. Вы можете изменить HTML-файл, используя форматирование Microsoft Word. кнопки и пункты меню, а также параметры веб-панели инструментов (вставьте гиперссылку, вставить изображение). Когда вы довольны внешним видом своей страницы, обязательно сохраните его.
  8. Закройте документ, выбрав меню «Файл», затем выбрав «Закрывать.» Нажмите кнопку «Закрыть» («X» в правом верхнем углу). закрыть Word.
  9. Откройте HTML-файл в браузере WWW, чтобы посмотреть, как он появляться. При необходимости вы можете настроить макет страницы с помощью Mozilla параметры редактирования.
  10. Затем вы должны переместить свои файлы в свой веб-каталог. используя SSH Secure Программное обеспечение для передачи файлов Shell.
  11. После публикации страницы просмотрите ее в Mozilla, чтобы посмотрим, как это будет выглядеть миру.

  12. Откройте Mozilla Navigator.В поле «Местоположение:» введите адрес. (URL) вашей страницы.
  • Если вы опубликовали в своем каталоге «public_html», URL-адрес будет http://udel.edu/~your_username/filename.htm.
  • Если вы опубликовали в официальном справочнике университета, URL-адрес будет http://www.udel.edu/directory_path/filename.htm.
  • Если вы опубликовали страницу своей студенческой организации, URL будет http: // copland.udel.edu/stu-org/your_organization’s_directory

Создание веб-страницы с помощью Microsoft Word

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

Создание домашней страницы

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

Чтобы создать домашнюю страницу:
  1. Откройте Word (нажмите «Пуск», «Все программы», «Microsoft Word»).
  2. Щелкните File, New. В области задач «Новый документ» щелкните «Общие шаблоны». Щелкните вкладку Web Pages, как показано на рисунке C.1.

    Рисунок C.1

    Шаблон веб-страницы помогает при разработке веб-страницы.

  3. Выберите стиль веб-страницы или позвольте мастеру веб-страниц провести вас через этапы создания веб-страницы. Страница, показанная на рисунке C.2, основана на стиле Left Aligned Column .

    Рисунок C.2

    Эта веб-страница была разработана с использованием стиля Word с выравниванием по левому краю.

  4. Появится структура веб-страницы, на которой можно щелкнуть и перетащить, чтобы выбрать раздел, который нужно изменить, а затем ввести текст, чтобы заменить выделенный фрагмент. Измените заголовок и замените существующий текст своим. Удалите любой существующий текст, который вам больше не нужен в качестве заполнителя.
  5. Измените атрибуты любого текста. Вы можете изменить размер, тип или цвет шрифта текста, а также применить любые атрибуты, такие как полужирный шрифт, курсив или подчеркивание.
  6. Чтобы добавить цвет фона, нажмите «Формат», «Фон» и выберите цвет. Если вы хотите включить эффект заливки вместо сплошного фона, щелкните «Формат фона», «Эффекты заливки».
  7. Периодически сохраняйте страницу как веб-страницу. Щелкните Файл, Сохранить как. Щелкните «Веб-страница», дайте странице имя, укажите место (диск и папку), в котором следует сохранить файл, и нажмите «Сохранить». Имя файла веб-страницы не может содержать пробелов (2004 Reunion — в порядке; 2004 Reunion — нет).

Включая изображения

Редко веб-страница бывает полностью текстовой.Большинство из них включает изображения и даже анимацию, чтобы сделать страницу более привлекательной и привлекательной. Скорее всего, вы также захотите включить одно или несколько изображений на свою страницу. Изображения веб-страниц могут быть изображениями с вашей цифровой камеры; картинки, которые вы собираете из Word или из других источников, например из Интернета; или отсканированные изображения. Если вы используете шаблон веб-страницы Word, который включает изображение, вам нужно будет удалить изображение и заменить его своим собственным или оставить место пустым.

Чтобы добавить изображение на веб-страницу (с помощью шаблона веб-страницы Word):

  1. Щелкните изображение, которое нужно удалить или заменить, и нажмите «Удалить».
  2. Если изображение, которое будет размещено на веб-странице, является изображением, его следует сохранить как файл JPEG. Формат файла JPEG лучше всего подходит для отображения фотографий, тогда как формат GIF чаще всего используется для штриховых рисунков, больших цветных блоков и анимации. Если у вас есть редактор изображений, вы можете открыть изображение в этой программе и сохранить его как файл JPEG. Ваш редактор изображений может дать вам возможность сохранить файл как готовое для Интернета изображение. Когда вы выбираете опцию «Готовность к Интернету», изображение автоматически сохраняется как файл JPEG подходящего размера для отображения на веб-странице.Если у вас нет редактора изображений, вы можете открыть изображение в Paint (нажмите «Пуск», «Все программы», «Стандартные», «Paint») и при необходимости изменить тип файла на JPEG, прежде чем сохранять его. Чтобы изменить тип файла, нажмите «Файл», «Сохранить как», а затем выберите JPEG из раскрывающегося списка рядом с областью типа файла.
  3. Чтобы разместить изображение на разрабатываемой вами веб-странице, щелкните в том месте, где вы хотите разместить изображение, и нажмите «Вставить», «Рисунок», «Из файла» (или «Вставить», «Рисунок», «Картинка», если вы выбираете из картинок Word инвентарь).Перейдите к диску и папке, содержащей изображение, которое нужно вставить, и дважды щелкните файл изображения.
  4. Измените размер изображения, щелкнув его, чтобы выбрать, а затем щелкнув и перетащив угловой маркер.
  5. Если вы используете шаблон веб-страницы Word, вы, вероятно, сможете набирать текст рядом с вставленным изображением и под ним. Если по какой-то причине вы не можете печатать рядом с изображением, вы должны отформатировать изображение, чтобы это произошло. Щелкните изображение правой кнопкой мыши и выберите в контекстном меню команду «Формат изображения».Щелкните вкладку Макет. Щелкните Квадрат. Щелкните ОК. На этом этапе вы можете ввести текст рядом с изображением и под ним.

Связывание веб-страниц

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

Чтобы связать страницы (с помощью Word):

  1. Создайте столько страниц, сколько хотите включить в свой веб-сайт. Каждая веб-страница — это файл Word.
  2. Чтобы связать созданные вами веб-страницы или создать ссылку на другую веб-страницу, вы должны включить одну или несколько гиперссылок на свою домашнюю страницу.
  3. На домашней странице введите текст гиперссылки.Например, если вы хотите разместить на своей домашней странице ссылку на страницу Reunions.com, введите текст, например «Чтобы узнать о рецепте воссоединения, щелкните здесь», как показано на рисунке C.4a. Затем щелкните и перетащите, чтобы выделить текст ссылки, и щелкните Вставить, Гиперссылка. В диалоговом окне, показанном на рисунке C.3, щелкните Существующий файл или веб-страницу. Введите веб-адрес веб-страницы, на которую нужно создать ссылку. Щелкните ОК.

    Рисунок C.3

    Используя диалоговое окно «Вставить гиперссылку», вы можете связать текст в документе Word с веб-сайтом, чтобы текст стал гиперссылкой.

  4. Если вы устанавливаете ссылку между двумя созданными вами страницами, введите текст для обозначения ссылки, как показано на рисунке C.4a. Затем создайте гиперссылку, выделив текст и нажав Вставить, Гиперссылка. Щелкните Существующий файл или веб-страницу. Перейдите к диску и папке, содержащей страницу, которую нужно связать, и дважды щелкните файл страницы. Связанная страница показана на рисунке C.4b.

    Рисунок C.4

    1. Текстовая ссылка на другую веб-страницу на вашем веб-сайте
    2. Текстовая ссылка на другой веб-сайт

    Текст на одной странице (a) может использоваться для ссылки на другую страницу (b).

    Предварительный просмотр ваших веб-страниц

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

    Для предварительного просмотра веб-страницы:

    1. Откройте браузер, дважды щелкнув значок на рабочем столе или выбрав его в меню «Пуск», «Все программы». Щелкните File, Open, как показано на рисунке C.5.

    Рисунок C.5

    Откройте файл веб-страницы в браузере для предварительного просмотра.

  5. Нажмите кнопку «Обзор» и перейдите к диску и папке, в которых хранится ваша домашняя страница (рисунок С.6). Щелкните ОК.

    ure C.6

    Вы должны указать, где хранится файл домашней страницы.

  6. Страница будет отображаться точно так же, как в Интернете. Щелкните, чтобы проверить любую гиперссылку. Нажмите «Назад», чтобы вернуться на главную страницу со связанной страницы.
  7. Закройте браузер.

Как создать свою собственную веб-страницу с помощью Microsoft Word | Small Business

Дэвид Видмарк Обновлено 1 марта 2019 г.

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

Сохранение документов Word в виде файлов HTML

Всякий раз, когда вы сохраняете документ, Microsoft Word дает вам возможность сохранить его в формате HTML. Просто выберите «Сохранить как» в параметрах меню «Файл», выберите папку, а затем выберите «Веб-страница» в меню «Тип файла». По умолчанию Word 2016, как и Word 365, сохраняет страницу с расширением файла «.htm», но вы можете изменить это значение на «.html «, если хотите. Оба расширения работают как файлы HTML. Если вы планируете загрузить страницу на веб-сайт, удалите все пробелы в имени файла. Вы можете использовать дефисы или символы подчеркивания для замены любых пробелов, например» my_webpage. html «или» my-webpage.html «.

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

Чтобы изучить код внутри веб-страницы, щелкните его правой кнопкой мыши при просмотре в веб-браузере и выберите «Просмотреть исходный код». В дополнение к тому, что вы написали в Word, вы, вероятно, найдете тысячи строк кода. Хотя большая часть дополнительного кода выделена серым цветом, эти дополнительные строки и уникальный способ отображения веб-страниц в Word делают его далеко не идеальным, если вам нужна быстро загружающаяся веб-страница.

Примечание. Вы можете использовать представление веб-макета в Word, чтобы приблизительно увидеть, как содержимое вашего документа будет отображаться в Интернете, но это не точное совпадение. Представление веб-макета не содержит кодировки HTML.

Экспорт документа в виде сообщения в блоге

Word содержит функцию экспорта документов в виде сообщений в блогах для сайтов, которые включают WordPress и TypePad. В меню «Файл» выберите «Поделиться», а затем щелкните значок «Опубликовать в блоге». При первом прохождении процесса Word запрашивает у вас имя учетной записи и пароль, чтобы разрешить доступ к вашему блогу.Ваш документ автоматически преобразуется в шаблон блога.

Убедитесь, что вы добавили заголовок своего сообщения в блоге в раздел «Заголовок» вверху первой страницы. Введите желаемое содержимое, как обычно в Word, включая гиперссылки, изображения, шрифты и цвета шрифтов, и выберите нужное выравнивание. Чтобы добавить категорию к своему сообщению, щелкните значок «Вставить категорию» вверху экрана.

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

Хотя Microsoft Word не имеет преимуществ по сравнению с другими приложениями для редактирования текста, вы можете использовать его для ввода веб-страниц HTML с нуля или других файлов, таких как JavaScript или каскадные таблицы стилей, при условии тщательного сохранения файлов.Для этого выберите «Сохранить как» в меню «Файл» и выберите «Обычный текст» в меню «Сохранить как тип». Когда откроется окно преобразования файлов, выберите «Юникод». После сохранения файла найдите его в проводнике и измените расширение файла с «.txt» на «.html», «.jss» или другое, подходящее для написанного вами кода. Обратите внимание, что если вы случайно сохраните файл в любом формате, отличном от Unicode, Word, скорее всего, добавит дополнительный код к написанному вами, что приведет к его повреждению. Чтобы убедиться, что файл был сохранен правильно, откройте его в любом веб-браузере для просмотра содержимого.

Любое бесплатное приложение для кодирования, такое как Notepad ++ или даже приложение Notepad, которое поставляется с Windows, является лучшим вариантом, чем Word для кодирования веб-страниц.

Создание простой веб-страницы в Word

Вам не нужно быть мастером HTML или иметь собственное специальное программное обеспечение, чтобы создать простую веб-страницу. Мэри Энн Ричардсон объясняет, как с помощью Word можно создать веб-страницу, которую можно загрузить на ваш сервер.

Ваша организация решает включить всех своих сотрудников. резюме на своем веб-сайте.Высшее руководство хочет, чтобы все сотрудники написали свои возобновить на веб-странице, которая будет загружена на сервер. У сотрудников нет Программное обеспечение для веб-авторинга на их ПК, и они не умеют программировать на HTML. К Следуя этим шагам, они могут создать веб-страницу в Word:

  1. Перейти Файл | Новый.
  2. Нажмите На моем компьютере в панели задач.
  3. Нажмите на вкладке «Другие документы» выберите «Современное резюме».
  4. Перейти Просмотр | Веб-макет.
  5. Выбрать имя Дебора Грир и введите свое собственное.
  6. Нажмите над заголовком «Цель» в документе.
  7. Перейти Формат | Границы и штриховка.
  8. Нажмите кнопку Горизонтальная линия и щелкните нужную линию.
  9. Нажмите OK.
  10. Изменить размер линия, отделяющая имя от остальной части резюме.
  11. Щелкните правой кнопкой мыши любую панель инструментов и выберите Веб-инструменты.
  12. Нажмите в строке над адресом и номером телефона.
  13. Нажмите инструмент «Прокрутка текста» в окне «Веб-инструменты».
  14. Нажмите поле Цвет фона и выберите светло-серый.
  15. Нажмите в поле Введите текст для прокрутки: и введите Добро пожаловать!
  16. Нажмите OK.
  17. Перейти Формат | Тема.
  18. Выбрать Сеть и нажмите ОК.
  19. Перейти Файл | Сохранить как.
  20. В В поле «Имя файла» введите свое имя.
  21. Нажмите кнопку «Изменить заголовок».
  22. В в поле Заголовок страницы введите свое имя.
  23. Нажмите OK.
  24. Нажмите Сохранить как Тип в раскрывающемся списке и выберите Один файл. Страница в Интернете.
  25. Нажмите Сохранять.

Теперь вы готовы просматривать формат своей веб-страницы, как это было бы появятся в вашем веб-браузере.Перейти к файлу | Предварительный просмотр веб-страницы. Когда вы удовлетворены своим форматом, откройте документ в Word и отредактируйте его, чтобы включить информация о вашем собственном резюме.

Пропустили подсказку?

Загляните в архив Microsoft Word и ознакомьтесь с нашими последними советами по Word.

Помогите пользователям повысить продуктивность, автоматически подписавшись на бесплатную новостную рассылку TechRepublic по Microsoft Office Suite с советами по Word, Excel и Access, которая доставляется каждую среду.

Создание веб-баннера в Microsoft Word

Я рассмотрел некоторые вещи, которые можно сделать с помощью Word 2007, но это не веб-инструмент.Что ж, это не обязательно , обязательно веб-инструмент.

Что делать, если вы застряли и вам нужен простой веб-баннер? Фактически вы можете создавать рекламные веб-баннеры прямо в Microsoft Word. В следующем руководстве показано, как это сделать.

Шаг 1

Откройте Word 2007. У вас автоматически появится новый пустой документ. Перейдите на вкладку «Макет страницы», выберите «Размер» и внизу выберите «Дополнительные размеры бумаги».

Шаг 2

Во всплывающем окне «Параметры страницы» выберите «Бумага», «Размер бумаги», а затем «Пользовательский размер».Введите 7 дюймов на 2 дюйма. Это даст вам примерно 195 на 680 пикселей. Вы можете включить отображение пикселей при вставке фигур или прямоугольников. Просто нажмите кнопку «Office», выберите «Параметры Word» и нажмите «Дополнительно». Там вам нужно прокрутить вниз, пока не увидите «Дисплей», а затем установите флажок «Показать пиксели для функций HTML».

Шаг 3

Затем щелкните вкладку Margin и установите для всех полей нулевое значение.

Шаг 4

Затем щелкните вкладку «Макет» и также установите нулевой размер верхнего и нижнего колонтитула.

Шаг 5

Вернитесь на вкладку «Макет страницы» и установите для параметра «Цвет страницы» синий цвет.

Шаг 6

Теперь мы хотим добавить визуальные эффекты. Поскольку фон синий, давайте добавим облака. Перейдите на вкладку «Вставка», выберите «Форма» и вставьте круглые формы, заполненные белым цветом без цвета контура. Выровняйте их по нижней части баннера.

Шаг 7

Давайте добавим легкий градиент к фону. Вернитесь к цвету страницы на вкладке макета страницы и выберите в раскрывающемся списке «Эффекты заливки».

Шаг 8

Выберите свой градиент во всплывающем окне. У вас есть масса вариантов. Я выбрал горизонтальный градиент от синего к светлому.

Шаг 9

Вернитесь на вкладку «Вставка» и вставьте простое текстовое поле.

Шаг 10

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

Шаг 11

Теперь вы заметите, что текст выравнивается по верхнему краю текстового поля.Чтобы изменить вертикальное выравнивание, щелкните текстовое поле правой кнопкой мыши и выберите «Форматировать автофигуру».

Шаг 12

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

Шаг 13

Я добавил больше форм (например, речевой пузырь — форма облака) и добавил больше текста. Вы также можете изменить прозрачность фигур и их цвет заливки. Для этого повторите предыдущий шаг и поиграйте с ползунком прозрачности. В Word он работает как бы наоборот, то есть 0% непрозрачно, а 100% прозрачно.

Заключение

Конечный результат — ваш собственный веб-баннер. Единственный способ получить gif, jpg или png — либо экспортировать его как PDF, либо нажать кнопку PrintScreen на клавиатуре и вставить в MS Paint. Там вы можете обрезать и изменить его и сохранить как изображение.

Популярные запросы для этой статьи:

как создать баннер в слове , как создать баннер в слове , создать веб-баннер , как сделать веб-баннер , как сделать баннер веб-сайта , как создать веб-баннер , создать веб-баннер , как создать баннер веб-сайта в слове , создать баннер веб-сайта , создать баннер в слове

Как создать A Интеллектуальная карта в Microsoft Word

Часть 1: Что такое интеллектуальная карта?

Ментальные карты идеально подходят во многих ситуациях, например, во время мозгового штурма, что позволяет более эффективно представить идеи.

Часть 2: 3 шага для создания интеллект-карты с помощью Microsoft Word

Microsoft Word оснащен инструментами для создания и рисования, которые просты в использовании и навигации. Новичкам также легко создавать простые интеллект-карты с основными формами и линиями.

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

Шаг 1. Откройте MS Word и выберите доступные формы.

В новом документе Word вы можете найти большинство инструментов, которые вы будете использовать в группе Иллюстрация на вкладке Insert . Щелкните Shapes , чтобы открыть свернутое меню, в котором есть основные формы для создания интеллект-карты. Вы можете использовать прямоугольников или кругов для представления центральной темы и подтем, а также пометить фигуры текстовыми полями.

Шаг 2: начните рисовать интеллектуальную карту

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

Шаг 3: отформатируйте свою интеллектуальную карту

Когда интеллектуальная карта будет завершена, щелкните выбранную фигуру (тему или линию), после чего на ленте отобразится вкладка Format , где вы можете изменить свойства фигуры.Также можно щелкнуть фигуру правой кнопкой мыши и выбрать в контекстном меню команду Формат фигуры, чтобы открыть правую панель формата фигуры.

Часть 3: легко вставьте интеллектуальную карту в документ Word

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

Попробуйте MindMaster — специально разработанный для создания интеллектуальных карт.MindMaster работает на всех доступных операционных системах, включая ПК, планшет, мобильный телефон и Интернет. Мощные функции экспорта помогут вам создать интеллектуальную карту и легко вставить ее в текстовый документ.

1. Откройте пустую страницу чертежа Mind Map / выберите встроенный шаблон.

В меню Файл щелкните Новый . Выберите Mind Map в списке категорий шаблонов , а затем выберите шаблон.

2.Добавить основные темы и подтемы

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

3. Добавьте контент в Mind Map

Чтобы добавить текст к фигурам: дважды щелкните фигуру и введите текст в узлах.

Чтобы добавить метки и клипарт к фигурам : перейдите к панелям Mark и Clipart в правой части холста, там есть различные метки и клипарт, такие как номера приоритета, флаги, номера ресурсов и т. Д.Вы можете просто перетащить их на узлы.

Советы: вы также можете вставлять изображения и добавлять их в фигуры.

4. Измените тему ментальной карты.

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

5. Экспортируйте свою интеллектуальную карту в документ Word.

Когда ваша интеллектуальная карта будет завершена, нажмите кнопку экспорта на панели быстрого доступа и выберите MS Word File .Посмотрите видео ниже и узнайте больше.

Часть 4: Бесплатные шаблоны Mind Map для Word

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

MindMaster

Полнофункциональное программное обеспечение для интеллектуальных карт

33 предустановленных темы, чтобы выделить вашу интеллектуальную карту

12 различных конструкций для удовлетворения ваших потребностей

  • Поддержка кроссплатформенности (Windows, Mac, Linux, Интернет)
  • Режим мозгового штурма и режим презентации
  • Групповая и совместная работа в реальном времени

Прочитайте больше:

Создать интеллектуальную карту для PowerPoint

Создать интеллектуальную карту для Excel

Экспорт Mind Map в файл MS Visio VSDX

Как рисовать интеллектуальные карты

Как добавить гиперссылки на интеллектуальную карту

Научитесь создавать интеллектуальную карту в Word? Вот как! — MindMaps Unleashed

Создать интеллектуальную карту в Word очень просто.Как вы, наверное, хорошо знаете, Microsoft Word оснащен инструментами для создания и рисования, которые просты в использовании и навигации. Проявив немного творчества, вы можете использовать эти инструменты для создания отличных интеллектуальных карт.

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

Все, что вам нужно сделать, это карта разума в Word. Используйте немного воображения и творчества на карте. И у вас есть практическая интеллектуальная карта в вашем файле Word!

В этом уроке я покажу вам 3 метода отображения разума в Word .Первые два не требуют дополнительных инструментов. Последний предназначен для людей, которые хотят перейти на высший уровень интеллектуального картографирования MS Word 🙂

Шаги по созданию интеллектуальных карт в Word

Для начала ознакомьтесь с приведенными ниже шагами, чтобы создать интеллектуальную карту. карта разума Microsoft Word Style.

  • Откройте Microsoft Word. На панели инструментов щелкните вкладку «Вставка», затем выберите «Фигуры». Из раскрывающегося меню у вас будет выбор различных форм?
  • Для начала выберите кружок.Вы можете просто отрегулировать его размер с помощью ручек.
  • Затем в «Меню вставки» щелкните вкладку «Текстовое поле», чтобы ввести свою основную тему или основную тему внутри круга.
  • Щелкните правой кнопкой мыши текстовое поле и выберите «Форматировать текстовое поле». Щелкните вкладку «Цвета и линии» и выберите «Нет цвета» в раскрывающемся меню «Цвет». Нажмите «ОК» для подтверждения. Это скроет границы вашего текстового поля.

Повторите шаги с 1 по 4, чтобы добавить связанные концепции или идеи в свою интеллектуальную карту.Перейдите на вкладку «Вставка» и выберите «Фигуры», затем щелкните линию, чтобы представить отношения между различными ветвями вашей основной темы.

Как видите, создание интеллект-карты в Word требует всего пяти очень простых шагов.


Вот следующий уровень интеллектуального картографирования MS Word …

Когда вы поймете, как легко создать интеллектуальную карту с помощью параметра Фигуры, вы также можете начать делать следующее …

Начните использовать SmartArt.Это также доступно в пункте меню ВСТАВИТЬ. В меню SmartArt вы можете использовать множество различных контуров.

Некоторые выглядят как интеллект-карты. Остальные — разные визуальные обзоры. Просто выберите один и отредактируйте его, чтобы показать свои идеи.

Вот дополнительный совет по мощности!

В следующий раз, когда вы будете создавать интеллектуальную карту или визуальный обзор в MS Word, обязательно сохраните ее.

Нет, я не имею в виду сохранение вашего файла! Я имею в виду сохранение интеллект-карты или визуала. Выделите всю карту и скопируйте ее в файл, содержащий все ваши интеллектуальные карты или визуальные эффекты.

Таким образом, вам не нужно создавать один новый каждый раз, когда вы запускаете отображение разума в Word.

А теперь о высшем уровне интеллектуального отображения слов!

Есть еще один способ использования интеллект-карты в Word. То есть с помощью инструмента картографирования разума.

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

Прелесть в том, что ваши карты выглядят действительно профессионально!

Создайте свою собственную интеллектуальную карту в Word

Теперь, когда вы убедились, насколько просто и легко создать интеллектуальную карту в Word, пора сделать ее самостоятельно!

Просто выполните простые шаги, показанные выше, или воспользуйтесь шаблоном интеллект-карты через SmartArt, чтобы значительно упростить составление интеллект-карты.

Вы знаете, что сможете стать намного продуктивнее и лучше общаться, если начнете использовать интеллект-карты.А теперь приступим! Начни ментальное отображение в MS Word прямо сейчас!

Ой … вот небольшая инфографика, которая поможет вам немедленно приступить к работе. Он показывает вам шаги по созданию интеллект-карты в Word на 1 листе. Загрузите инфографику здесь (адрес электронной почты не требуется).

Нравится то, что вы видите?

Подпишитесь, и я помогу вам управлять вашей работой и учебной информацией беззаботно

Узнайте больше о Carefree Productivity, получая наш еженедельный информационный бюллетень и соответствующие обновления

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *