Министерство образования Российской Федерации

Саратовский государственный технический университет

Создание web - страниц

Методические указания к выполнению лабораторных работ

по дисциплине «Сети ЭВМ и коммуникации»

Саратов 2013

Задание для лабораторных работ

по дисциплине «Сети ЭВМ и коммуникации»

Часть 1. Создание web-страниц с использованием HTML

1. Web- страница с графическими картинками, разными типами фона, шрифтов и гипертекстовыми ссылками.

2. Страница с видеофрагментом (файл .avi или анимированный .gif) и бегущей строкой.

3. Страница с закладками и таблицей.

4. Страница с интерактивными графическими изображениями:

• типа "ссылка-картинка", т.е. вставка графической картинки в гипертекстовую ссылку;

• сегментированные графические картинки-ссылки (типа MAP).

5. Документ HTML с фреймами 2-х типов:

• разделение страницы;

• плавающий фрейм.

6. Документ HTML с формами:

• кнопки;

• пароль;

• окно для ввода текста;

• выпадающее меню;

• переключатели типа "RADIO";

• флажки.

Часть 2. Создание web-страниц с использованием Java Script

1.(8) В документе расположено 4 изображения. Два текстовых поля дают возможность вести номера изображений, которые нужно поменять местами. Написать сценарий, осуществляющий такой обмен.

2.(9) Для объекта student определено 5 свойств: имя и 4 оценки, полученные на экзаменах. Найти средний балл студента и определить размер стипендии: Ср.Б.=5 – повышенная, 5< Ср.Б. <4 – обычная. Если есть оценки 3 и 2 – стипендия отсутствует.

3.(10) По заполненной экзаменационной ведомости (таблица: фамилия студента – оценка на экзамене) создать сводку результатов проведения экзамена (присутствовало - … чел., оценки: отл.- … чел., хор. - … чел., удовл. - …чел., неуд. – …чел., не явились – …чел.)

4.(11) В строку ввода текста вводится словосочетание. Определить, является ли данное выражение палиндромом (перевертышем, читающимся как слева направо, так и справа налево, например: ШАЛАШ; В РЕЗЕРВ; А РОЗА УПАЛА НА ЛАПУ АЗОРА и т.п.)

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

б) Создать страницу с интерактивной анкетой, где присутствуют следующие элементы:

• запрос имени и выдача диалогового окна с этим именем

• разные варианты ответов на вопрос с разными баллами за ответ

• суммирование баллов и разные варианты ответов при разных суммах через диалоговое окно.

Часть 3. Создание интерактивного web-приложения на основе технологии «клиент-сервер» с использованием графического интерфейса

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

Литература

1. Пластун И.Л. Создание web-страниц. Методическое пособие.-Саратов: Изд-во СГТУ,1999, -30с.

2. Гончаров А. HTML в примерах. -СПб.: Питер. 1997. -192с.

3. Дмитриева М.В. JavaScript. Быстрый старт. – СПб: БХВ-Петербург, 2002. –336с.

4. Федоров А.Г. JavaScript для всех. -М.: КомпьютерПресс, 1998. -384с.

5. Мазуркевич А.М. PHP: настольная книга программиста / А.М.Мазуркевич, Д.С.Еловой . –Минск.: Новое знание, 2003, -480с.

6. Котеров Д.В. PHP 5. / Д.В.Котеров, А.Ф.Костарев. –СПб: БХВ-Петербург, 2006, -1120с.