Задание для лабораторных работ по дисциплине «Сети эвм и коммуникации»

Часть 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-страниц

Как уже было сказано выше, наиболее популярными программами просмотра web-страниц являются браузеры Netscape Navigator и Microsoft Internet Explorer. Браузер - внешне очень простая программа. Для успешной работы с ней

достаточно нескольких навигационных кнопок, вынесенных на основную панель инструментов.

В данных методических указаниях детально не рассматриваются вопросы подключения к Internet, поскольку для изучения языка гипертекстовой разметки HTML и создания web-страниц достаточно функционирования программы в локальном режиме.

Для того, чтобы открыть локальный файл в Internet Explorer, достаточно ввести в поле Адрес (или в поле Netsite в Netscape Navigator) ссылку на файл. Простейший вариант - указать путь и имя файла, находящегося на вашем компьютере: C:\HTML1\page1.htm или file://C:\HTML1\page1.htm, при этом подключение к сети Internet осуществлять не нужно. Если же ваш компьютер подключен к Internet, то в том же поле Адрес для выхода на какой-нибудь сервер и просмотра web-страницы, находящейся на нем, нужно набрать адрес этого сервера, например, http://www.ru.msn.com/ или просто www.ru.msn.com и при удачном соединении соответствующая web-страница отобразится в окне браузера.

Другой способ открытия web- документа - c использованием команды Файл>Открыть в меню над панелью инструментов. При этом активизируется диалоговое окно, где доступ к папкам осуществляется после нажатия кнопки Обзор.

На панели инструментов над строкой адреса расположен ряд кнопок для работы с web-документами:

назад (или back) - переход на страницу, которая была открыта раньше текущей;

вперед (forward) - движение по цепочке просмотренных документов вперед, если были выполнены переходы назад;

стоп (stop) - останов загрузки текущего документа;

обновить (reload) - повторная загрузка текущей страницы или продолжение загрузки, если она была прервана. Для разработчика web- документов это - главный инструмент. Если вы что-то изменили в своем файле, то увидеть как он теперь будет выглядеть, можно только перезагрузив документ.

основная страница (home) - переход к основной странице провайдера или фирмы, от имени которой вы работаете в сети или любой другой страницы, адрес которой указан в качестве основного в команде меню Вид>Параметры (его можно изменить);

поиск - поиск информации в Internet с помощью того или иного поискового сервера;

избранное - каталог необходимых вам web-страниц, куда можно добавить страницу или загрузить документ из этого списка;

печать (print) - вывод на печать текущего документа;

шрифт - изменение размера шрифта на текущей странице. Изменение размера происходит циклически (после каждого нажатия кнопки программа перебирает доступные базовые размеры шрифта).

Для сохранения просмотренных документов используется команда меню Файл>Сохранить как файл, позволяющая скопировать текущую web- страницу в выбранную вами папку. При этом копируется только текст документа. Для сохранения рисунков надо щелкнуть на каждом правой кнопкой мыши и выбрать команду Сохранить рисунок как...

Для просмотра и редактирования текста web-документа используются команды меню Вид>Источник или Правка>Текущая страница. При этом подключаются вешние текстовые редакторы Windows: WordPad или Блокнот, а в случае правки - MS Word. Редактирование страниц в случае Вид>Источник более удобно, поскольку позволяет сразу увидеть результат изменений. После модификации страницы ее надо сохранить в текстовом редакторе, а затем в браузере нажать кнопку Обновить.