Методика создания модуля электронного учебника




1. Анфилатов B.C. Вычислительные системы. - СПб.: Изд-во ВУС, 1998. - 278 с

2. Волкова В.Н., Денисов А.А. Основы теории систем и системного анализа. - СПб: Изд-во СПбГТУ. - 510 с.

3. Кукушкин А.А. Теоретические основы автоматизированного управления. Ч. 1: Основы анализа и оценки сложных систем. - Орел: Изд-во ВИПС, 1998. - 254 с.

4. Кукушкин А.А. Теоретические основы автоматизированного управления. Ч. 2: Основы управления и построения автоматизированных информационных систем. - Орел: Изд-во ВИПС, 1999.-209 с.

5. Французов Д., Волков Д. Новое поколение тестов SPEC // Открытые системы. - 1996. - № 4 (18). - С. 58 - 64

 


Приложение

Методика создания модуля электронного учебника

Начальная страница

 

HTML-скрипт:

<html>

<head>

<title>Электронный учебник</title>

<frameset cols="500,*" border="0">

<frameset rows="10,*">

<frame src="logo.html" scrolling="no"><frame src="menu.html">

</frameset>

<frame src="glav.html" name=" window-1">

</frameset>

</head>

</html>

Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы.

Тег <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.

Тег <title> устанавливает заголовок окна веб-страницы.

Тег < frameset. определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега < frame>. С помощью фреймов веб-страница делится на два документа, которые содержат навигацию по сайту. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег < frameset> заменяет собой элемент < body> на веб-странице. Требуется закрывающий тег < frameset>.

Тег < cols> задает размеры колонок фреймов в структуре < framese>. Символ звездочки (*) обозначает всю свободную ширину, оставшуюся после указания размеров в пикселах.

Тег < rows> з адает высоту фреймов в структуре < frameset> над первой строкой. Символ звездочки (*) обозначает всю свободную ширину, оставшуюся после указания размеров в пикселах.

Тег < border> устанавливает толщину границы между фреймами. В данном случае её нет, т.к. она равна 0.

Тег <frame> определяет свойства отдельного фрейма, на которые делится окно браузера.

Параметр " src" указывает адрес файла, который будет загружаться во фрейм.

Параметр " scrolling ".Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях, полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Аргумент "no" запрещает отображение полос прокрутки.

Параметр " name" даёт возможность загружать документ в выбранный фрейм из другого. В качестве значения указывается имя фрейма ("w"), в который будет загружаться документ, заданный параметром "name".

Предисловие

 

HTML-скрипт:

<html>

<head>

<title>Добро пожаловать</title>

</head>

<body background="chert.gif" text="#00008B" link="#00008B" alink="#00008B" vlink="#00008B">

<center><p style = "color:red; font-size: 40pt">Способы измерения компьютерных систем</p>

<p align="center">

<H2><center>

<p>Есть два показателя производительности процессоров по "чистому" времени … вследствие некоторых причин.</p>

<p>Сложные проблемы появляются при необходимости оценок … влияющих на их производительность.</p>

</H2>

<H2><A href=doc2.html>Следующая страница</A> <br> <A href=menu.html>В меню</A></H2>

</body>

</html>

Параметр " background " задает фоновый рисунок на веб-странице.

Параметр " text " устанавливает цвет текста, используемого на веб-странице по умолчанию.

Параметр " link" устанавливает цвет непосещенных ссылок.

Параметр " alink" устанавливает цвет активной ссылки.

Параметр " vlink" определяет цвет посещенных ссылок.

В данной работе последние 4 параметра имеют одинаковые значения, поэтому цвет ссылок не меняется.

Тег <р> определяет текстовый параграф.

Параметр "style" определяет стиль текста. С помощью него устанавливается цвет текста (color:red) и размер шрифта (font-size: 40pt).

Параметр "align" и аргумент "cente" выравнивают текст по центру.

Тег <H2>…</H2> определяет уровень заголовка, в данном случае – размер шрифта.

Аргумент "center" выравнивает текст по центру.

Тег <А>…</A> предназначен для создания ссылок.

Параметр "href" задает адрес документа, на который следует перейти.

Главы

Все главы составлены аналогично. Поэтому рассмотрим одну из них.

 

HTML-скрипт:

<html>

<head>

<title>Тесты Linpack</title>

</head>

<body background="chert.gif" text="#00008B" link="#00008B" alink="#00008B" vlink="#00008B">

<p align="center">

<H1><font color="#8B0000"><img src="./pic/i.jpg">Тесты Linpack</font></H1></p> <H2>

<p>Тесты Linpack появились в середине 60-х гг …особенность системы Linpack - её структурированность. </p>

<p>В настоящее время … вычислительные ресурсы МРР-системы, увеличивая размеры матрицы.</p>

<img src="./pic/explorer2.gif">

</H2>

</p>

<H2>

<A href=doc3.html>Следующая страница</A> <br> <A href=menu.html>Назад</A></H2>

</body>

</html>

Тег "font color" задает цвет шрифта заголовка.

Тег "img". Он предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр "src", который определяет адрес файла с картинкой.

Карта сайта

 

HTML-скрипт:

<html> <head>

<title>Карта сайта</title>

<body background="chert.gif" text="#00008B" link="#00008B" alink="#00008B" vlink="#00008B">

<H2> <a href="glav.html" target="window-1">Главная</a><br>

<a href="doc2.html" target="window-1">Тест Linpack</a><br>

<a href="doc3.html" target="window-1">Методика SPEC</a><br>

<a href="doc5.html" target="window-1">Тест iCOMP 2.0</a><br>

<a href="doc6.html" target="window-1">Методика AIM</a><br>

<a href="doc7.html" target="window-1">Методика оценки конфигураций Web</a>

</H2> </body> </head>

</html>

6. logo.html

 

HTML-скрипт:

<html>

<head>

<title>Добро пожаловать</title>

</head>

<body background="chert.gif" >

</body>

</html>

 

Этот файл содержит рисунок фона, который загружается на начальную страницу, а именно на высоту "rows" первого фрейма.

Меню

 

HTML-скрипт:

<html>

<head>

<title>Документ с Меню</title>

<body background="chert.gif" text="#00008B" link="#00008B" alink="#00008B" vlink="#00008B">

<H2><center><p style = "color:blue; font-size: 30pt">Методы организации сложных экспертиз компьютерных систем</p>

<center><a href="glav.html" target="window-1">Предисловие</a><br>

<a href="doc2.html" target="window-1">Тест Linpack</a><br>

<a href="doc3.html" target="window-1">Методика SPEC</a><br>

<a href="doc5.html" target="window-1">Тест iCOMP 2.0</a><br>

<a href="doc6.html" target="window-1">Методика AIM</a><br>

<a href="doc7.html" target="window-1">Методика оценки конфигураций Web</a><br>

<a href="karta.html" target="window-1">Карта сайта</a></center>

</H2>

</body>

</head>

</html>

Параметр "target" обозначает имя окна или фрейма, куда браузер будет загружать документ.



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2019-07-29 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: