Cамоучитель по созданию сайтов


Применение стилей к основной части странички


Применение стилей к основной части странички
Рисунок 4.7. Применение стилей к основной части странички ная). Последние два значения, правда, пока воспроизводятся только в бро-узере Netscape 6. Мы выбрали значение ridge. Чтобы рамка не терял...
Оформление заголовка
Оформление заголовка Теперь можно заняться заголовком. Во-первых, нужно задать его ширину и высоту, причем первую мы зададим в процентах, чтобы она могла изменяться вместе с шириной окна броузера...
Наложение элементов вебстраницы
Наложение элементов веб-страницы Для полного завершения картины неплохо бы еще добавить какой-либо фоновый рисунок типа “водяного знака”, символизирующий профиль деятельности фирмы. Поскольку фир...
4 Оформление вебстраницы с использованием стилей
4. Оформление веб-страницы с использованием стилей...
Оформление с помощью атрибута STYLE
4.1. Оформление с помощью атрибута STYLE В предыдущих главах мы рассмотрели некоторые способы создания веб- страниц, однако до сих пор почти ничего не говорили о том, как оформляют текст. И это н...
Замена тегов на стилевое описание
Замена тегов на стилевое описание В следующем блоке использован отмененный тег <FONT>: <FONT SIZE="+1"><В>Сергей Сергеев</В> - писатель-авангардист, автор 20 р...
Длинный эпиграф при таком оформлении становится не похожим на эпиграф
Рисунок 4.1. Длинный эпиграф при таком, оформлении становится не похожим, на эпиграф...
Выравнивание эпиграфа с помощью вложенных блоков
Рисунок 4.2. Выравнивание эпиграфа с помощью вложенных блоков Все бы хорошо, однако подпись под эпиграфом хорошо бы выровнять по правому краю (хотя, поскольку она занимает почти всю строку, это н...
Выравнивание подписи под эпиграфом
Рисунок 4.3. Выравнивание подписи под эпиграфом милицейский мотоцикл, который как раз в этот момент проезжал по дороге. Через мгновение мотоцикл уже увозил его куда-то вдаль. </Р> <Р S...
Абзацный отступ
Абзацный отступ Далее, в основном тексте рассказов у нас были абзацные отступы, сделанные с помощью серии неразрывных пробелов (&nbsp;) — способ не самый изящный. С помощью стилевого свойс...
Программы для сжатия звуковых фрагментов
5.2. Программы для сжатия звуковых фрагментов Чтобы поместить сжатый звуковой файл на веб-страницу, его надо сначала создать. О том, как это делается, мы немного и поговорим в этом разделе....
Чтение дорожек компактдиска
Чтение дорожек компакт-диска Во-первых, звук надо записать. Если источником музыки является ком пакт-диск, то лучше всего не записывать его обычным образом, а считывать музыкальную информацию про...
Запись звука от внешнего источника
Запись звука от внешнего источника Итак, если исходный звуковой материал расположен на компакт-диске, то с записью все просто. А что делать, если он расположен на аудиокассете, мини-диске, ЛАГ-ка...
Панель индикации Windows
Рисунок 5.1. Панель индикации Windows В этом окне следует выбрать линейный вход (Line). He закрывайте пока это окно — оно нам потребуется для регулировки уровня записи. Запись звукового материал...
Окно системного микшера Windows
Рисунок 5.2. Окно системного микшера Windows Развлечения > Звукозапись), входящей в стандартную поставку Windows. Однако лучше это делать специализированными средствами, например программой So...
Окно записи в программе Sound Forge
Рисунок 5.3. Окно записи в программе Sound Forge случае не превышал его. Превышение уровня записи индицируется в окне программы Sound Forge красной надписью Clip, как показано на Рисунок 5.4. Так...
Индикация перегрузки
Рисунок 5.4. Индикация перегрузки Когда уровень записи установлен, можно начинать запись. Для этого нажмите кнопку Record (Запись). Во время записи постоянно мигает красная надпись Recording. Ког...
Сжатие звука
Сжатие звука Итак, звук записан и теперь его надо сжать. Кстати говоря, если вы его записывали программой Sound Forge, то можно, прямо не выходя из нее, сжать звук в формат RealAudio. Для этого д...
Запись в формате МРЗ
Запись в формате МРЗ Если желательно получить на выходе файл в формате МРЗ, лучше вос- пользоваться программой МРЗ Producer, которую предлагает компания Fraunhofer. Основное окно этой программы и...
Основное окно программы Fraunhofer МРЗ Producer Professional
Рисунок 5.5. Основное окно программы Fraunhofer МРЗ Producer Professional Если в меню Options (Параметры) установлен флажок Write RIFF/WAV- Format Files, то на выходе будет записан файл в формате...
Запись формата TwinVQ
Запись формата TwinVQ Для того чтобы сжать файл в формат TwinVQ, также существует несколько программ. Одной из лучших является YAMAHA Sound VQ Encoder (ее можно загрузить с веб-сайта www.vqf.com)...
Маленькие хитрости
5.3. Маленькие хитрости В принципе, мы уже достаточно рассказали об использовании звука на веб-страницах. Можно было бы на этом и завершить данную главу, однако хочется указать на одну очень част...
Устранение постоянной составляющей
Устранение постоянной составляющей Первое, что может “мешать” сжатию (да и не только сжатию, а вообще любой цифровой обработке звука), — это так называемая постоянная составляющая сигнала. На Рис...
Обычный синусоидальный сигнал
Рисунок 5.6. Обычный синусоидальный сигнал и он же с постоянной составляющей удалить. Во многих программах звуковой обработки имеются соответствующие средства. Например, в программе Sound Forge м...
Управление амплитудой
Управление амплитудой Кроме того, фонограмма может иметь слишком малую амплитуду. Как .правило, с меньшими потерями сжимаются фонограммы, максимальная амплитуда которых достигает приблизительно -...
Нейтрализация шумов
Нейтрализация шумов Следующим мешающим моментом при сжатии могут быть шумы, присутствующие в записи. Для удаления шумов в звуковых программах также есть специальные средства. Например, в программ...
Устранение выделяющейся спектральной полосы
Устранение выделяющейся спектральной полосы И, наконец, еще один момент. Если в записи присутствует сильно выделяющаяся спектральная полоса (это можно заметить визуально на так...
Две спектрограммы обычной звукозаписи и звукозаписи с сильно выделяющейся частотной полосой
Рисунок 5.7. Две спектрограммы: обычной, звукозаписи и звукозаписи с сильно- выделяющейся частотной полосой называемой спектрограмме или сонограмме). На Рисунок 5.7 показаны две спектрограммы зву...
5 Использование звука на вебстранице
5. Использование звука на веб-странице...
Добавление звукового оформления
5.1. Добавление звукового оформления В предыдущих главах мы рассмотрели оформление веб-страниц с помощью таблиц стилей CSS и графических элементов. Однако есть еще один декоративный компонент — з...
Фоновая музыка
Фоновая музыка Для воспроизведения фоновой музыки проще всего применить тег <BGSOUND> . Правда, он работает только в броузерах Internet Explorer и Mosaic, зато очень удобен. Если написать...
Звуковые объекты
Звуковые объекты Другой способ помещения музыкального объекта на страничку заключается в применении более универсального тега <OBJECT> . Вообще говоря, этот тег может использоваться не то...
Звуковые гиперссылки
Звуковые гиперссылки И наконец, еще один способ помещения музыки на веб-страницу заключается в простом создании гиперссылки на музыкальный файл (в атрибуте HREF=). Например, если написать ...А т...
Форматы звуковых файлов
Форматы звуковых файлов Итак, какие же форматы музыкальных файлов мы можем использовать? Прежде всего, это, конечно, звуковые форматы WAVE, AU та. AIFF. Эти форматы могут содержать собственно зву...
Сжатие звуковых файлов
Сжатие звуковых файлов Как уже говорилось выше, несжатые звуковые данные CD-качества занимают приблизительно 10 Мбайт на минуту звучания. Поэтому были разра ботаны специальные алгоритмы сжатия зв...
Формат RealAudio
Формат RealAudio Файлы формата RealAudio обычно имеют расширение имени .RM. (Иногда для совместимости со старыми версиями проигрывателей используется расширение .RA, однако одного расширения здес...
Формат МРЗ
Формат МРЗ Другой распространенный формат сжатия звуковых данных называется MPEG 1 Layer 3, а сокращенно — просто МРЗ (именно такое расширение имени обычно имеют файлы этого формата). Этот формат...
Формат TwinVQ
Формат TwinVQ Сравнительно новым форматом сжатия звуковых файлов является формат TwinVQ, созданный компанией Yamaha. Он отличается замечательными алгоритмами сжатия, позволяющими сжимать звуковую...
Как писать собственные функции
6.2. Как писать собственные функции В примере, приведенном в предыдущем разделе, вы, вероятно, обратили внимание на то, что некоторые строки нашего кода выглядят очень похоже, почти повторяя друг...
Описание функции
Описание функции Давайте рассмотрим такой очень простой пример. Предположим, что на нашей странице время от времени придется вычислять факториал числа. Понятно, что одной строкой здесь не обойтис...
Усложненный пример
Усложненный пример Теперь давайте несколько усложним задачу. Пусть мы хотим проделать все это несколько раз подряд, чтобы пользователь мог по желанию вычислить несколько разных значений факториал...
Расчет факториалов и запрос к пользователю
Рисунок 6.5. Расчет факториалов и запрос к пользователю Конечно, появление лишних диалоговых окон в некоторых случаях может отпугнуть пользователя, особенно если у него на полную громкость вклю ч...
Указание языка сценариев
Указание языка сценариев Прежде чем пойти далее, давайте рассмотрим еще вот какой вопрос. Дело в том, что тег <SCRIPT> , так же как и другие теги, может иметь свои атри буты. Это LANGUAGE...
Динамическое изменение внешнего вида страницы
6.3. Динамическое изменение внешнего вида страницы Чтобы динамически изменять вид нашей веб-страницы, необходимо решить один вопрос: каким образом наш сценарий сможет обращаться к отдельным ее эл...
Доступ к элементам HTML по номеру
Доступ к элементам HTML по номеру Возьмем такой пример. Предположим, что мы поместили на веб-страницу графический элемент (картинку), но хотим, чтобы она не сразу возникла в своем реальном размер...
Доступ к элементам HTML по имени
Доступ к элементам HTML по имени Однако, во-первых, не очень удобно высчитывать номер элемента на стра- нице, а во-вторых, описанным выше способом мы можем получить дос- туп не ко всем элементам....
Предварительная заготовка для вебстраницы с мигающим заголовком
Рисунок 6.6. Предварительная заготовка для веб-страницы с мигающим заголовком...
Изменение свойств элементов
Изменение свойств элементов Поскольку Internet Explorer при этом не отобразит мигание, мы можем напи сать функцию, которая будет делать этот элемент то видимым, то невиди мым. Для этого нам приго...
Выбор изменяемых свойств
Выбор изменяемых свойств Кстати, использование переменной-флага дает нам возможность легко переделать это мигание во что-нибудь другое. Например, вместо временного исчезновения надписи можно на э...
Мигание заголовка может осуществляться разными способами в том числе и вывороткой
Рисунок 6.7. Мигание заголовка может осуществляться разными способами, в том числе и вывороткой Доступ к элементам страницы через метод document.all — вещь очень удобная. К сожалению, такая возмо...
Другие возможности языка JavaScript
6.4. Другие возможности языка JavaScript...
Дополнительные операторы JavaScript
Дополнительные операторы JavaScript Подведем промежуточный итог знакомства с JavaScript. На самом деле, мы с вами рассмотрели не так уж мало: достаточно сказать, что мы изучили практически все оп...
Встроенные функции JavaScript
Встроенные функции JavaScript Теперь о функциях. Мы уже научились определять собственные функции. Кроме того, в JavaScript существуют так называемые встроенные (или предопределенные) функции. Нек...
6 Динамические вебстраницы на основе JavaScript
6. Динамические веб-страницы на основе JavaScript...
Простейшие примеры
6.1. Простейшие примеры До сих пор мы рассматривали оформление статических веб-страниц, то есть таких, которые, будучи загружены, уже внешне не изменяются. Однако в последнее время все большее ра...
Запись информации в вебдокумент
Запись информации в веб-документ Для написания динамических веб-страниц используются фрагменты кода, написанные на языке JavaScript (или другом языке сценариев, о чем речь пойдет ниже), который и...
Простейшее использование JavaScript
Рисунок 6.1. Простейшее использование JavaScript Ладно, давайте немного изменим текст кода (для экономии места мы приводим только текст сценария, предполагая, что все остальные теги остаются таки...
Изменение строки состояния
Рисунок 6.2. Изменение строки состояния Хорошо, скажете вы, вот мы уже управляем строкой состояния, но где же обещанная динамика? Ну, если не терпится, то можно еще немного изменить код предыдуще...
Интерпретация языка JavaScript
Интерпретация языка JavaScript Прежде чем рассмотреть какой-нибудь осмысленный пример, необходимо отметить еще несколько моментов. Во-первых, броузеры могут интерпре- тировать фрагменты JavaScrip...
Учет версии броузера
Учет версии броузера Теперь давайте рассмотрим простой пример. Предположим, что у нас уже имеются страницы, созданные специально для броузера Internet Explorer 4, Netscape 4 или Netscape 6. Мы хо...
Использование условной переадресации и временной задержки
Рисунок 6.3. Использование условной переадресации и временной задержки Таблица умножения Приведенный пример достаточно прост, но он демонстрирует способы использования некоторых основных операто...
Запрос сведений у читателя
Запрос сведений у читателя Как видите, нам не пришлось вручную заполнять все ячейки таблицы, мы ограничились вместо этого шестью изящными строками кода. Кроме того, если вам вдруг понадобится рас...
Генерация таблицы “на лету”
Рисунок 6.4. Генерация таблицы “на лету” возможность самому определить границы значений множителей таблицы. Например, это можно сделать следующим образом. При загрузке страницы с помощью метода p...
Страница управляемая при помощи мыши
7.2. Страница, управляемая при помощи мыши Мы уже говорили о том, что одним из самых привлекательных нововведе ний HTML 4.0 является возможность динамически изменять страницы и реагировать на дей...
Реакция на наведение
Реакция на наведение Теперь давайте сделаем так, чтобы вторая строка этого текста действительно изменяла свой цвет при наведении указателя мыши. Для начала давайте выделим ее в отдельный блок: &...
Учет различий между броузерами
Учет различий между броузерами Такие вопросы обычно решаются не просто. Но в данном случае мы можем осуществить проверку версии броузера и, в зависимости от ее результата, присвоить переменной te...
Страница на которой цвет строк может изменяться
Рисунок 7.5. Страница, на которой цвет строк может изменяться Кнопки, влияющие на вид страницы Теперь рассмотрим такой пример. Предположим, мы разместили на веб- странице сказку, с градиентным ф...
Вебстраница на которой “бесполезная” в данный момент кнопка недоступна
Рисунок 7.6. Веб-страница, на которой “бесполезная” в данный момент кнопка недоступна Заметим, что приведенная выше страница будет работать только в Internet Explorer. Ее можно заставить работать...
Реализация операций перетаскиванием
Реализация операций перетаскиванием Итак, мы рассмотрели несколько основных обработчиков событий. Однако существуют и другие события мыши. Например, веб-страница может отдельно реагировать на наж...
Страница иллюстрирующая игру “Пятнадцать”
Рисунок 7.7. Страница, иллюстрирующая игру “Пятнадцать” <TABLE BGCOLOR="#COCOCO" WIDTH="100%" CELLSPACING="0" CELLPADDING="0" BORDER="1">...
Динамическое управление позиционированием элементов
Динамическое управление позиционированием элементов Чтобы все это реализовать, придется использовать позиционирование объектов на экране. Прежде всего, определим позицию блока, в который будет вк...
Исходная позиция для расстановки плашек
Рисунок 7.9. Исходная позиция для расстановки плашек <IMG ID="p6" SRC="Images/digit6.gif" WIDTH="100" HEIGHT="100" BORDER="0" ALT="6"...
Реакция на нажатие кнопки
Реакция на нажатие кнопки Сначала добавим в тег <BODY> обработчики событий, реагирующие на нажатие кнопки мыши (не на щелчок, который состоит из нажатия и отпускания левой кнопки, а имен...
Изменение порядка следования позиционированных элементов
Рисунок 7.10. Изменение порядка следования позиционированных элементов <IMG> позволяет изменить их расположение в третьем измерении Теперь осталось написать функции, которые мы так лихо...
Реакция на перемещение мыши
Реакция на перемещение мыши В принципе, наша функция down_it() уже справляется со своими обязанностями. Теперь давайте займемся функцией moveit( ), которая будет вызываться при движении мыши. Эт...
Реакция на отпускание кнопки
Реакция на отпускание кнопки Теперь давайте займемся функцией up_it(), выполняющейся при отпускании кнопки мыши. Собственно говоря, все, что нужно сделать — это проверить, передвигался ли какой-н...
Реализация технологии draganddrop пользователь может перетаскивать плашки с помощью мыши
Рисунок 7.11. Реализация технологии drag-and-drop: пользователь может перетаскивать плашки с помощью мыши Результат будет тот же. А если немного подумать, то можно сократить даже код первоначальн...
Динамическое отображение текста вебстраницы
7.4. Динамическое отображение текста веб-страницы В этом разделе мы рассмотрим, какими способами можно динамически изменять текстовое содержание страницы. В предыдущих разделах, как иы помните, м...
Имитация гиперссылок
Имитация гиперссылок Но как пользователь узнает, что на словосочетании Рассказ “Молоток” нужно щелкнуть, как на гиперссылке, для появления текста рассказа на кране? Для этого придется либо действ...
Щелчок на “гиперссылке” изменяет текст в нижней части страницы
Рисунок 7.12. Щелчок на “гиперссылке” изменяет текст в нижней части страницы...
Та же страница после щелчка на “гиперссылке”
Рисунок 7.13. Та же страница после щелчка на “гиперссылке” } Н1,Н2 { text-align: center; } .Ink ( color: #634438; text-decoration: underline; cursor: hand; } HR ( margin-top: 24px; width: 75%;...
Произвольный выбор текста
Произвольный выбор текста Однако в таком виде эта страница представляется еще не совсем завер шенной, поскольку, когда на экране отобразится текст рассказа “Молоток”, вернуть обратно текст сказки...
На этой странице изначально не видно ни одного из рассказов
Рисунок 7.14. На этой странице изначально не видно ни одного из рассказов Теперь еще одна маленькая деталь. Хорошо бы сделать так, чтобы мнимая гиперссылка на тот текст, который уже отображается...
Использование других свойств при работе с текстом
Использование других свойств при работе с текстом Помимо рассмотренного здесь свойства innerHTML, каждый элемент веб страницы имеет еще три похожих свойства: • innerText — то же, что и innerHTML...
Добавление дополнительных надписей
Добавление дополнительных надписей Для этого можно сделать следующее. Определим соответствующий стиль. Н3 { text-align: center; color: red; } В нашем примере для запроса к пользователю мы испол...
Через минуту после появления текста рассказа возникает красная надпись “Ну что нравится?”
Рисунок 7.12. Через минуту после появления текста рассказа возникает красная надпись “Ну что, нравится?”...
Динамическое изменение графических элементов вебстраницы
7.5. Динамическое изменение графических элементов веб-страницы Итак, в предыдущем разделе мы узнали, каким образом можно произвольно изменять любые текстовые элементы на веб-странице. А как быть,...
Подготовка графических кнопок
Подготовка графических кнопок Для примера модифицируем страницу со ссылками на поисковые машины, которую мы создали в главе 2. Сначала проведем некоторую подготовительную работу, а именно: нарису...
Страница графически оформленных гиперссылок
Рисунок 7.13. Страница графически оформленных гиперссылок во-первых, придется сделать еще четыре рисунка — по одному для каж-дой подсвеченной кнопки. Ведь на самом деле, чтобы кнопка изменила сво...
Управление “подсветкой” кнопок
Управление “подсветкой” кнопок Теперь назначим обработчику событий onMouseOver смену изображения. Собственно говоря, для этого нужно всего лишь изменить атрибут SRC= тегa <IMG>: <IMG S...
На этой странице графические гиперссылки подсвечиваются при наведении на них указателя мыши
Рисунок 7.14. На этой странице графические гиперссылки подсвечиваются при наведении на них указателя мыши Можно, конечно, написать такую же конструкцию и для остальных трех кнопок. Однако, давайт...
Предварительная загрузка графических объектов
Предварительная загрузка графических объектов Однако это еще не все. Представьте себе, что пользователь навел мышь на кнопку-гиперссылку. Что должно произойти? Естественно, замена рисунка. Но отк...
7 Вебстраницы реагирующие на действия пользователя
7. Веб-страницы, реагирующие на действия пользователя...
Ввод данных пользователем в формы HTML
7.1. Ввод данных пользователем в формы HTML Одно из основных отличий новой версии HTML (4.0) от предыдущих состоит в том, что теперь веб-страница может отслеживать действия пользователя и реагиро...
Получение информации от пользователя
Получение информации от пользователя В качестве примера давайте рассмотрим страницу для отзывов клиентов об услугах гипотетической фирмы “Лентяй”. Это, конечно, будет не совсем то, что обычно под...
Поля для ввода текста
Поля для ввода текста Чтобы создать однострочное текстовое поле, нужно также воспользоваться тегом <INPUT> , но уже с атрибутом TYPE="text". При этом его ширина задается с помощ...
Списки
Списки В принципе, на этом рассмотрение классической HTML-формы можно бы и завершить, но дело в том, что кроме текстовых полей форма может содержать еще некоторые элементы, которые мы пока не рас...
Простейшая форма HTML
Рисунок 7.1. Простейшая форма HTML При этом на экране будет отображен раскрывающийся список, из которого пользователь может выбрать любой из пунктов. Значение атрибута VALUE= выбранного пункта бу...
Прокручиваемый список
Рисунок 7.2. Прокручиваемый список...
Переключатели
Переключатели помощью такого списка можно было бы организовать и выбор пола, однако давайте применим для этого другой элемент формы — переключатели. Они употребляются группами, в которых только о...
Флажки
Флажки Теперь давайте спросим пользователя о его интересах. Для этого органи зуем список из нескольких пунктов, которые он сможет отметить флаж ками. Каждый из пунктов такого списка создается с п...
Форма с элементами управления
Рисунок 7.3. Форма с элементами управления...
Группы элементов формы
Группы элементов формы Неплохо бы было еще логически объединить то, что связано со сведениями о пользователе, и то, что связано с его мнением. Для такого группирова ния элементов форм в HTML 4.0...
Логическое объединение элементов формы
Рисунок 7.4. Логическое объединение элементов формы....
Другие элементы формы
Другие элементы формы Итак, запомним, что тег <INPUT> может использоваться в формах для создания самых разных элементов управления. Вид элемента зависит от значения атрибута TYPE= этого...
Управление расположением элементов вебстраницы с помощью таблиц
8.2. Управление расположением элементов веб-страницы с помощью таблиц В World Wide Web довольно часто встречаются страницы, на которых произвольное расположение элементов достигается с помощью та...
Создание ячеек таблицы
Создание ячеек таблицы Теперь нужно определить сами ячейки. Если посмотреть на Рисунок 8.4, то может показаться, что их меньше, чем на самом деле. В процессе опреде-ления ячеек бывает удобно врем...
8 Размещение элементов на вебстранице и навигация по сайту
8. Размещение элементов на веб-странице и навигация по сайту В те недавние времена, когда технология WWW только появилась на свет и стали создаваться первые веб-страницы, одной из самых больших п...
Использование структуры фреймов
8.1. Использование структуры фреймов...
Формирование набора фреймов
Формирование набора фреймов Итак, начнем. Разделим нашу страницу на две части (два фрейма) — левую и правую. Вообще говоря, каждый фрейм представляет собой отдельный чтобы-документ. Таким образом...
Вложенные наборы фреймов
Вложенные наборы фреймов — Хорошо, — скажете вы, а как быть, если мы захотим, к примеру, oто- бразить заголовок страницы во всю ширину окна броузера, а уж под ним расположить левый и правый фрейм...
Навигация между фреймами
Навигация между фреймами А теперь давайте рассмотрим чуть более сложный пример. Попытаемся наконец, организовать полную навигацию по сайту гипотетической фирмы “Лентяй”, отдельные части которого...
Пример простейшего серверного сценария
9.2. Пример простейшего серверного сценария Теперь приведем простой пример сценария, который запускается прямо сервере. Для чего это нужно? Область применения серверных сценариев довольно широка....
9 Дополнительные возможности формирования вебстраниц
9. Дополнительные возможности формирования веб-страниц В предыдущих главах мы рассмотрели основные приемы создания динамических веб-страниц, основанные на применении языка разметки HTML, таблиц с...
Пример использования элемента управления Tabular Data
9.1. Пример использования элемента управления Tabular Data Использование элементов управления Internet Explorer имеет свои преимущества и недостатки. Преимущества заключаются в существенном расши...
Текстовая база данных
Текстовая база данных Для этого давайте создадим файл базы данных, в которой хранятся все сведения об имеющихся в библиотеке книгах. Для примера предположим, что у нас всего восемь книг. Файл баз...
Элемент управления для работы с базой данных
Элемент управления для работы с базой данных Теперь, чтобы иметь возможность обращаться к базе данных, поместим на страницу элемент управления — он называется Tabular Data): <OBJECT ID="...
Динамическое формирование таблицы
Динамическое формирование таблицы Далее напишем таблицу, в каждой строке которой выводятся сведения сбодной книге. Хитрость состоит в том, что в коде страницы мы укажем только одну строку таблицы...
Фильтрация таблицы
Фильтрация таблицы Теперь можно добавить возможность выбора автора из списка и затем ото- бражать на экране книги только выбранного автора. Если в библиотеке очень много книг, такая возможность б...
Страница на которой используются данные из базы
Рисунок 9.1. Страница, на которой используются данные из базы (мало ли, может быть, он и не помнит имя автора). Кроме того, пусть него будет возможность отсортировать список книг по имени автора...
Сортировка таблицы
Сортировка таблицы Теперь давайте осуществим сортировку списка книг. Добавим для начала две кнопки — для сортировки по алфавиту, соответственно, авторов и названий книг: <INPUT TYPE="but...
Соративовка данных
Рисунок 9.2. Соративовка данных...


- Начало -