HTML: работа с базами данных в примерах (стр. 1 )

, преподаватель, кафедра информатики и информационных технологий ДВГГУ

html: РАБОТА С БАЗАМИ ДАННЫХ В ПРИМЕРАХ

Пояснительная записка...................................................................................................................................................................... 1

Тематическое планирование............................................................................................................................................................ 2

Текст пособия....................................................................................................................................................................................... 3

Базы данных........................................................................................................................................................................................ 3

Назначение и функциональные возможности языка разметки гипертекста (HTML)........................................... 3

Основы Visual Basic Script (VBScript)......................................................................................................................................... 7

Основы создания сценариев на Visual Basic Script............................................................................................................... 9

Проектирование баз данных с помощью HTML................................................................................................................ 12

Пояснительная записка

В настоящее время информацию рассматривают как один из основных ресурсов развития общества, а информационные системы и технологии как средство повышения производительности и эффективности работы людей.

Информационные системы и базы данных стали неотъемлемой частью нашей повседневной жизни: покупка в супермаркете, расчеты с использованием кредитной карты, работа в Internet, обучение в университете и пр. Большинство отраслей человеческой деятельности связано с внедрением и использованием баз данных, которые обеспечивают хранение информации, представление данных для пользователей, что повышает эффективность работы. Наиболее широко информационные системы и базы данных используются в производственной, управленческой и финансовой деятельности.

Язык разметки гипертекста (HTML) позволяет быстро и эффективно разрабатывать самые разнообразные приложения, включая и приложения для работы с базами данных.

Цель предлагаемой программы: познакомить слушателей с основными понятиями, связанными с проектированием баз данных, с процессом создания приложений для них с помощью HTML, который поддерживает язык программирования VBScript для разработки запросов, организации взаимодействия внешних данных с базой данных в HTML.

Задачи программы:

1)  Рассмотреть основной понятийный аппарат реляционных баз данных.

2)  Научить проектировать реляционные базы данных и приложения.

3)  Показать технологию создания информационных систем.

4)  Познакомить слушателей с основными элементами языка HTML и языка программирования VBScript для работы с базами данных.

5)  Показать возможность применения языка разметки гипертекста (HTML) для быстрой разработки приложений при работе с базами данных.

Требования к уровню усвоения содержания курса

В результате освоения программы курса слушатели должны:

·  формулировать основные понятия, связанные с базами данных: информационная систем, база данных;

·  перечислять основные объекты базы данных и определять их назначение;

·  формулировать основные понятия реляционных баз данных: отношение, атрибут, запись, ключи и индексы;

·  распознавать подходы к проектированию баз данных;

·  выделять основные элементы языка разметки гипертекста (HTML) для работы с базами данных;

·  перечислять компоненты, основные функции языка программирования VBScript для доступа к данным и для работы с ними (отбор данных из таблиц);

·  определять характеристику проекта в HTML (состав проекта, файл проекта, файлы формы, файл ресурсов, параметры проекта).

В процессе изучения курса слушатели должны приобрести умения:

·  создавать локальные базы данных с помощью HTML, приложения в HTML, позволяющие просматривать записи, перемещаться по записям, выполнять поиск;

·  использовать в приложениях язык программирования VBScript;

·  создавать связи между таблицами реляционной базы данных посредством гиперссылок.

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

Тематическое планирование

№	Тема	Лек.	Л/з
1.    1.	Базы данных реляционного типа. Основные понятия и определения. Разработка баз данных: общие подходы.	2
2.    2.	Язык разметки гипертекста HTML для работы с базами данных. структура HTML-документа; VBScript как язык программирования, поддерживаемый HTML; основные операторы языка VBScript.	2	2
3.    3.	Проектирование баз данных: создание баз данных средствами HTML; создание таблиц; связь внешних данных (текстовые документы, рисунки, фотографии, музыкальные фрагменты) с HTML-документами.	2	2
4.    4.	Создание приложений для работы с базами данных: создание форм с перемещением по записям базы данных; индексирование таблиц; сортировка данных таблицы по различным полям.	2	3
5.  5 5.	Проектирование запросов на поиск информации в базе данных. Формулировка и реализация запросов на языке программирования VBScript. Создание связи между таблицами реляционной базы данных посредством гиперссылок.	2	3
Итого	10	10

Текст пособия

Базы данных

С точки зрения пользователя, база данных – это программа, которая обеспечивает работу с информацией. При запуске такой программы на экране появляется таблица, просматривая которую пользователь может найти интересующие его сведения. Если система позволяет, то он может внести изменения в базу данных: добавить новую информацию или удалить ненужную.

С точки зрения программиста, база данных – это набор файлов, содержащих информацию. Разрабатывая базу данных для пользователя, программист создает программу, которая обеспечивает работу с файлами данных.

В настоящее время существует достаточно большое количество программных сред, позволяющих создавать и использовать базы данных.

Назначение и функциональные возможности языка разметки гипертекста (HTML)

Для создания базы данных, отображаемой браузером Internet Explorer (программа для просмотра HTML-документов), разработан специальный язык HTML (Hyper Text Markup Language) – язык разметки гипертекста.

HTML-документ содержит набор управляющих последовательностей, определяющих действия, которые браузер выполняет при загрузке документа.

Каждый документ представляет собой текстовый файл и содержит текст (изображения), который пользователи баз данных видят, и некоторые инструкции для программы просмотра, не отображаемые на экране. Эти инструкции условно можно разделить на два типа:

·  описание внешнего вида документа (размер букв, тип шрифта, элементы оформления),

·  ссылки на другие ресурсы, которые делают из текста гипертекст.

Гипертекст – способ организации текстовой информации, внутри которой установлены смысловые связи между ее различными фрагментами (гиперсвязи).

Структура HTML-документа

В основе любого HTML-документа лежит понятие тега (tag).

Тег – это начальный или конечный маркер элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга.

В тексте HTML-документа теги заключаются в угловые скобки: <тег>. Теги используются для разметки документа, форматирования текста и ряда других функций, но никогда не выводятся браузером на экран. Обычно теги представляют собой пары. В этом случае различают открывающий и закрывающий теги, между которыми может располагаться любой текст, в том числе и любое количество вложенных тегов. Завершающий тег отличается от открывающего наличием слэша (/) перед именем тега:

<тег> текст </тег>.

Структура любого HTML-документа выглядит следующим образом:

<HTML>

<HEAD>

<TITLE> заголовок и описание документа </TITLE>

</HEAD>

<BODY>

Хабаровская краевая летняя физико-математическая школа

</BODY>

</HTML>

<HTML> </HTML>

Начинает и заканчивает любой HTML-документ.

<HEAD> </HEAD>

Область заголовка HTML-документа, служит для формирования структуры документа. Этот элемент включает TITLE и допускает вложение элементов SCRIPT, STYLE.

<TITLE> </TITLE>

Элемент для размещения заголовка в окне браузера.

<BODY> </BODY>

Этот элемент заключает в себе гипертекст, который определяет HTML-документ. Внутри элемента BODY можно использовать все элементы, предназначенные для форматирования HTML-документа. Внутри начального тега элемента BODY можно расположить ряд атрибутов (свойств).

Рассмотрим некоторые из них:

· Установка «обоев»: <body background=”путь к файлу обоев”>,

· Установка цвета фона: <body bgcolor=”цвет”>,

· Установка цвета выводимых символов: <body text=”цвет”>.

Пример: <body bgcolor=”red” text=”yellow”>ТЕКСТ</body>. Данный пример показывает, что в основной области HTML-документа будет располагаться слово ТЕКСТ на красном фоне желтыми буквами.