Первая страница HTML-документа
<html>
<!--формирование структуры заголовка HTML-документа-->
<head>
<!—название заголовка в окне браузера-->
<title>Первая страница</title>
<!--стиль оформления границ HTML-документа-->
<style>
body {border-width:30}
#p1 {border-style:double;border-width:10}
</style>
</head>
<!--основной текст HTML-документа-->
<body background="фон_Альбатрос1.jpg"> <center>
<p id=p1>
<!--установка параметров шрифта (форма, цвет, размер)-->
<font face="Monotype Corsiva" color="blue" size=+2>Учебная информационная система "ХКЛФМШ" </font>
<font face="Monotype Corsiva" color="black" size=+2>
<br>выполнена слушателями
<br> Хабаровской краевой летней физико-математической школы
<br> в 2007 году в рамках занятий по курсу <br>
<font face="Monotype Corsiva" color="blue" size=+2>"HTML: работа с базами данных в примерах". </font>
<br>Она является незавершенным продуктом, демонстрирующим возможности разработки специальных приложений с помощью языка разметки гипертекста HTML.</font>
</p>
<p><u><b>Авторский коллектив слушателей ХКЛФМШ:</b></u>
<p>Семенова Юлия,
<p>Иванов Петр и т. д.
<p><u><b>Преподаватель: </b></u>
<p>E-mail: *****@***ru
<!--вставка музыкального фрагмента в HTML-документ-->
<p><embed src=You. mp3 width=100 height=40>
</html>
Создание таблицы «Администрация и Преподаватели»
<html>
<head>
<title>Преподаватели</title>
</head>
<!--основной текст HTML-документа-->
<body background="фон_Альбатрос. jpg">
<!--создание таблицы-->
<center>
<table id="mytab" width="600" border="4"background="фон_Альбатрос1.jpg">
<!--заголовок таблицы-->
<caption>
<font face="Monotype Corsiva" color="blue" size=+3>
Список преподавателей
</caption>
<tr>
<th scope="row" bgcolor="violet" align="center"> Фамилия</th>
<td bgcolor="gold" align="center"> Имя</td>
<td bgcolor="gold" align="center"> Отчество</td>
<td bgcolor="gold" align="center"> Дата рождения</td>
<td bgcolor="gold" align="center"> Должность</td>
<td bgcolor="gold" align="center"> Место работы</td>
<td bgcolor="gold" align="center"> Фотография</td>
<td bgcolor="violet" align="center"> Читаемый курс</td>
</tr>
<tr>
<th scope="row"> Мендель</th>
<td> Виктор</td>
<td> Васильевич</td>
<td> </td>
<td> доцент кафедры геометрии</td>
<td> <img src="ДВГГУ. jpg" width="115" height="150"></td>
<td> <img src="ВВ. jpg" width="115" height="150"></td>
<td > <a href="Читаемые курсы. html">Математика</a></td>
</tr>
<tr>
<th scope="row"> Ледовских</th>
<td> Ирина</td>
<td> Анатольевна</td>
<td> </td>
<td> доцент кафедры информатики и информационных технологий</td>
<td> <img src="ДВГГУ. jpg" width="115" height="150"></td>
<td> <img src="ИА. jpg" width="200" height="150"></td>
<td > <a href="Читаемые курсы. html">Информатика</a></td>
</tr>
<tr>
<th scope="row"> Табачук</th>
<td> Наталья</td>
<td> Петровна</td>
<td> </td>
<td> старший преподаватель кафедры информатики и информационных технологий</td>
<td> <img src="ДВГГУ. jpg" width="115" height="150"></td>
<td> <img src="НП. jpg" width="100" height="150"></td>
<td > <a href="Читаемые курсы. html">Информатика</a></td>
</tr>
</table>
<!--создание кнопки-->
<br><br>
<button onclick="myselection()"> Подсчет количества преподавателей в ХКЛФМШ</button>
<!--скрипт, содержащий функцию
для подсчета количества преподавателей-->
<script>
function myselection() {
var t;
t=document. all. mytab. rows. length
<!--вывод диалогового окна с результатом подсчета-->
alert("Количество всех преподавателей: "+(t-1))
}
</script>
<!--создание кнопки-->
<br><br>
<button onclick="myselection1()"> Подсчет количества всех ячеек в таблице</button>
<!--скрипт, содержащий функцию
для подсчета количества всех ячеек в таблице-->
<script>
function myselection1() {
var s;
s=document. all. mytab. cells. length
<!--вывод диалогового окна с результатом подсчета-->
alert("Количество всех ячеек: "+s)
}
</script>
<!--вставка музыкального фрагмента в HTML-документ-->
<br><br>
<embed src=L. mp3 width=100 height=40>
</body>
</html>
Создание таблицы «Вожатые»
<html>
<head>
<title>Вожатые</title>
</head>
<body background="фон_Альбатрос1.jpg">
<!--создание таблицы-->
<center>
<table id="mytab" width="600" border="4">
<caption>
<font face="Monotype Corsiva" color="blue" size=+3>
Список вожатых
</caption>
<tr>
<th scope="row" bgcolor="violet" align="center"> Фамилия</th>
<td bgcolor="gold" align="center"> Имя</td>
<td bgcolor="gold" align="center"> Отчество</td>
<td bgcolor="gold" align="center"> Дата рождения</td>
<td bgcolor="gold" align="center"> Увлечения</td>
<td bgcolor="gold" align="center"> Фотография</td>
</tr>
<tr>
<th scope="row"> Смехнова</th>
<td> Оксана</td>
<td> Анатольевна</td>
<td> </td>
<td> чтение книг</td>
<td> <img src="ОА. jpg" width="150" height="150"></td>
</tr>
<tr>
<th scope="row"> Володькин</th>
<td> Евгений</td>
<td> Геннадьевич</td>
<td> </td>
<td> игра на гитаре</td>
<td> <img src="ЕГ. jpg" width="150" height="150"></td>
</tr>
<tr>
<th scope="row"> Чернявская</th>
<td> Галина</td>
<td> Анатольевна</td>
<td> </td>
<td> </td>
<td> <img src="ГА. jpg" width="150" height="150"></td>
</tr>
</table>
<!--создание кнопки-->
<br><br>
<button onclick="myselection()"> Количество вожатых в ХКЛФМШ</button>
<!--скрипт, содержащий функцию
для подсчета количества вожатых-->
<script>
function myselection() {
var t;
t=document. all. mytab. rows. length
<!--вывод диалогового окна с результатом подсчета-->
alert("Количество всех преподавателей: "+(t-1))
}
</script>
<!--вставка музыкального фрагмента в HTML-документ-->
<br><br>
<embed src=L. mp3 width=100 height=40>
</body>
</html>
Создание формы «Полный список слушателей».
Создание запросов по поиску информации в базе данных
Перед создание формы необходимо заполнить текстовый документ (в Блокноте) и сохранить его с названием mybd.txt.
<html>
<head><title>Список слушателей</title></head>
<body background="фон_Альбатрос1.jpg" text="blue">
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 |
