
- •Содержание
- •Лабораторная работа № 1. Программы просмотра Web-страниц. Цель работы: Изучить программу Microsoft Internet Explorer и освоить основные операции работы с ней. Краткие теоретические сведения.
- •Лабораторная работа № 2. Электронная почта и передача файлов.
- •Краткие теоретические сведения.
- •Лабораторная работа № 3. Создание Web-страницы средствами Microsoft Word.
- •Лабораторная работа № 4. Создание простой Web-страницы в SharePoint Designer.
- •Лабораторная работа № 5. Создание макета Web – сайта
- •Лабораторная работа № 6. Создание страницы с фреймами
- •Контрольные вопросы.
- •Лабораторная работа № 7. Создание html – форм в SharePoint Designer.
- •Контрольные вопросы.
- •Лабораторная работа № 8. Применение в эффектов динамического html.
- •Примерные темы Web-сайтов.
- •Литература.
Лабораторная работа № 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 вводится перечень значений через точку с запятой.
Задания.
-
Создать в Microsoft Word несколько Web-страниц на произвольную тему (например, Личная страница, Интернет-магазин, Туристическая фирм и др.). На страницах разместить:
-
текст в виде абзацев, списков разного вида;
-
картинки, фотографии;
-
Таблицу (с объединение строк или столбцов);
-
Применить элементы форматирования (цвет, начертание, рамки и т.д.)
-
Сохранить созданные документы как web-страницу.
-
Соединить страницы гиперссылками:
-
текстовыми (на этой же странице, на другую страницу, на адрес в интернет);
-
графическими
-
предусмотреть возвратные ссылки;
-
Просмотреть вид созданного документа в окне Microsoft Internet Explorer, проверить действие гиперссылок.
-
Открыть подготовленный документ в формате HTML в окне редактора Блокнот и просмотреть, как выглядит созданная Web-страница на языке HTML.
-
Закрыть окна редактора Блокнот, Microsoft Word и Web-обозревателя .
-
Выполнить в Microsoft Word упражнения по созданию бегущей строки, гиперссылок на закладки и заголовки, рисунки с замещающим текстом, форм с различными компонентами.
Контрольные вопросы.
-
Как создать Web – страницу средствами Word ?
-
Для чего предназначены гиперссылки, как создать гиперссылку?
-
Какого типа бывают гиперссылки?