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

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

Создание 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с.

ВВЕДЕНИЕ

Данные методические указания предназначены студентам очной и заочной форм обучения специальности 220400 при изучении дисциплины "Архитектура ВС и сетей". Они также могут быть полезны аспирантам гуманитарного профиля, изучающим дисциплину "Основы современных информационных технологий", а также всем пользователям ПК и сети Internet, желающим повысить свой уровень знаний в области сетевых технологий и освоить процесс создания собственных Web- страниц. Методические указания содержат основные сведения о языке разметки гипертекста HTML и программном обеспечении, которое используется для создания WEB- страниц и работы в сети Internet.

Цель методических указаний - помочь пользователям в подготовке документов HTML с целью размещения своей информации (например, рекламной) на сервере поставщика услуг Internet.

В настоящее время глобальная сеть Internet объединяет миллионы компьютеров, расположенных по всему миру. Большинство таких компьютеров - это рабочие станции конечных пользователей, подключенные к сети Internet через модем и обычную телефонную линию. Другие компьютеры выполняют функцию серверов и служат хранилищами информации в сети. Сервер может быть подключен к Internet через модем, адаптер высокоскоростного канала связи ISDN, оптоволоконную линию связи или спутниковую линию.

В сети Internet имеются серверы, предоставляющие различные услуги. Это серверы FTP, Gopher, почтовые серверы (серверы e-mail), серверы новостей (серверы News), серверы WWW (называемые также Web- серверы). Последние могут хранить любые файлы (как серверы FTP) и текстовые документы (как серверы Gopher) и в настоящее время являются наиболее популярными поставщиками Internet- услуг.

Информация хранится на сервере WWW в виде страниц, на которых, кроме текста, могут находиться самые разные объекты. Это графические изображения, аудио- и видео-ролики, формы для ввода данных, интерактивные приложения и т.д.

Страницы сервера WWW также содержат ссылки на другие страницы, которые могут располагаться на любом другом сервере, подключенном к сети Internet. В том числе возможны ссылки на серверы FTP, Gopher и конференции сервера новостей, электронные почтовые адреса.

Пользователь устанавливает соединение с сервером WWW через сеть Internet с помощью специальной программы просмотра Web- страниц. Среди наиболее известных программ просмотра Web- страниц можно выделить браузеры Netscape Navigator и Microsoft Internet Explorer. При этом сама страница в Internet создается с помощью популярного языка гипертекстовой разметки документов HTML. На личных страничках в Internet можно рекламировать и продавать товары и услуги, искать и предлагать работу, обучать и учиться, можно заявить о себе всему миру.

Конечные пользователи обычно подключаются к одному из серверов, расположенных в том городе, в котором находятся они сами (к так называемому Internet- провайдеру). При этом соединение через телефонную сеть получается локальным, а не междугородным, что стоит существенно дешевле. При установке соединения пользователь указывает адрес сервера WWW. Дополнительно он может указать путь к файлу страницы WWW (адрес Web- страницы), которая должна быть отражена сразу после подключения к серверу.

Типичный адрес для WWW имеет вид:

http:// WWW. название. домен / имя файла,

где название - это часть адреса, который часто употребляется для обозначения владельца сайта (набора Web- страниц),

домен - обозначение крупного "раздела" Internet: страны, области деятельности и т.д.

Полученный документ HTML интерпретируется браузером и отображается в его окне. Затем связь с сервером разрывается. Если на странице есть графические изображения, браузер повторно устанавливает соединение с сервером, получая от него файлы графических изображений. При получении каждого такого файла соединение сначала устанавливается, а затем разрывается.

ПРОСМОТР 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. Редактирование страниц в случае Вид>Источник более удобно, поскольку позволяет сразу увидеть результат изменений. После модификации страницы ее надо сохранить в текстовом редакторе, а затем в браузере нажать кнопку Обновить.