Лабораторная работа 1
Создание Web-страниц в текстовом редакторе Word
Создание электронных учебников в Word
Цель: изучить понятие Web-страницы, научиться создавать новую Web-страницу, сохранять, открывать и просматривать Web-страницы; научиться вставлять фоновый рисунок в создаваемую Web-страницу; изучить методы организации Web-страниц с использованием фреймов; освоить навыки создания фреймов при помощи редактора MS Word.
порядок выполнения работЫ
Выполнить практическое задание.
Сохранить результаты проделанной работы в рабочей папке группы.
Предъявить результаты выполненной работы преподавателю.
Оформить отчет по лабораторной работе, в который включить название темы, цель работы, результаты проделанной работы, ответы на контрольные вопросы, приведенные в конце лабораторной работы.
Выполнение лабораторных и практических работ является обязательным в процессе изучения дисциплины и необходимым условием для аттестации знаний студента.
Контрольные вопросы
Понятие Web-страницы.
Назовите известные вам средства создания Web-страниц.
Назовите различия между графическими файлами gif и jpeg.
Как создать новую Web-страницу в текстовом редакторе Word?
Как сохранить, открыть Web-страницу?
Как осуществить вставку фонового рисунка?
Как вставить в Web-страницу бегущую строку, горизонтальную линию?
Как осуществить вставку рисунков? Как изменить размеры рисунка?
Что такое фреймы?
Назовите наиболее типичные стили рамок.
Как присвоить имя рамке?
Как осуществить просмотр Web-страниц?
Что такое гиперссылка? Как ее создать?
Что такое закладка? Как вставить гиперссылку на закладку?
Как осуществить вставку гиперссылки на фрагмент другого документа Web-страницы?
Вставка гиперссылки на элемент текущего документа.
Как создать графическую гиперссылку?
Порядок выполнения работы
Проверьте наличие в личной папке студента папки Lab1, если такой папки нет, то создайте ее.
Создайте новую Web-страницу.
Если панель инструментов Рамки отключена, то включите.
Используя кнопки панели инструментов Рамки, разделите созданный документ на области согласно следующей схеме:
Заголовок, не изменяется и не перегружается
|
Меню, оглавление, оформленное в форме вертикального списка ссылок
|
Основное содержимое
|
Задайте Тему для каждого фрейма.
Присвойте имена каждой рамке, соответственно верхней выберите Top, левой – left, основной – main.
Сохраните отдельно каждый фрейм (рамку) в созданной вами папке Lab1. Для этого для каждой рамки выполните следующие действия:
щелкните в рамке дополнительной (правой) клавишей мышки и выберите команду контекстного меню ^ .
в открывшемся диалоговом окне перейдите в папку Lab1, дайте файлу осмысленное имя и нажмите Ок. Верхнюю рамку сохраните под именем Top (Заголовок), левую (Меню) – left, основную (Основное содержимое) – main. Каждый раз выбирать тип файла Веб-страница.
Сохраните созданную Вами Web-страницу с фреймами в папке Lab1, выполнив команду Файл, Сохранить как Web-страницу, задав ей имя index (Общая), выбрать тип файла Веб-страница.
Просмотрите созданную Вами Web-страницу в каком-либо браузере.
Откройте папку Variants из папки с заданием. Выберите свой вариант, который соответствует номеру студента по списку (если Ваш номер по списку превышает 10, то Ваш вариант равен Номер по списку минус 10).
Ознакомьтесь с содержимым файла Вашего варианта.
«Разрежьте» документ таким образом, чтобы подразделы заданной темы находились в отдельных html-файлах. Задать файлам соответствующие имена и сохранить их в папке Lab1, в личной папке студента группы. При сохранении файла выбирать тип файла Веб-страница. Закройте созданные Веб-страницы.
Откройте снова, если закрыли в Word, созданную Вами Web-страницу с фреймами (главную страницу будущего электронного учебника) режиме редактирования (например, правой клавишей мыши щелкнуть на названии основной Web-страницы index и в появившемся контекстном меню выбрать команду Изменить (Edit) или Открыть с помощь…\ выбрать процессор Word).
В центральном фрейме (страница main.html) введите сведения об авторе: специальность, группа, ФИО студента. Оформите данную страницу произвольным образом. Можно добавить эмблему, тематический рисунок (рис. 1). Выполните команду Файл/Сохранить.
В верхнем фрейме (страница Top.html) наберите (или скопируйте) текст, содержащий название темы Вашего варианта, например, Теоретические сведения к лабораторным работам по Базам данных (для варианта 1) - рис. 1. Выполните команду Файл/Сохранить.
В левом фрейме (страница left.html) наберите (или скопируйте) в отдельных абзацах названия подразделов Вашей темы из файла варианта. Можно сократить названия. В начале списка введите текст Главная (рис. 1)
В левом фрейме установите гиперссылки на файл main.html (сведения о студенте) и на соответствующие файлы (web-страницы) подразделов. Учитывать, что web-страницы должны открываться в главном фрейме main (рис. 1).
^
В web-страницах, содержащих подразделы, добавить в начале и в конце текст: В КОНЕЦ и В НАЧАЛО, соответственно (рис. 2).
В каждой web-странице с содержимым подраздела создать закладки перед текстами В КОНЕЦ и В НАЧАЛО под именами начало и конец, соответственно (рис. 2).
В каждом файле с содержимым подраздела создать гиперссылки В КОНЕЦ и В НАЧАЛО на переход по з
акладкам начало и конец, соответственно (рис. 2). Переход по гиперссылкам должен осуществляться в пределах текущего файла (web-страницы).
Рис. 2
Сохранить результаты работы и просмотреть в браузере полученную страницу, проверить работу гиперссылок.
Покажите преподавателю созданный Вами электронный учебник.
|
