Разное

Как создать сайт в word: Как сделать web страницу в word?

14.11.2003

Содержание

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 (Мое детство)

Мое детство

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

Текст

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

Текст

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

Бесплатная лекция: «4. Табель форм документов» также доступна.

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

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

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

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

Пошаговое руководство: создание спонсорского сайта для вашей организации — SharePoint in Microsoft 365

  • Статья
  • Чтение занимает 5 мин
  • Участники: 2

Были ли сведения на этой странице полезными?

Да Нет

Хотите оставить дополнительный отзыв?

Отзывы будут отправляться в корпорацию Майкрософт. Нажав кнопку «Отправить», вы разрешаете использовать свой отзыв для улучшения продуктов и служб Майкрософт. Политика конфиденциальности.

Отправить

В этой статье

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

Во-первых, если вы еще не создали спонсорский сайт, ознакомьтесь с разделом «Создание сайта» в этой статье.

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

Пример спонсорского сайта

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

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

3. Заявите о себе Создайте профессиональный продуманный текст с несколькими вариантами форматирования. Инструкции

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

4. Распространяйте новости Делитесь идеями и историями, чтобы лучше преподнести свое сообщение. Инструкции

5. Получайте события в календаре Добавьте календарь событий, чтобы держать людей в курсе связанных событий. Инструкции

Создание своего сайта

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

Создать сайт на начальной странице SharePoint (а если вы собираетесь связать этот сайт с существующим центральным сайтом, перейдите на центральный сайт и выберите Создать сайт там, чтобы информационный сайт был автоматически связан с этим центральным сайтом).

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

Дополнительные сведения см. в статье Создание информационного сайта в SharePoint Online.

К началу страницы

Создание удобной навигации по сайту

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


  • Добавьте и отредактируете главное меню Легко редактируйте верхнее меню, чтобы связать страницу с другими страницами SharePoint или в веб-страницами.

  • Мега-меню При развертывании сайта в составе центрального сайта можно создавать мощные мега меню.

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

К началу страницы

Вдохновляйте с помощью изображений и информации

Информируйте свою команду о самом важном с помощью изображений главного имиджевого баннера, фирменной символики компании и важных новостей. Исходное впечатление от домашней страницы спонсорского сайта создается с помощью больших и привлекательных изображений веб-части «Главный имиджевый баннер». Макет, используемый в этом примере:

Четыре плитки.

Макет главного имиджевого баннера

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

В этом примере веб-часть «Главный имиджевый баннер» находится в разделе на всю ширину страницы.

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


Настройка каждой плитки

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

Дополнительные сведения об использовании веб-части «Главный имиджевый баннер» см. в статье Использование веб-части «Главный имиджевый баннер».

К началу страницы

Заявите о себе с помощью текстовой веб-части

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

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

Дополнительные сведения об использовании веб-части «Текст» см. в статье Добавление текста и таблиц на страницу с помощью веб-части «Текст»

К началу страницы

Призывайте к действиям

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

Здесь веб-часть «Изображение» сопряжена с текстовой веб-частью для создания призыва к действию.

Дополнительные сведения об использовании веб-части «Изображение» см. в статьеВеб-часть «Изображение».

Работа с разделами

Чтобы создать разделы, начните редактирование, щелкнув Изменить в правом верхнем углу страницы.

Символ «+» до или после раздела добавляет раздел с использованием одного из нескольких макетов.

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


Работа с веб-частями

Щелкните символ «плюс» в разделе, который может отображаться до или после веб-части в разделе, чтобы просмотреть множество типов доступных веб-частей. Дополнительные сведения обо всех веб-частях см. в статье Использование веб-частей на страницах SharePoint.

Веб-части в разделах можно изменять, перемещать или удалять. Значок Изменить веб-часть

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

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

Совет

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

К началу страницы

Распространяйте новости с помощью веб-части «Новости»

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

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

В этом примере веб-часть находится в разделе с одним столбцом.

Дополнительные сведения об использовании веб-части «Новости» см. в статье Использование веб-части «Новости» на странице SharePoint.

К началу страницы

Добавляйте календарь событий с помощью веб-части «События»

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

В этом примере спонсорского сайта веб-часть использует макет «Пленка».

Дополнительные сведения об использовании веб-части «События» см. в статье Использование веб-части «События».

К началу страницы

Хотите узнать больше?

Вдохновляйтесь дополнительными примерами и возможностью добавить пример спонсорского сайта с помощью Каталога SharePoint.

Создание 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-е изд. – М. : БИНОМ

Как создать новый веб-документ?. Веб-Самоделкин. Как самому создать сайт быстро и профессионально

Читайте также

Глава 10 Осваиваем Word: как создать и сохранить документ

Глава 10 Осваиваем Word: как создать и сохранить документ Microsoft Word — это программа для работы с текстовыми документами, их обработки, редактирования и распечатки. На данный момент существует несколько выпусков, при этом, каждая новая версия отличается от предыдущей

Как создать форму отправки данных и вставить ее в веб-документ?

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

Как создать новый профиль?

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

Документ

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

Веб-документ

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

Сохраняем документ

Сохраняем документ Для сохранения созданного вами файла нажмите кнопку Сохранить (Save) (с изображением дискеты) на Панели инструментов Word. После этого, если сохранение производится впервые, программа предложит вам выбрать папку, в которой будет сохранен документ, его

Как создать новый PGP диск.

Как создать новый PGP диск. 1.  Запустите программу PGPdisk2.  Исполните команду New, после чего на экране появится мастер создания PGP диска.3.  Нажмите на next.4.  Появится окошко создания PGP диска, в котором необходимо указать путь, где новый диск под названием <New PGPdisk>  надо

Документ

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

Документ

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

Документ

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

Документ

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

Документ

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

Документ

Документ После запуска программы автоматически формируется первый слайд и в правом верхнем углу рабочего пространства появляется счетчик, состоящий из двух чисел. Первое число указывает номер слайда, отображающегося в данный момент на экране, а второе — количество

Как создать документ?

Как создать документ? Веб-приложение Google Документы позволяет создавать такие же документы, как и приложения Microsoft Office: документы, таблицы, презентации. Работу с документом Microsoft Word мы уже разобрали. Теперь рассмотрим создание документа на примере электронной таблицы.На

3.10. Как распечатать документ?

3.10. Как распечатать документ? Печать документов возможна:? на принтере, непосредственно подключенном к вашему компьютеру;? на принтере, который подключен к компьютеру, находящемуся в локальной сети. Тогда печать возможна только в том случае, если компьютер включен;? на

Russia War Crimes

В чем еще вам лгут российские политики

Это не война, это только спецоперация

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

Россия хочет только защитить ЛНР и ДНР

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

На карте Украины вы увидите, что Львов, Ивано-Франковск и Луцк — это больше тысячи километров от ЛНР и ДНР. Это другой конец страны.

Это места попадания ракет 25 февраля. За полтора месяца их стало гораздо больше во всей Украине.

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

Мирных жителей это не коснется

Это касается каждого жителя Украины каждый день.

Тысячам семей пришлось бросить родные города. Снаряды попадают в наши жилые дома.

Это был обычный жилой дом в Тростянце, в Сумской области. За сотни километров от так называемых ЛНР и ДНР.

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

Российская армия обстреливает пункты гуманитарной помощи и «зеленые коридоры».

Во время эвакуации мирного населения из Ирпеня семья попала под минометные обстрелы — все погибли.

Среди убитых много детей. Под обстрелы уже попадали детские садики и больницы.

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

Это груднички, которых вместо теплых кроваток приходится размещать в подвалах. С начала войны Украине родилось больше 15 000 детей. Все они еще ни разу в жизни не видели мирного неба.

В Украине — геноцид русскоязычного народа, а Россия его спасает

В HOSTiQ.ua работают люди из всех частей Украины: больше всего сотрудников из Харькова, есть ребята из Киева, Днепра, Львова, Кропивницкого и других городов. 99% сотрудников до войны разговаривали только на русском языке. Нас никогда и никак не притесняли.

Но теперь именно русскоязычные города, Харьков, Мариуполь, Россия пытается стереть с лица земли.

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

Украинцы сами в себя стреляют

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

Украина во власти нацистов, и их нужно уничтожить

Наш президент — русскоговорящий еврей. На свободных выборах в 2019 году за него проголосовало три четверти населения Украины.

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

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

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

Это месть за детей Донбасса

Российские СМИ любят рассказывать о кровожадных украинских детоубийцах. Но «распятый мальчик в трусиках» и «мальчик — мишень для ракет ВСУ» — это легенды, придуманные российскими пропагандистами. Нет ни единого доказательства подобным страшилкам, только истории с государственных российских телеканалов.

Однако допустим, что ваши солдаты верят в эти легенды. Тогда у нас все равно появляется вопрос: зачем, мстя за детей Донбасса, они убивают детей Донбасса?

8 апреля солдаты рф выпустили две ракеты в вокзал Краматорска, где четыре тысячи украинцев ждали эвакуационные поезда. Ракетным ударом российские солдаты убили 57 человек, из которых 5 — дети. Еще 16 детей были ранены. Это дети Донбасса.

На одной из ракет остались остатки надписи «за детей».

Сразу после удара российские СМИ сообщили о выполненном задании, но когда стало известно о количестве жертв — передумали и сказали, что у рф даже нет такого оружия.

Это тоже ложь, вот статья в российских СМИ про учения с комплексом Точка-У. Рядом скриншот из видео с военным парадом, на котором видна Точка-У.

Еще один фейк, который пытались распространить в СМИ: «выпущенная по Краматорску ракета принадлежала ВСУ, это подтверждает ее серийный номер». Прочитайте подробное опровержение этой лжи.

Посмотрите на последствия удара. Кому конкретно из этих людей мстили за детей Донбасса?

Создание сайта средствами Microsoft Office Word

Администрация городского округа Стрежевой Томской области

Управление образования

МУНИЦИПАЛЬНОЕ АВТОНОМНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА №5

Завершённая система учебных занятий

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

Microsoft Office Word.

Автор: Булатова Елизавета Владимировна

учитель информатики МАОУ СОШ №5

Стрежевой- 2014

Оглавление

Пояснительная записка 3

Первое занятие: Вводное занятие. Виды и типы сайтов. 7

Второе занятие: Создание макета сайта и поиск информации в сети интернет. 10

Третье занятие: Создание сайта средствами Microsoft Office Word. 13

Четвертое занятие: Презентация сайта. 16

Приложение 1 19

Приложение 2 20

Приложение 3 23

Приложение 4 24

Источники информации 25

Пояснительная записка

Актуальность

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

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

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

Направленность методической разработки

Обучающая направленность: формирование знаний поиска информации в сети интернет и применение этих знаний для создания сайта. Закрепление умений и навыков работы в Word.

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

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

Цели и задачи.

1.   Освоение и систематизация знаний, относящихся к основам информатики – формирование компетентности в сфере информационно-аналитической деятельности.

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

3.   Приобретение опыта создания и преобразования информационных объектов различного вида с помощью современных информационных технологий – формирование технологической компетентности.

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

5. Рассмотреть урок информатики как средство формирования ключевых компетенций.

Ожидаемые результаты: Ученики без инструкции смогут создавать и регистрировать в сети интернет свои сайты. Смогут самостоятельно изучить другие способы создания сайта.

Педагогическая целесообразность: В ходе своей работы учащиеся: 1. выполняют поиск информации в Интернет; 2. оформляют конспект в текстовом редакторе; 3. осуществляют самоконтроль и взаимоконтроль.4. работают над созданием презентации; 5. демонстрируют работ классу; 5. защищают свои работы.

Критерии оценки эффективности реализации методической разработки:

1. Активная мыслительная деятельность каждого ученика в течение всего урока. Это означает, что учащийся работает в течение всего времени занятия. Он включается в проверку домашнего задания, слушает объяснение нового материала, участвует в закреплении, выполняет самостоятельную работу.

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

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

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

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

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

7. Достижение целей урока

Тема занятия: Вводное занятие. Виды и типы сайтов.

Цели занятия:

Метапредметная – расширить границы предмета «информатика» через интеграцию с окружающей средой.

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

Познавательных:

Общеучебных:

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

2. Искать и выделять необходимую информацию; применять методы ин- формационного поиска, в том числе с помощью компьютерных средств.

Логических:

3. Устанавливать причинно-следственные связи.

4. Строить логические цепи рассуждений.

5. Выдвигать гипотезы.

Постановка и решение проблем:

6. Самостоятельно искать способ решения проблемы поискового характера.

Коммуникативных:

1. Уметь слушать и вступать в диалог.

2. Уметь с достаточной̆ полнотой и точностью выражать свои мысли в устной речи, конструируя предложение в соответствии с грамматическими и синтаксическими нормами.

Личностных:

1. Проявлять любознательность при получении знаний.

2. Проявлять интерес к изучению информатики.

3. Проявлять чувство взаимоуважения, взаимовыручки.

Регулятивных:

1. Определять цель урока.

2. Контролировать себя путём сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений и отличий от эталона.

3. Корректировать способ действия в случае расхождения эталона и результата.

4. Оценивать — осознавать качество и уровень усвоения нового знания.

5. Регулировать мобилизацию своих усилий и энергии для достижения цели.

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

Предметные задачи:

Образовательные:

  • познакомить учащихся с видами сайтов;

  • освоить основное приемы оформления сайтов.

  • воспитание информационной культуры учащихся;

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

Время: 45 минут.

Класс: 9

Оборудование: проектор, компьютер для учителя и учащихся, Microsoft Office Power Point, доступ и подключение к сети интернет.

Ход занятия:

Этапы

Содержание

Деятельность учителя

УУД

  1. Организационный момент

Настрой на урок в стихотворной форме.

Громко прозвенел звонок. Начинается урок. Пусть наша совместная работа на уроке будет успешной̆ и порадует всех нас.

Регулятивные

  1. Актуализация опорных знаний

Фронтальный опрос

Прежде чем изучать новые понятия, давайте вспомним, что вы уже знаете.

  1. Что такое компьютерная сеть.

  2. Чем отличается локальная сеть от глобальной.

  3. Что такое интернет.

  4. Что такое сайт.

  5. Что такое веб-страница.

Познавательные, коммуникативные

  1. Создание проблемной ситуации.

Введение в тему урока

В зависимости от целей, сайты условно можно разделить на несколько категорий: 

  • Персональные (домашние) странички;

  • Сайт-визитки;

  • Информационные сайты;

  • Промо-сайты;

  • Сайт-фотогалереи;

  • Информационные интернет-издания, СМИ;

  • Крупные информационные порталы.

  • Корпоративные сайты;

  • Интернет магазины.

А как же они выглядят и каковы их цели?

Познавательные

  1. Решение учебной проблемы.

Работа с источником информации. Практическая самостоятельная работа.

А теперь выполните практическое задание. Откройте файл «Виды сайтов», и выполняйте задания, которые там указаны.

Познавательные, личностные.

  1. Рефлексия

Погружение детей в поисково- исследовательскую деятельность

Заполните таблицу по итогам урока:

Знал

Узнал

Хотел бы узнать

Познавательные

  1. Подведение итогов урока

Узнали о…

Работали над …

Обобщили …

Кого отметим?

Познавательные, регулятивные, коммуникативные

Тема занятия: Создание макета сайта и поиск информации в сети интернет.

Цели занятия:

Метапредметная – расширить границы предмета «информатика» через интеграцию с окружающей средой.

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

Познавательных:

Общеучебных:

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

2. Искать и выделять необходимую информацию; применять методы ин- формационного поиска, в том числе с помощью компьютерных средств.

Логических:

3. Устанавливать причинно-следственные связи.

4. Строить логические цепи рассуждений.


5. Выдвигать гипотезы.


Постановка и решение проблем:

6. Самостоятельно искать способ решения проблемы поискового характера.

Коммуникативных:

1. Уметь слушать и вступать в диалог.

2. Уметь с достаточной̆ полнотой и точностью выражать свои мысли в устной речи, конструируя предложение в соответствии с грамматическими и синтаксическими нормами.

Личностных:

1. Проявлять любознательность при получении знаний.

2. Проявлять интерес к изучению информатики.

3. Проявлять чувство взаимоуважения, взаимовыручки.

Регулятивных:

1. Определять цель урока.

2. Контролировать себя путём сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений и отличий от эталона.

3. Корректировать способ действия в случае расхождения эталона и результата.


4. Оценивать — осознавать качество и уровень усвоения нового знания.

5. Регулировать мобилизацию своих усилий и энергии для достижения цели.

Предметная – научить создавать макет сайта и искать информацию в сети интернет.

Предметные задачи:

Обучающие:

Развивающие:

  • развитие у учащихся учебно-познавательной, общекультурной, ценностно-смысловой компетенций, компетенции личностного самосовершенствования;

  • формирование у учащихся грамотной речи в области информатики;

  • воспитание информационной культуры учащихся;

Время:45 минут.

Класс: 9

Оборудование: проектор, компьютеры для учеников и для учителя, текстовый процессор Microsoft Office Word, подключение к интернету.

Ход занятия.

Этапы

Содержание

Деятельность учителя

УУД

  1. Организационный момент

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

Регулятивные

  1. Актуализация опорных знаний

Погружение детей в поисково-исследовательскую деятельность.

Учитель раздает памятки Макет сайта, каждому учащемуся.

(Приложение 1)

Познавательные

  1. Создание проблемной ситуации.

Введение в тему урока

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

Познавательные, регулятивные

  1. Решение учебной проблемы.

Работа с источником информации. Практическая самостоятельная работа.

Интеграция с разными предметами (в зависимости от темы сайта)

Разбиваемся на группы по 4 человека выбираем тему сайта, вид сайта и распределяем обязанности. Кто будет искать информацию, а кто составлять макет сайта.

Познавательные, личностные, коммуникативные

  1. Рефлексия

Погружение детей в поисково- исследовательскую деятельность

Заполните таблицу по итогам урока:

«+»

«-»

«интересно»

Познавательные

  1. Подведение итогов урока

Какой вклад внес каждый участник в деятельность группы.

Познавательные, регулятивные, коммуникационные

Тема занятия: Создание сайта средствами Microsoft Office Word.

Цели занятия:

Метапредметная – расширить границы предмета «информатика» через интеграцию с окружающей средой.

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

Познавательных:

Общеучебных:

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

2. Искать и выделять необходимую информацию; применять методы ин- формационного поиска, в том числе с помощью компьютерных средств.

Логических:

3. Устанавливать причинно-следственные связи.

4. Строить логические цепи рассуждений.

5. Выдвигать гипотезы.

Постановка и решение проблем:

6. Самостоятельно искать способ решения проблемы поискового характера.

Коммуникативных:

1. Уметь слушать и вступать в диалог.

2. Уметь с достаточной̆ полнотой и точностью выражать свои мысли в устной речи, конструируя предложение в соответствии с грамматическими и синтаксическими нормами.

Личностных:

1. Проявлять любознательность при получении знаний.

2. Проявлять интерес к изучению информатики.

3. Проявлять чувство взаимоуважения, взаимовыручки.

Регулятивных:

1. Определять цель урока.

2. Контролировать себя путём сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений и отличий от эталона.

3. Корректировать способ действия в случае расхождения эталона и результата.

4. Оценивать — осознавать качество и уровень усвоения нового знания.

5. Регулировать мобилизацию своих усилий и энергии для достижения цели.

Предметная – научить учащихся создавать сайт средствами Word.

Предметные задачи:

Обучающие:

  • познакомить учащихся с технологией создания сайта в Word;

  • освоить основное приемы оформления сайта в Word.

  • научить создавать ссылки на страницы сайта.

Развивающие:

  • развитие у учащихся учебно-познавательной, общекультурной, ценностно-смысловой компетенций, компетенции личностного самосовершенствования;

  • развитие информационной культуры учащихся;

Время: 45 минут.

Класс: 9

Оборудование: проектор, компьютеры для учеников и для учителя, текстовый процессор Microsoft Office Word, подключение к интернету.

Ход занятия.

Этапы

Содержание

Деятельность учителя

УУД

  1. Организационный момент

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

Регулятивные

  1. Создание проблемной ситуации.

Введение в тему урока

Основываясь на материале памятки, начнем работу по представленному алгоритму. Учитель раздает памятки Алгоритм создания сайта, каждому учащемуся, а также требования, которым должен соответствовать сайт.

(Приложение 2)

(Приложение 3)

Познавательные, регулятивные

  1. Решение учебной проблемы.

Работа с источником информации. Практическая самостоятельная работа.

Интеграция с разными предметами (в зависимости от темы сайта)

Разбиваемся на группы по 4 человека и создаем сайт.

Познавательные, личностные, коммуникативные

  1. Рефлексия

Погружение детей в поисково — исследовательскую деятельность

Заполните таблицу по итогам урока:

Знал

Узнал

Хотел бы узнать

Познавательные

  1. Подведение итогов урока

Какой вклад внес каждый участник в деятельность группы.

Познавательные, регулятивные, коммуникационные

Тема занятия: Презентация сайта.

Цели занятия:

Метапредметная – расширить границы предмета «информатика» через интеграцию с окружающей средой.

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

Познавательных:

Общеучебных:

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

2. Искать и выделять необходимую информацию; применять методы ин- формационного поиска, в том числе с помощью компьютерных средств.

Логических:

3. Устанавливать причинно-следственные связи.

4. Строить логические цепи рассуждений.

5. Выдвигать гипотезы.

Постановка и решение проблем:

6. Самостоятельно искать способ решения проблемы поискового характера.

Коммуникативных:

1. Уметь слушать и вступать в диалог.

2. Уметь с достаточной̆ полнотой и точностью выражать свои мысли в устной речи, конструируя предложение в соответствии с грамматическими и синтаксическими нормами.

Личностных:

1. Проявлять любознательность при получении знаний.

2. Проявлять интерес к изучению информатики.

3. Проявлять чувство взаимоуважения, взаимовыручки.

Регулятивных:

1. Определять цель урока.

2. Контролировать себя путём сличения способа действия и его результата с заданным эталоном с целью обнаружения отклонений и отличий от эталона.

3. Корректировать способ действия в случае расхождения эталона и результата.

4. Оценивать — осознавать качество и уровень усвоения нового знания.

5. Регулировать мобилизацию своих усилий и энергии для достижения цели.

Предметная – обобщить знания учащихся о создании сайта средствами Word.

Предметные задачи:

Обучающие:

  • познакомить учащихся с технологией создания сайта в Word;

  • освоить основное приемы оформления сайта в Word.

  • научить создавать ссылки на страницы сайта.

Развивающие:

  • развитие у учащихся учебно-познавательной, общекультурной, ценностно-смысловой компетенций, компетенции личностного самосовершенствования;

  • развитие информационной культуры учащихся;

Время: 45 минут.

Класс: 9

Оборудование: проектор, компьютер для учеников, Microsoft Office Power Point, подключение к интернету.

Ход занятия.

Этапы

Содержание

Деятельность учителя

УУД

  1. Организационный момент

Настрой на занятие.

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

Регулятивные

  1. Защита работ

Погружение детей в исследовательскую деятельность. Презентация сайтов.

Познавательные, регулятивные, личностные, коммуникативные

  1. Работа экспертной группы.

Экспертная группа выражает своё мнение о соответствии каждого сайта требованиям.

Познавательные, личностные, коммуникативные

  1. Рефлексия

Погружение детей в поисково — исследовательскую деятельность

Заполните таблицу по итогам урока:

Понравилось

Не понравилось

Познавательные

  1. Подведение итогов урока

Поощрение каждого участника положительными оценками.

Познавательные, регулятивные,

Приложение 1

Макет сайта

Перед вами макет веб — страницы. Перерисуйте к себе в тетрадь пустой макет. В сектор №1 впишите название сайта, логотип сайта (тематическая картинка), цвет «шапки». В сектор №2 – название вкладок (не менее пяти), возле каждой вкладки можно поместить пиктограмму. В сектор №3, где должен располагаться текст – тему текста (весь текст писать не надо). В сектор №4 можно разместить информацию о том, кто создал сайт, рекламу и т.д.

Например:

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

Приложение 2

Алгоритм создания сайта

  1. Пуск – Программы – Microsoft Offise Word;

  2. Сохраним открывшийся файл:

Сохранить как — Имя файла «Glavnaya», Тип файла «веб-страница»;

  1. Страница заметно расширилась. У каждого сайта есть «шапка», содержащая картинки и название сайта. Тема Вашего сайта любая, мой сайт будет про Египет.

  2. Сделаем «шапку» нашему сайту:

Вставка – Фигуры – Прямоугольник. Раскрасить по собственному желанию.

Правой кнопкой мыши по полосе – добавить текст- «ЕГИПЕТ»

Выберем вкладку Разметка страницы – Цвет страницы

  1. Теперь нам нужно придумать название вкладок нашего сайта. Например: «История образования», «История искусства», «Династии», «Туризм», «Красивейшие места» (Минимум 5 вкладочек).

  2. Вкладки создаются по аналогии с «шапкой»;

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

Вставка- надпись – набрать или вставить нужный текст.

Приложение 3


Памятка — рецензия

  • Подбор тематики и содержание статей.

  • Художественное оформление.

  • Читабельность.

  • Актуальность.

  • Разнообразие эффектов, анимации, видов шрифтов и т.п.

  • Какие средства использовались.

  • Названы ли этапы работы над сайтом.

  • 5 вкладок.

  • Гиперссылки на каждую страницу.

Приложение 4

Виды сайтов

  1. Запустите программу Enternet Explorer.

  2. Отройте поисковую систему yandex.

  3. Вводите в строку запросов по очереди виды сайтов.

  4. В колонку результат записывайте адрес сайта и его основную деятельность.

Виды сайтов

Адрес сайта.

Цели сайта.

Персональные (домашние) странички;

Сайт-визитки;

Информационные сайты;

Промо-сайты;

Сайт-фотогалереи;

Информационные интернет-издания, СМИ;

Крупные информационные порталы.

Корпоративные сайты;

Интернет магазины.

Источники информации
      1. http://www.cms-soft.ru/katalog/10/index.php

      2. http://ru.wikipedia.org/wiki/%D1%E0%E9%F2

      3. http://rudocs.exdat.com/docs/index-359347.html

      4. http://www.coolreferat.com/Урок_информатики_как_средство_формирования_ключевых_компетенций

      5. Казанцева, Ж.Л. Формирование социально-личностной компетенции школьника как одно из условий современного образования [Электронный ресурс] / Ж.Л. Казанцева // Фестиваль педагогических идей «Открытый урок». — Режим доступа: http://festival.1september.ru/articles/411646/, свободный.

      6. Лебедев, О.Е. Компетентностный подход в образовании [Электронный ресурс] / О.Е. Лебедев // Школьные технологии. — 2004. — №5. — С.3-12. — Режим доступа: http://www.orenipk.ru/seminar/lebedev. htm, свободный.

      7. Хуторской, А.В. Ключевые компетенции и образовательные стандарты [Электронный ресурс] / А.В. Хуторской // Интернет-журнал «Эйдос». -2002. -23апреля. — Режим доступа: http://www.eidos.ru/journal/2002/0423. htm, свободный.

Создание веб страниц в MS WORD Веб дизайн в ворде Web design

html файл

  • В нашей любимой прикладной программе MS WORD — создайте новый файл.
  • В меню Файл выберите команду Сохранить в Формате HTML (Сохранить как веб страницу. как веб-страницу с фильтром! — см. Вашу версию Word)…
  • Задайте имя файла английскими маленькими буквами, арабскими цифрами, пусть сегодня это будет my1. Нажмите OK (возможно несколько раз:) и Вы снова в программе Ворд. Посмотрите, внешний вид документа и панелей инструментов немного изменился. Зато Вы сейчас начнете создавать настоящий интернет файл, который потом останется только загрузить (закачать) в интернет.

шрифт

  • Начнем со шрифта. Используйте кнопки панели инструментов Форматирование или команды из меню Формат. Выберем цвет шрифта. Ну, не все же черным-то цветом. Меню Формат. Команда Шрифт. Цвет темно-синий или любой другой на выбор. Размер можно задать там же. И сам шрифт — тоже. Сейчас в моде по-прежнему Verdana, Tahoma, Arial. Но Вас это ни к чему не обязывает. Единственное реальное ограничение — русских шрифтов (кирилица) не так уже и много. Пусть будет Verdana. Для тех, кто уверенно пользуется кнопками на панелях управления — здесь только одно отличие от обычной панели Форматирования Word: справа от окошка, в котором Вы обычно задавали шрифт, появились две кнопки А и А — как раз в том месту, где Вы раньше задавали размер шрифта для текстовых документов. Вот ими Вы и можете увеличивать или уменьшать размер шрифта. А дальше — ничего нового — жирный шрифт, курсив, подчеркивание

Выравнивание по левому краю

по центру

по правому краю

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

Наберите какой-нибудь текст. Например, Здравствуйте, это моя (Имя, Фамилия) персональная страничка 🙂

фон

  • Ну, вот, вроде со шрифтом определились. Подберем теперь подходящий к нему цвет фона Вашей странички. (Вы, конечно, можете пользоваться кнопками панелей управления, но, чтобы не запутаться — я покажу Вам, как работать с командами из строки меню). В строке меню найдите меню Формат, выберите из меню Формат команду Фон… > и выберите цвет фона. Помимо стандартных цветов, вы можете выбрать дополнительные цвета… Обычные или Весь Спектр. ОК? Не понравилось? Выбираем из меню Правка команду Отменить ввод (на панели инструментов Стандартная — это кнопка с изображением стрелочки против часовой стрелки). Выбираем другой цвет. Не то? — Отмена. — Новый цвет фона. А мне вот захотелось бледно-зеленый из обычных цветов. Но к нему синий цвет шрифта как-то не очень — поменяем на зеленый.
  • Давайте посмотрим, как же выглядит Ваша страничка. Меню Файл. Команда Просмотр Web-страницы. Щелкнули. Вывалилось «Документ был изменен…». : Жмите OK. Дальше на экране Вашего компьютера появляется то, что весь мир скоро увидит в интернете. Выберите в новом окошке команду Закрыть из меню Файл, чтобы закрыть Вашу веб-страничку — мы еще не закончили 🙂
  • Можно продолжать подбирать цвета. Размер пока рано — Вы же ничего не написали еще. Поэтому сейчас Вы печатаете текст, который уже сочинили для своей странички.
  • Напечатали? Не забывайте сохранять время от времени Вашу работу (команда Сохранить в меню Файл или кнопка с изображением дискеты на панели инструментов Стандартная) А теперь можно в черновую текст отформатировать. Выделите заголовки — размер, цвет, жирный, курсив. Подчеркивание не стоит использовать. Проявите фантазию. Обязательно смотрите — как это будет выглядеть непосредственно на веб-страничке, она может слегка отличаться от того, что Вы делаете в Ворд.

картинка

  • Пока еще не отличается от Ворда? Начинаем вставлять рисунки. Щелкните левой кнопкой мышки то место на экране — куда бы Вы хотели поместить рисунок (картинку, фото). Меню Вставки команда Рисунок — из файла. Выберите соответствующий файл, нажмите кнопку Добавить. Вот Ваше фото на экране. Я уменьшаю размер. Как? Щелкните один раз по фотографии, в углах и по срединам сторон появляются маленькие квадратики. Подведите курсор мышки к квадратику, вместо обычной стрелочки появляется — черные стрелочки, направленные в противоположные стороны и соединенные друг с другом. В этот момент нажмите на левую кнопку мышки и стрелочки вообще поменяются на крестик — зато, если вы, продолжая нажимать левую кнопку мышки нажатой, начнете двигать мышку, то фото начнет изменять размеры вслед движениям Вашей руки.
  • А еще, по политическим соображениям :), я хочу, чтобы фото размещалось справа, а не слева. Кнопка — выравнивание по правому краю из панели инструментов Форматирование. А можно и по центру разместить…
  • А теперь — самое главное! Организовать переходы на другие страницы Вашего сайта. У Вас ведь будет много страниц? Вас могут ограничить только объемом дискового пространства. Но до верхнего предела нам еще очень далеко.

Гиперссылки

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

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

    НА ГЛАВНУЮ СТРАНИЦУ, с помощью мышки выделяю этот текст. (Ну, то есть нужно проехаться мышкой с нажатой левой кнопкой по этому тексту — Щелкните мышкой справа от буквы У. Нажмите левую кнопку мыши и тащите мышь налево до буквы Н — получился такой черный прямоугольник). В меню Вставка выберите команду Гиперсылка. Напечатайте в верхней строчке под названием связать с файлом/URL — вот опять эти три буквы — http://maryna1111.narod.ru/index.html. Только вместо maryna1111 у Вас должно быть имя вашего сайта. А вот название файла на Вашем сайте — index.html — нужно сохранить. Поскольку это обязательное имя для Вашей главной странички. Видите, как все просто. Если потом Вам захочется с Вашей главной странички попасть в этот Ваш файл my1.htm, то Вы на главной страничке помещаете гиперссылку (ссылку) http://maryna1111.narod.ru/my1.htm ПЕРЕХОД НА СТРАНИЧКУ my1 МОЕГО САЙТА

     


  • Если Вам все еще нравится то, что у Вас получилось, смело идите загружайте Ваши файлы в интернет на выбранный Вами хостинг (подбор хостинга). Не забудьте про файлы картинок. Как и в случае работы только с готовыми шаблонами, предлагаемыми многими хостерами, перед тем как вздохнуть с облегчением, обязательно проверяйте правильность переходов по ссылкам Вашего сайта.
  • Сколько может стоить создание подобных страничек на рынке интернет-услуг? Трудно сказать… Здесь речь идет скорее об уроках грамотной работы с программой MS WORD. Оплата, обычно, почасовая — стоимость соизмерима со стоимостью уроков английского.
  • Что дальше? Еще проще. Вы где-то ошиблись, вы хотите поменять содержание, то есть не на всю же жизнь Вы разместили именно эту информацию о Вас в интернет? Когда в адресной строке браузера Вы видите свою страницу, УЖЕ В ИНТЕРНЕТЕ!, скопируйте ее на Ваш компьютер. С другой стороны — зачем? Она у Вас уже есть в компьютере. В меню файл выберите команду Править в Microsoft Word — и редактируйте в нашем любимом WORD. Для тех, кто дочитал до конца — бонус: проверить Вашу вебстраницу на различных разрешениях экрана Вашего интернет-устройства. Не нравится? Тогда еще один бонус: задайте стиль тегу body и у всех тегов, где появляется width больше 300px, исправьте пиксели на %. Элементарные знания html — понадобятся, к сожалению. )

    Все равно что-то не то? Идите сюда:
    Создание веб страниц в документах Гугл онлайн >>


  • Те, кто с удивлением прочитал вышенаписанное и воспринял это как призыв делать сайты именно в ворд, не правы. Профессиональные сайты принято создавать с помощью специально предназначенных для этого программ, и именно это обстоятельство дает возможность отлично зарабатывать не только web design ерам, но и специалистам по SEO.
    Сайты, сделанные в ворд, лишают куска хлеба одновременно и тех, и других. Но целью данного пособия для начинающих с абсолютного нуля веб дизайн еров было, конечно, не это, а что — читайте на других страницах сайта.

    Далее — некоторые распространенные ошибки, возникающие при создании сайтов в word:

  • (ВОПРОС)как загруженный файл сделать главной страницей?z сделала 4 шаблона в ворде,загрузила их а как дальше управляться что-то не соображаю.помогите пожалуйста!!!!

    (ОТВЕТ) У файла с главной страницей имя обязательно должно быть index.html или index.htm (Есть и другие варианты.) Переименуйте Ваш файл с главной страницей обязательно маленькими латинскими буквами на имя index и убедитесь, что расширение у него или htm, или html (тоже маленькой латынью)
    Прочитайтеhttp://maryna1111.narod.ru/003old.htm — обратите особое внимание на гиперссылки (линки)

    (ВОПРОС)spasibo ogromnoe!!!!!!!tolko y menya pochemy-to vmesto kartinok krestiki.v iznachalnom variante bili v worde vstavleni kartinki a v ypravlenii failami i na saite yzhe krestiki.chto ne tak?zaranee spasibo!

    (ОТВЕТ) 1.Картинки нужно загружать на сайт как отдельные файлы.
    2.Обязательно проверьте пути к файлам с картинками.
    3.Обязательно проверьте имена и расширения файлов с картинками : большие буквы и маленькие — это не одно и тоже!! И буквы, конечно, только латинские.

    (ВОПРОС от моей однокурсницы, год выпуска не пишу, дабы сильно не пугать читателя) Почему веб-сайт, написанный профессионалом на PHP, иногда выдает ошибки? Cрочно все брось и разберись.

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

Создание и редактирование документа HTML с помощью Microsoft Word 2002

В ЭТОМ ЗАДАЧЕ

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

Создайте свой HTML-документ

Используйте один из следующих двух методов для создания нового HTML-документа.

Метод 1

  1. Запустите Microsoft Word.

  2. В области задач «Новый документ» щелкните «Пустая веб-страница» в разделе «Создать».

  3. В меню «Файл» выберите «Сохранить».

    ПРИМЕЧАНИЕ. В поле Сохранить как тип по умолчанию используется веб-страница (*.хтм; *.html).

  4. В поле Имя файла введите имя файла документа, а затем нажмите кнопку Сохранить.

Метод 2

  1. Запустите Microsoft Word.

  2. Создайте новый пустой документ.

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

  4. В поле Имя файла введите имя файла документа, а затем нажмите кнопку Сохранить.

Добавление текста и гиперссылок в HTML-документ
  1. Откройте HTML-документ, созданный ранее в этой статье. Для этого выполните следующие действия:

    1. В меню «Файл» выберите «Открыть».

    2. Перейдите к папке, в которой вы сохранили свою статью, в разделе «Создание HTML-документа» этой статьи.

    3. Выберите файл и нажмите «Открыть».

  2. Введите в документ следующий текст:

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

  3. Чтобы создать гиперссылку, выберите слова «Microsoft Word» в набранном тексте.

  4. В меню Вставка щелкните Гиперссылка.

  5. В диалоговом окне «Вставка гиперссылки» введите http://www.microsoft.com/word в поле «Адрес» и нажмите «ОК».

  6. Сохраните изменения в документе.

Добавьте изображение в документ HTML
  1. Поместите точку вставки там, где вы хотите разместить изображение в документе.

  2. В меню «Вставка» выберите пункт «Изображение», а затем нажмите «КлипАрт».

  3. В области задач «Вставка клипа» нажмите «Поиск».

    ПРИМЕЧАНИЕ. Если нажать кнопку «Поиск», не вводя ничего в поле «Текст поиска», в результатах поиска будут отображаться все изображения, доступные в настоящее время в вашей системе.

  4. В разделе «Результаты» выберите изображение, которое хотите вставить на страницу.

  5. Сохраните изменения и закройте документ.

Открыть документ HTML в Word

Выполните одно из следующих действий.

Если область задач «Новый документ» все еще отображается:

В области задач «Новый документ» выберите документ под номером . Откройте документ . Это открывает документ напрямую.

-или-

Если область задач «Новый документ» не отображается:

  1. В меню «Файл» выберите «Открыть».

  2. В диалоговом окне «Открыть» найдите созданный ранее HTML-документ и выберите его.

  3. Нажмите Открыть.

ССЫЛКИ

Для получения дополнительных сведений о поддержке HTML в Word 2002 выполните следующие действия:

  1. Откройте Microsoft Word 2002.

  2. В меню Справка выберите Справка Microsoft Word.

  3. Перейдите на вкладку Мастер ответов.

  4. Введите HTML в поле Что бы вы хотели сделать? и нажмите Поиск.

  5. Отображаются связанные темы. Щелкните любой элемент, чтобы отобразить информацию.

Резюме

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

Автор David Weedmark Обновлено 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 (11 шагов)

i web, интернет-изображение Paul Laroque from Fotolia.com

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

Шаг 1

Шаг 2

Нажмите «Просмотр», а затем «Веб-макет» в разделе «Просмотр документов».

Шаг 3

Создайте эскиз или макет веб-страницы. Макет показывает, сколько строк и столбцов необходимо для создания веб-страницы.Например, для веб-страницы с одним изображением, одним разделом гиперссылки в левом столбце под изображением, одним текстовым разделом в правом столбце и одним разделом с гиперссылкой в ​​правом столбце для этой веб-страницы необходимы четыре ячейки таблицы.

Шаг 4

Нажмите «Вставить», «Таблица» и «Таблица 2X2», чтобы отобразить таблицу с двумя столбцами и двумя строками в окне документа.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Щелкните в ячейке таблицы справа от изображения и введите текст, связанный с изображением. Например, если вы вставили изображение галактики Млечный Путь, вы можете ввести следующее:

Размер галактики Млечный Путь трудно определить количественно, но это огромное скопление, содержащее миллиарды звезд.

Шаг 9

Щелкните в ячейке таблицы под текстом, щелкните правой кнопкой мыши, выберите «Гиперссылка» и введите гиперссылку о солнечной системе в разделе «Адрес» диалогового окна «Вставить гиперссылку» и нажмите «ОК». .»

Шаг 10

Нажмите «Файл», «Сохранить как» и выберите «Веб-страница, отфильтрованная» в раскрывающемся меню «Тип файла» в диалоговом окне «Сохранить как».

Шаг 11

Нажмите «Сохранить», чтобы сохранить дизайн в формате веб-страницы.

Создание сайта с помощью word

Создание сайта с помощью word

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

 Слово загрузки

 Введите Домашняя страница на странице

 Нажмите «Файл», сохраните его как веб-страницу. В Microsoft Office Word 2007 вы должны нажать кнопку «Офис», «Сохранить как» и выбрать другой формат.

 Ваша страница должна быть сохранена как index.html. В Word 2007 необходимо изменить тип «Сохранить как» на «Веб-страница».

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

 Добавить другие тексты, набрав, это моя домашняя страница.

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

 Сделайте аналогичный процесс, когда дело доходит до других ваших страниц. Вы продолжите ее читать.

 Под вашим текстом вы должны сделать ссылку на свою домашнюю страницу.

 Выделите текст.

 Чтобы сделать гиперссылку, вы должны нажать «Вставить».

 Найдите HTML (индекс).

 Если вы уже нашли его, вы должны выбрать его и нажать кнопку ОК.

 Убедитесь, что вы всегда помните, что вы недавно сделали гиперссылку в своем браузере, что означает, что вы должны щелкнуть по ней, чтобы перейти на другие страницы вашего веб-сайта.

 Вы также можете добавить гиперссылку на другие сайты. В текстовом поле вы должны ввести адрес своей веб-страницы.

 Чтобы ваш сайт был завершен, вы должны постоянно выполнять этот процесс.

 У вас уже есть свой веб-сайт с использованием этого слова.

Преимущества

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

Поиск хостинговой компании может занять много времени, но, по правде говоря, она имеет высокий уровень доступности. Все, что вам нужно сделать, это иметь компьютер, ноутбук, нетбук и т. д., на которых установлено Microsoft Office 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. Выберите Сеть
    и нажмите OK.
  19. Перейти к
    Файл | Сохранить как.
  20. В поле Имя файла
    введите свое имя.
  21. Нажмите кнопку
    «Изменить название».
  22. В
    поле Название страницы введите свое имя.
  23. Щелкните
    OK.
  24. Щелкните
    Сохранить как тип в раскрывающемся списке и выберите Один файл
    Веб-страница.
  25. Щелкните
    Сохранить.

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

Пропустить чаевые?

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

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

Sitemaps — это просто: как выделить страницы на вашем веб-сайте

Обновлено: 25 сентября 2019 г.

В этом посте я расскажу, как создать карту сайта в Microsoft Word для вашего веб-сайта.Возможно, вы на самом деле ищете информационные карты сайта в формате XML и/или визуальные карты сайта или информацию о том, как отправить карту сайта в поисковые системы. Если это так, ознакомьтесь с этим постом о разнице между ними и зачем они вам нужны — вы также найдете несколько полезных ресурсов для создания каждого из них. Или этот, о том, как создать XML-карту сайта и отправить ее в поисковые системы Google и Bing.

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

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

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

Указания по созданию карты сайта в Word

Шаг 1. Откройте новый документ Word

Имейте в виду, что эти указания соответствуют Microsoft Word 2013. Отображение и макеты экрана могут различаться в зависимости от используемой версии.

Шаг 2. Перейдите на вкладку «Вставка» и нажмите SmartArt

Отсюда появится вот такое окно.

Шаг 3. Выберите стиль организационной диаграммы

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

Шаг 4: Начните заполнять таблицу

Следующий экран, с которым вы столкнетесь, — это диаграмма с автоматическими заполнителями [Текст]. Его просто нужно заполнить соответствующим содержанием.

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

.

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

Затем веб-дизайнер может использовать это «генеалогическое древо» при создании отдельных страниц веб-сайта.

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

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

Расположение главной страницы в карте сайта

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

.

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

Готовы встретиться с дизайнером?

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

Быстрый и безопасный управляемый хостинг WordPress

Не включено:

Имя личного домена не включено
Не включено

В комплекте:

Персональное доменное имя бесплатно на один год!
Бесплатно в течение одного года

Не включено:

Премиум-темы не включены
Не включено

В комплекте:

Премиум-темы включены
В комплекте

Плагины WordPress

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

Не включено:

Плагины WordPress не включены
Не включено

В комплекте:

Неограниченное количество плагинов WordPress
Неограниченное количество плагинов

Премиум-поддержка

Получите помощь экспертов для создания вашего сайта.

Не включено:

Премиум-поддержка не включена
Не включено

В комплекте:

Премиум-поддержка включена
В комплекте

Продажа товаров с помощью WooCommerce

Не включено:

WooCommerce не включена
Не включено

В комплекте:

WooCommerce включена
В комплекте

Не включено:

Удаление рекламы не включено
Не включено

В комплекте:

Удалить рекламу включено
В комплекте

Расширенные инструменты SEO

Будьте найдены в поисковых системах.

1 Администратор веб-сайта
1

Неограниченное количество администраторов веб-сайта
Без ограничений

Не включено:

Загрузка видео не включена
Не включено

В комплекте:

Загрузка видео включена
В комплекте

Сбор платежей

Принимайте пожертвования, подписки и многое другое.

Не включено:

Сбор платежей не включен
Не включено

В комплекте:

Сбор платежей включен
В комплекте

Встроенные инструменты социальных сетей

Профессиональный адрес электронной почты

Пользовательский адрес электронной почты с собственным доменом.

Не включено:

Профессиональная электронная почта не включена
Не включено

В комплекте:

Профессиональная электронная почта предоставляется бесплатно на 3 месяца
Бесплатно на 3 месяца

Заработок на рекламе

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

Не включено:

Заработок на рекламе не включен
Не включено

В комплекте:

Заработок на рекламе включен
В комплекте

Не включено:

SFTP, доступ к базе данных не включен
Не включено

В комплекте:

SFTP, доступ к базе данных включен
В комплекте

Автоматическое резервное копирование веб-сайтов

Не включено:

Автоматическое резервное копирование веб-сайтов не включено
Не включено

В комплекте:

Автоматическое резервное копирование веб-сайтов включено
В комплекте

Не включено:

Основы реактивного ранца не включены
Не включено

В комплекте:

Все необходимое для реактивного ранца включено
В комплекте

Скрыть полное сравнение планов Показать полное сравнение планов .

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

Ваш адрес email не будет опубликован.