Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
lab_proect_inter_MS_SharePoint.doc
Скачиваний:
65
Добавлен:
13.11.2018
Размер:
1.13 Mб
Скачать

Лабораторная работа № 3. Создание Web-страницы средствами Microsoft Word.

Цель работы: Изучить возможности Microsoft Word по созданию web-страниц и получить практические навыки создания web-страниц в редакторе.

Краткие теоретические сведения.

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

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

Для создания web-страницы используются следующие типы программных средств:

    • Приложения Microsoft Office: Word, Excel, Acsess, Power Point, Front Page Express;

    • Специализированные программные средства Netscape Composer, Microsoft SharePoint Designer, Macromedia Dream Weaver и др.

    • Стандартное приложение Windows Блокнот.

Большинство продуктов, входящих в пакет Microsoft Office, позволяют создавать и редактировать web-страницы. Кроме того, они позволяют преобразовывать существующие документы в web-страницы.

Рассмотрим создание web-страницы средствами Microsoft Word. Для этого нужно выполнить следующие действия:

  • Запустить Microsoft Word, создать или открыть текстовый документ;

  • Для создания Web-страницы следует выполнить команду Файл Сохранить как», в окне диалога «Сохранение документа» выбрать тип файла «Web- страница (*.htm, *.htmlи нажать кнопку «Сохранить». Текстовый документ будет сохранен на диск, как документ формата HTML и иметь значок Internet Explorer или другого браузера. При щелчке на этом документе будет открыто окно браузера. Код документа HTML будет создан автоматически.

  • Редактировать документ следует средствами Microsoft Word, затем сохранить как документ Microsoft Word и Web- страница.

Для вставки рисунка или фотографии нужно:

  • Указать место вставки рисунка,

  • Выполнить команду ВставкаРисунокИз фийла (InsertPictureFrom file),

  • В появившемся окне Добавить рисунок (Insert Picture) выбрать диск, папку, файл рисунка и щелкнуть на кнопке Вставка(Insert).

Для создания гиперссылки нужно:

  • Создать закладку (закладка –это своеобразная метка, на которую будет направлена гиперссылка ). Для этого выделить нужное слово, выполнить команду ВставкаЗакладка (InsertBookmark), в появившемся окне ввести имя закладки (выделенное слово), затем щелкнуть на кнопке Добавить(Add).

  • Выделить слово (фразу), которое должно стать гиперссылкой; выполнить команду ВставкаГиперссылка(InsertHyperlink), в появившемся окне Добавление гиперссылки (Insert Hyperlink) на панели Связать с: щелкнуть на кнопке 2 местом в этом документе (2 Place in this document) и в списке закладок выбрать нужную закладку, затем щелкнуть на кнопке ОК.

Для удаления гиперссылки нужно ее выделить и нажать клавишу Delete.

Для создания гиперссылки на адрес электронной почты следует:

Выделить слово или фразу (например, Пишите мне), которое должно стать гиперссылкой; выполнить команду ВставкаГиперссылка(InsertHyperlink), в появившемся окне Добавление гиперссылки (Insert Hyperlink) на панели Связать с: щелкнуть на кнопке 4 электронной почтой (E-mail Address) и в поле электронная почта ввести адрес электронной почты (например, Ivanov@mail.ru) и щелкнуть на кнопке ОК.

Для изменения гиперссылки следует:

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

  • Щелкнуть правой кнопкой мыши и в контекстном меню выбрать команду ГиперссылкаИзменить гиперссылку(HyperlinkEdit Hyperlink),

  • В появившемся окне Изменение гиперссылки (Edit Hyperlink) указать место в документе новой ссылки и щелкнуть на кнопке ОК.

Для создания гиперссылки на адрес в интернет следует:

  • Выделить слово (фразу), которое должно стать гиперссылкой;

  • Выполнить команду ВставкаГиперссылка(InsertHyperlink),

  • В появившемся окне Добавление гиперссылки(Insert Hyperlink) на панели Связать с (Link to) щелкнуть на кнопке «1 имеющимся файлом, Web-страницей» (Existing File or Web page). В поле Введите имя файла или Web-страницы(Address) ввести адрес Web-сайта (например, www.books.ru), на который будет выполняться переход при щелчке на данном тексте. Щелкнуть на кнопке ОК.

Для оформления документа с использованием темы нужно выбрать вкладку «Разметка страницы», команда Темы.:

Для сбора и отображения данных на Web-страницах используются формы (формы HTML).

Для создания формы используют панели инструментов Web-компоненты (Web Tools)

и Элементы управления (Control Toolbox)

.

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

Для вставки элемента управления нужно в режиме конструктор щелкнуть по кнопке с требуемым элементом:

- флажок

- переключатель,

- раскрывающийся список,

- список

- текстовая область,

- поле

- отправить

- отправить с изображением,

- сброс

- скрыть,

- пароль,

- фильм

- звук,

- кнопка,

- счетчик,

- надпись,

- полоса прокрутки,

- рисунок.

Настройка свойств элемента управления выполняется в окне Свойства (Properties), которое вызывается нажатием кнопки .

Для элемента Список перечень отображаемых значений задается в строке Display Values окна Свойства (Properties) перечислением их через точку с запятой. В строке Values вводится перечень значений через точку с запятой.

Задания.

  1. Создать в Microsoft Word несколько Web-страниц на произвольную тему (например, Личная страница, Интернет-магазин, Туристическая фирм и др.). На страницах разместить:

  • текст в виде абзацев, списков разного вида;

  • картинки, фотографии;

  • Таблицу (с объединение строк или столбцов);

  • Применить элементы форматирования (цвет, начертание, рамки и т.д.)

  1. Сохранить созданные документы как web-страницу.

  2. Соединить страницы гиперссылками:

  • текстовыми (на этой же странице, на другую страницу, на адрес в интернет);

  • графическими

  • предусмотреть возвратные ссылки;

  1. Просмотреть вид созданного документа в окне Microsoft Internet Explorer, проверить действие гиперссылок.

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

  3. Закрыть окна редактора Блокнот, Microsoft Word и Web-обозревателя .

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

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

  1. Как создать Web – страницу средствами Word ?

  2. Для чего предназначены гиперссылки, как создать гиперссылку?

  3. Какого типа бывают гиперссылки?

Задание для практической работы

ПОДПИСКА НА ЖУРНАЛ

Введите Login Пароль

Фамилия Имя Отчество

Домашний адрес:

Город Страна

Адрес

Телефон E-mail

Тематика: спорт музыка образование кино

Периодичность 1 раз в неделю 1 раз в месяц 1 раз в полгода

ЗАЯВКА НА ПУТЕВКУ

Ваш Login Пароль

Фамилия Имя Отчество

Телефон E-mail

Страна Город Длительность: дней.

Цель поездки: шоптур отдых частная

Категория гостиницы: люкс **** **** ***

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]