Министерство образования и науки Российской Федерации
Федеральное агентство по образованию
ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
СРЕДНЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«ОРЕНБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»
Руководство по проведению
практических работ
по дисциплине
«РСОИ»
Санкт-Петербург 2009 г.
Перечень
практических работ по дисциплине
«РСОИ».
Практическая работа № 1,2
Тема: Формирование текста в HTML-документе
Практическая работа № 3,4
Тема: Использование гиперссылок и Web-графика в HTML-документе
Практическая работа № 5,6
Тема: Списки и таблицы в HTML-документе
Практическая работа № 7,8
Тема: Использование фреймом в HTML-документе
Практическая работа № 9,10
Тема: Каскадные таблицы стилей(CSS)
Практическая работа № 11,12
Тема: Ввод данных с помощью форм.
Практическая работа № 13,14
Тема: Разработка Web-сайта
Практическая работа № 15
Тема: Создание интерактивного Web-документа
Инструкционные карты к практическим работам № 1,2
по дисциплине «Распределённые системы обработки информации».
Тема: Формирование текста в HTML-документе.
Цель: Обучение студентов форматированию документов, предназначенных для публикации в Internet.
Ход работы:
С помощью текстового редактора Блокнот создать Web-страничку, которая бы содержала ответы на следующие вопросы:
Как называется программа для просмотра Web-страниц?
Для чего служит контейнер<TITLE></TITLE>?
Какой протокол используется для передачи HTML-документов?
Выполните задания в такой последовательности:
Запустите текстовый редактор, например, Блокнот;
Ввести в нем текст, который содержит структуру документа;
Задать название документа;
Ввести ответы на вопросы (тело документа);
Задать указание, чтобы при отображении страницы браузером каждый ответ отделялся горизонтальными линиями и имел разный стиль оформления;
С помощью команды «Файл→Сохранить как...» сохранить созданный документ на диске с расширением .htm;
Загрузить браузер и с помощью команды «Файл→Открыть» открыть созданную Web-страницу;
Проанализировать, как отображается созданная страница браузером
Упражнение 1. |
Создать страницу с изображением дидактической карточки по изучению язка HTML. При создании страницы использовать: дискрипторы стилей, переход на другую строку, абзацы, атрибуты выравнивания, символ пробела ( ).
|
Оформить отчет.
Требование к отчету:
Отчет о проделанной работе должен содержать:
– название и цель работы;
– описание последовательности выполнения работы;
– письменные ответы на вопросы к заданиям.
Литература
Бобцов А.А., Лямин А.В., Чежин М.С. Компьютерные сети и Интернет. Учебно-методическое пособие. – СПб.: СПбГИТМО(ТУ), 2000. – 78 с.: ил.
Вейтман В. Программирование для Web.: Учебное пособие. – М.: Издательский дом “Вильямс”, 2000. – 368 с.: ил.
Денисов А. Microsoft Internet Explorer 5: Справочник. Первое издание. –"Питер", С.-Петербург, 2000. – 448 с.
Исагулиев К. Macromedia Dreamweaver 3. С.-Петербург:БХВ
Инструкционные карты к практическим работам № 3,4
по дисциплине «Распределённые системы обработки информации».
Тема: Использование гиперссылок и Web-графика в HTML-документе
Цель: Обучение студентов разработке документов, с использованием гиперссылок и Web- графики.
Ход работы:
Создать набор страниц для проверки знаний по различным разделам дисциплины «Информатика» согласно своего варианта (см. табл.1).
Пример выполнения задания
Создать набор страниц для проверки знаний по теме «Форматирование текста с помощью языка - HTML»
Какой дескриптор выводит текст курсивом
< B >
< I >
< U >
< P >
При нажатии кнопки мышки на одном из дескрипторов должна открыться страница с правильным ответом и гиперссылкой, по которой можно перейти на главную страницу.
Оформить отчет.
Требование к отчету:
Отчет о проделанной работе должен содержать:
– название и цель работы;
– описание последовательности выполнения работы;
– письменные ответы на вопросы.
Табл.1
№ варианта |
Задание |
|
|
Создать набор страниц для проверки знаний по теме «Измерение информации» |
|
|
Создать набор страниц для проверки знаний по теме «Кодирование текстовой информации» |
|
|
Создать набор страниц для проверки знаний по теме «Кодирование графической информации» |
|
|
Создать набор страниц для проверки знаний по теме «Кодирование мультимедийной информации» |
|
|
Создать набор страниц для проверки знаний по теме «Системы счисления» |
|
|
Создать набор страниц для проверки знаний по теме «Алгебра логики» |
|
|
Создать набор страниц для проверки знаний по теме «Структурная схема ПЭВМ» |
|
|
Создать набор страниц для проверки знаний по теме «Системное программное обеспечение» |
|
|
Создать набор страниц для проверки знаний по теме «Сервисное программное обеспечение» |
|
|
Создать набор страниц для проверки знаний по теме «Вирусы и антивирусные программы» |
|
|
Создать набор страниц для проверки знаний по теме «Пакеты прикладных програм» |
|
|
Создать набор страниц для проверки знаний по теме «Системы управления базами данных» |
|
|
Создать набор страниц для проверки знаний по теме «Текстовые процессоры» |
|
|
Создать набор страниц для проверки знаний по теме «Табличные процессоры» |
|
|
Создать набор страниц для проверки знаний по теме «Графические редакторы» |
|
|
Создать набор страниц для проверки знаний по теме «Средства презентационной графики» |
|
|
Создать набор страниц для проверки знаний по теме «Файлы и каталоги» |
|
|
Создать набор страниц для проверки знаний по теме «Компьютерные сети» |
|
|
Создать набор страниц для проверки знаний по теме «Программирование» |
|
|
Создать набор страниц для проверки знаний по теме «Операционные системы» |
|
|
Создать набор страниц для проверки знаний по теме «Создание ТАБЛИЦ на языке HTML» |
|
|
Создать набор страниц для проверки знаний по теме «Создание ГИПЕРССЫЛОК на языке HTML» |
|
|
Создать набор страниц для проверки знаний по теме «Создание ГРАФИКИ на языке HTML» |
|
|
Создать набор страниц для проверки знаний по теме «Создание СПИСКОВ на языке HTML» |
Контрольные вопросы:
Какие форматы графических файлов используются на Web-страничках и почему?
Как разместить на Web-страние графическое изображение?
Назовите назначение атрибутов тега < A >.
Как создать изображение-гиперссылку?
Для чего используется альтернативный текст?
Литература
Бобцов А.А., Лямин А.В., Чежин М.С. Компьютерные сети и Интернет. Учебно-методическое пособие. – СПб.: СПбГИТМО(ТУ), 2000. – 78 с.: ил.
Вейтман В. Программирование для Web.: Учебное пособие. – М.: Издательский дом “Вильямс”, 2000. – 368 с.: ил.
Денисов А. Microsoft Internet Explorer 5: Справочник. Первое издание. –"Питер", С.-Петербург, 2000. – 448 с.
Исагулиев К. Macromedia Dreamweaver 3. С.-Петербург:БХВ