- •Html: работа с базами данных в примерах
- •Пояснительная записка
- •Тематическое планирование
- •Текст пособия Базы данных
- •Назначение и функциональные возможности языка разметки гипертекста (html)
- •Структура html-документа
- •Форматирование текста
- •Управление цветом
- •Вставка рисунков, изображений, фотографий
- •Создание гиперссылок на html-документы
- •Html-формы
- •Основы Visual Basic Script (vbScript)
- •Ввод и вывод данных
- •Типы данных
- •Встроенные объекты
- •Основы создания сценариев на Visual Basic Script Расположение сценариев
- •Обработка событий
- •Объекты, управляемые сценариями
- •Создание массива
- •Плавающие фреймы
- •Проектирование баз данных с помощью html
- •Первая страница html-документа
- •Создание таблицы «Администрация и Преподаватели»
- •Создание таблицы «Вожатые»
- •Создание формы «Полный список слушателей». Создание запросов по поиску информации в базе данных
- •Создание таблицы «Читаемые курсы», содержащей гиперссылки на другие html-документы
- •Сортировка данных в таблице. Расположение списка фамилий слушателей в алфавитном порядке
Плавающие фреймы
Для вставки одного HTML-документа в тело другого служит контейнерный тег <IFRAME>:
<IFRAME src=”адрес_документа”> </IFRAME>
Внешне этот элемент выглядит как прямоугольная область (с полосами прокрутки или без них), в которой отображается документ из некоторого HTML-файла. Такие окна иногда называют плавающими фреймами.
HTML-документы, загружаемые в плавающие фреймы, могут иметь сценарии и другие средства, присущие любому HTML-документу.
Таким образом, определены основные элементы языка VBScript, которые являются необходимыми для создания баз данных.
Проектирование баз данных с помощью html
Для создания базы данных необходимы следующие программные продукты:
-
Стандартная программа Windows – Блокнот для создания HTML-документов и хранения информации о слушателях.
-
Internet Explorer (браузер) как программа для просмотра HTML-документов.
-
Проигрыватель Window Media или Winamp.
-
Программа Microsoft Office Picture Manager или ASDSee для просмотра фотографий и рисунков.
Рассмотрим проектирование базы данных с помощью HTML на примере создания структуры физико-математической школы. Создание базы данных, раскрывающей структуру Хабаровской краевой летней физико-математической школы, позволяет определить не только особенности ее организации, но и раскрыть индивидуальное своеобразие творческого коллектива администрации, преподавателей, вожатых и слушателей.
База данных состоит из шести HTML-документов (Первая страница.html, Администрация и Преподаватели.html, Вожатые.html, Слушатели.html, Читаемые курсы.html, Сортировка данных.html), содержащих информацию об авторах ее создания, об администрации, преподавателях, вожатых, слушателях и читаемых курсах в физико-математической школе. Все HTML-документы и дополнительные внешние данные необходимо сохранять в отдельной папке.
Для создания базы данных необходимы следующие внешние данные:
-
Текстовый документ в Блокноте с названием mybd.txt, где располагаются данные о слушателях.
-
Фотографии всех преподавателей и слушателей в формате .jpg или .gif. В данном случае это файлы с именами: ВВ.jpg, ИА.jpg, НП.jpg, 1.gif, ДВГГУ.jpg.
-
Шесть музыкальных фрагментов для каждой из страниц базы данных. В данном случае это файлы с именами: K.mp3, L.mp3, M.mp3, P.mp3, You.mp3, LIFE.mp3.
-
Рисунки, которые являются фоном для HTML-документов. В данном случае это файлы с именами: фон_Альбатрос.jpg, фон_Альбатрос1.jpg, фон_Альбатрос2.jpg.
Первая страница 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: tabachuk@yandex.ru
<!--вставка музыкального фрагмента в HTML-документ-->
<p><embed src=You.mp3 width=100 height=40>
</html>