- •Html: работа с базами данных в примерах
- •Пояснительная записка
- •Тематическое планирование
- •Текст пособия Базы данных
- •Назначение и функциональные возможности языка разметки гипертекста (html)
- •Структура html-документа
- •Форматирование текста
- •Управление цветом
- •Вставка рисунков, изображений, фотографий
- •Создание гиперссылок на html-документы
- •Html-формы
- •Основы Visual Basic Script (vbScript)
- •Ввод и вывод данных
- •Типы данных
- •Встроенные объекты
- •Основы создания сценариев на Visual Basic Script Расположение сценариев
- •Обработка событий
- •Объекты, управляемые сценариями
- •Создание массива
- •Плавающие фреймы
- •Проектирование баз данных с помощью html
- •Первая страница html-документа
- •Создание таблицы «Администрация и Преподаватели»
- •Создание таблицы «Вожатые»
- •Создание формы «Полный список слушателей». Создание запросов по поиску информации в базе данных
- •Создание таблицы «Читаемые курсы», содержащей гиперссылки на другие html-документы
- •Сортировка данных в таблице. Расположение списка фамилий слушателей в алфавитном порядке
Управление цветом
Кодирование цвета используется для раскрашивания шрифтов, линий, фона и других элементов страницы. Цвета обозначаются английскими названиями или числовыми кодами. В общем случае цвет определяется RGB-кодом. Любой цвет представляется как комбинация красного (R), зеленого (G) и синего (B) цветов, взятых в определенных пропорциях. Простой способ определить цвет – написать название на английском языке.
Русское название |
Английское название |
RGB-код |
Аквамарин |
Aqua |
#00FFFF |
Белый |
White |
#FFFFFF |
Желтый |
Yellow |
#FFFF00 |
Зеленый |
Green |
#008000 |
Золотой |
Gold |
#FFD700 |
Индиго |
Indigo |
#4B0080 |
Каштановый |
Maroon |
#800000 |
Красный |
Red |
#FF0000 |
Оливковый |
Olive |
#808000 |
Оранжевый |
Orange |
#FFA500 |
Пурпурный |
Purple |
#800080 |
Светло-зеленый |
Lime |
#00FF00 |
Серебристый |
Silver |
#C0C0C0 |
Серый |
Gray |
#808080 |
Сизый |
Teal |
#008080 |
Синий |
Blue |
#0000FF |
Ультрамарин |
Navy |
#000080 |
Фиолетовый |
Violet |
#EE80EE |
Фуксиновый |
Fuchsia |
#FF00FF |
Черный |
black |
#000000 |
Вставка рисунков, изображений, фотографий
<IMG SRC=”имя файла”>
В документ можно вставить рисунки, изображения, фотографии с расширением .gif, .jpg.
При размещении картинок могут использоваться дополнительные параметры. Рассмотрим некоторые из них:
аlign=”способ выравнивания”
С помощью этого атрибута можно выровнять картинку по левому или по правому краю, по центру, по верхней границе или по нижней границе, для этого указываются следующие “способы выравнивания”:
LEFT – по левому краю;
RIGHT – по правому краю;
CENTER – по центру;
Кроме атрибута align часто используются атрибуты, позволяющие указать размер выводимой картинки в пикселях:
Widht=n – ширина выводимой картинки, n – число пикселей;
Height=m – высота картинки, m – число пикселей.
Атрибуты HSPACE и VSPACE обозначают горизонтальный и вертикальный отступ. Они используются для задания отступа от краев изображения до текста.
Например: <IMG SRC=”picture.jpg” align=”left” hspace=20>
Создание гиперссылок на html-документы
Для создания в документе гиперсвязей используют парные теги:
<A HREF=”название HTML-документа”> ссылка </A>
где ссылка – это слово, заголовок, фрагмент текста, картинка или другой объект, который будет являться ссылкой, будет выделен в тексте специальным образом.