Глава 5. Типы элементов ввода asp 48
Практикум 5.1. Кнопки 48
Практикум 5.2. Текстовые поля 50
Практикум 5.3. Списки 52
Практикум 5.4. Переключатель radio button 54
Практикум 5.5. Флажок checkbox 55
Практикум 5.6. Создание анкеты приема на работу 56
Глава 6. Структуры управления asp 58
Практикум 6.1. Кнопки в действии 58
Практикум 6.2. Пример обработки некоторого текста 60
Практикум 6.3. Обработка списков, используя структуру перехода 62
Практикум 6.4. Обработка результатов переключателя radio button структурой перехода If Then Else 65
Практикум 6.5. Обработка элемента флажок checkbox 67
Практикум 6.6. Обработайте созданную вами анкету используя приемы рассмотренные в этом практикуме 70
70
Глава 2. Дизайн документов xml Практикум 2.1. Визуализация первого xml-документа, используя внутреннюю таблицу стилей
Из главы 2 вы узнали, что XML имеет дело со структурой данных, а не с их представлением, но именно визуальное представление данных – это то, ради чего создается большая часть современного программного обеспечения и каскадные таблицы стилей (Cascading style sheets, CSS) могут быть использованы для определения большинства характеристик вывода. Итак, визуализируем XML-документ student.xml из практикума 1 используя внутреннюю таблицу стилей. Применим серый цвет ко всему тексту, а фамилию сделаем жирным и курсивом. Фотографию пока выводить не будем.
-
Наберите следующий код в блокноте и сохраните в файле с именем pr_2_1.xml
-
<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="#mystylesheet"?>
<student>
<student>
<style id="mystylesheet">
style {display:none}
style {display:none}
student {display:block; color:gray}
lastName {font-weight:bold;font-style:italic}
photo {display:none}
</style>
<lastName>Шилин</lastName>
<firstName>Алексей</firstName>
<middleName>Валерьевич</middleName>
<faculty>УП-1</faculty>
<grNum>1</grNum>
<dateStarted>1-09-2000</dateStarted>
<photo>images/jjanus.jpg</photo>
</student>
-
Теперь откройте этот файл в IE. Если вы набрали все теги в точности, файл pr_2_1.xml будет выглядеть примерно так:
Теперь вместо привычного иерархического дерева, мы видим данные по студенту. Пусть вас не пугает внешний вид документа – это только первый пример визуализации XML-документов.
-
В примере pr_2_1.xml команда обработки выделена желтым, она сообщает анализатору XML, что в данном документе присутствует каскадная таблица стилей, которая выделена тем же цветом.
Практикум 2. Визуализация первого xml-документа, используя внешнюю таблицу стилей
Используя тот же пример student.xml, визуализируем его с помощью внешней таблицы стилей.
-
Наберите следующий код в блокноте и сохраните в файле с именем pr_2_2.xml
-
<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="mystylesheet.css"?>
<student>
<lastName>Шилин</lastName>
<firstName>Алексей</firstName>
<middleName>Валерьевич</middleName>
<faculty>УП-1</faculty>
<grNum>1</grNum>
<dateStarted>1-09-2000</dateStarted>
<photo>images/jjanus.jpg</photo>
</student>
-
Наберите следующий код в блокноте и сохраните в файле с именем myslylesheet.css.
-
style {display:none}
student {display:block; color:gray}
lastName {font-weight:bold;font-style:italic}
photo {display:none}
-
Теперь откройте файл pr_2_2.xml в IE. Если вы набрали все теги в точности, файл будет выглядеть также как и пример pr_2_1.xml