- •(Конспект лекций)
- •Список сокращений
- •Введение
- •Лекция 1. Языки штучного интеллекта и основы логического программирования Некоторые сведения о языках искусственного интеллекта
- •Введение в логическое программирование Историческая справка
- •Базовые объекты данных
- •Вопросы
- •Переменные
- •Правила
- •Зоны видимости имен
- •Логическая программа
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 2. Процедурная семантика интерпретатора Пролога
- •Метод резолюций
- •Унификация и подстановка
- •Композиция подстановок
- •Вычисление резольвенты
- •Алгоритмы Пролога
- •Стратегии доказательств
- •Процедура поиска доказательства в глубину
- •Пример выполнения логической программы с пошаговым анализом
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 3. Основы программирования в среде Турбо-Пролога
- •Разделы программы
- •Опции компилятора
- •Имена переменных
- •Раздел описаний доменов
- •Разделы описания предикатов и правил
- •Рекурсивные процедуры
- •Моделирование итеративных процедур
- •Основные сведения об арифметических предикатах
- •Внелогические предикаты
- •Работа с файлами
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 4. Списки и управление выводом в Турбо-Пролог-программах Списки
- •Описания списков
- •Шаблон для работы со списками
- •Примеры программ работы со списками
- •Управление формированием вывода Отсечение
- •«Зеленые» и «Красные» отсечения
- •Предикаты not и fail
- •«Циклы» управляемые отказом
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 5. Динамическая база данных в Турбо-Пролог-программах Составные области
- •Операции с динамической базой данных
- •Пример построения проекта с динамической базой данных
- •Ограничения Турбо-Пролога
- •«Циклы» с возвратами
- •Лисп – язык функционального программирования
- •Правильные выражения
- •Базовые предикаты и конструкторы
- •Определяющие выражения функций
- •Условные выражения
- •Выражения для представления циклов
- •Встроенные и определяемые пользователем функции
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 7. Функциональное программирование в среде Лиспа
- •Виды рекурсий Рекурсии по значению и по аргументам
- •Простая рекурсия
- •Параллельная рекурсия
- •Взаимная рекурсия
- •Рекурсии высших порядков
- •Метод накапливающих параметров
- •Функционалы
- •Применяющие функционалы
- •Отображающие функционалы
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 8. Функциональные абстракции и процедурное программирование в Лиспе Представление функции в процессе вычислений Понятие замыкания
- •Создание замыканий
- •Функции с функциональным результатом вычислений и частичные вычисления
- •Функциональные абстракции
- •Формы блоков и связывания переменных
- •Присваивание значений переменным
- •Прочие процедурные формы в Лиспе
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 9. Лисп-методы программирования Программирование, управляемое данными
- •Программирование, управляемое событиями
- •Сопоставление с образцом
- •Списочные образцы
- •Переменные в образцах
- •Образцы с предикатами
- •Продукционное и логическое программирование в Лисп-системах
- •Объектное программирование
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 10. Представление знаний в программах на Лиспе Процедурный подход к представлению знаний
- •Представление знаний на основе продукций
- •Представление продукций
- •Интерпретатор продукций
- •Методы поиска решений
- •Функция для загрузки
- •Разрыв командного цикла и отладка
- •Вычисление s-выражений
- •Функции и формы
- •Типы данных
- •Макросы ввода
- •Lambda-списки
- •Функции ввода/вывода
- •Вычисление форм catch и throw
- •Объектное программирование в Xlisp Создание класса
- •Добавление методов в интерактивном режиме
- •Вопросы для самоконтроля
- •Html-документ Инструментарий создания и редактирования
- •Структура документа
- •Html тэги
- •Информация игнорируемая браузерами
- •Свойства страницы в целом
- •Информация для поисковых систем и стандарты
- •Элементы управления размещением текста и графики
- •Ссылки и протоколы
- •Задание цвета в html
- •Подготовка графики и анимация Графические форматы
- •Подготовка изображений для применения в документе
- •Анимация
- •Вопросы для самоконтроля
- •Управление шрифтами
- •Физические текстовые стили
- •Специальные символы
- •Графика
- •Управление взаимным размещением текста и графики
- •Гипертекстовые и графические ссылки Организация ссылок
- •Графические ссылки
- •Расширенная работа с гиперссылками Типы ссылок в документе
- •Якоря (метки)
- •Атрибут target
- •Изображения-карты
- •Списки и таблицы Виды списков
- •Элементы таблиц
- •Вопросы для самоконтроля
- •Элементы создаваемые тэгом input
- •Простые и графические кнопки
- •Списки выбора
- •Текстовые области
- •Приемы для выравнивания элементов
- •Методы передачи данных к серверу
- •Дизайн web-сайтов Типы сайтов
- •Топология и распределение материала
- •Формат страницы
- •Заглавия и заголовки
- •Навигация
- •Блоки текста
- •Средства позиционирования
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 15. Элементы языка css Язык управления структурой и стилями
- •Размещение css-элементов
- •Адресная модель css
- •Содержимое css-файла или style-контейнера
- •Селекторы
- •Комментарии
- •Применение css в оформлении документов Управление визуализацией
- •Схемы позиционирования
- •Текст и шрифты
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 16. Основы языка Java Script Назначение языка программирования Java Script
- •Тэги для программ на Java Script
- •Основные конструкции языка JavaScript
- •Декларации функций
- •Операторы, операции и выражения
- •Массивы
- •Объектная модель документа
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 17. Объекты и скрипты в html-документах Объекты пользователя
- •Создание объектов
- •Добавление новых свойств и методов
- •Проверка наличия свойств и методов
- •Встроенные объекты языка программирования
- •Обработка особых ситуаций в документе
- •Классификация ситуаций
- •Установление реакции на ситуацию
- •Методы объекта String
- •Программирование работы с метками и гиперссылками
- •Динамическое создание меток и гиперссылок
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Лекция 18. Различные аспекты применения скриптов Управление окнами
- •Динамическое формирование документа
- •Управление слоями
- •Объект, соответствующий форме
- •Адресация и именование
- •Свойства и методы
- •Динамическое изменение надписей и изображений на кнопках
- •Форматы документов отличающиеся от html
- •Вопросы для самоконтроля
- •Вопросы на самостоятельную проработку
- •Литература
Управление взаимным размещением текста и графики
Для размещения графики относительно текста (или другого контекста) используется атрибут align. Возможные его значения следующие:
bottom – означает, что нижний край графики выравнивается по вертикали по текущей базовой линии текста,
middle – означает, что центр графики выравнивается по вертикали по текущей базовой линии текста,
top – означает, что верхний край графики выравнивается по вертикали по текущей базовой линии текста.
При встраивании графики в текст можно зарезервировать вокруг нее пустые поля с помощью атрибутов vspace, hspace (значения задаются в пикселах или в процентах от размера окружающего блока или экрана). Графику можно разместить слева или справа от текста указав явно значение атрибута align в виде: align = left или align = right.
Пример
<p>
<img src = “img3.gif” align = left hspace = 20 vspace = 10> Произвольный текст, обтекающий графику ……………………..
<p>
Для прерывания обтекания текстом графики можно применить тэг br, применив в нем атрибут clear со следующими его значениями:
none – следующая строка продолжается как обычно,
left – следующая строка продолжается с ближайшей базовой линии ниже графики расположенной слева,
right – следующая строка продолжается с ближайшей базовой линии ниже графики расположенной справа,
all – – следующая строка продолжается с ближайшей базовой линии ниже графики расположенной слева или справа.
Пример
В данном примере тэг br применен с атрибутом clear равным значению left:
********* -------
| | -------
| image | --<BR clear="left">
| |
*********
-----------------
Более мощные средства для управления размещением элементов предоставляются средствами языка CSS.
Гипертекстовые и графические ссылки Организация ссылок
Гипертекстовые ссылки обеспечивают переход к просмотру другого файла или переход к другой части документа. Используется контейнер < a href = …> Текст ссылки </a> с атрибутом href, в качестве значения которого указывается URL-адрес в виде строки “…” или локальная ссылка с меткой вида “#”.
Пример
< a href = “art.htm”>Щелкните здесь для перехода к разделу “Живопись” <\a><br>
< a href = “#M1”> Формы в HTML-документах </a><br>
Задание цвета ссылок. Ссылки выделяются цветом и/или подчеркиванием в документе. Поступающий в броузер документ отображается с той цветовой палитрой, которая установлена в броузере по умолчанию. Чтобы управлять цветом ссылок из документа, - в тег <body…> необходимо вставить следующие атрибуты:
link = цвет не просмотренных текстовых ссылок,
vlink = цвет просмотренных ссылок,
alink = цвет активных ссылок.
Коды цвета указываются так, как это делается для атрибута color тега <font>.
Пример
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#00FFFF" alink="#FF00FF">
В данном примере указаны в порядке перечисления цвет фона документа, цвет текста, цвета неактивных, просмотренных и активных ссылок.
Графические ссылки
Графическая ссылка позволяет использовать графическое изображение для выполнения гипертекстового перехода. Для представления графической ссылки необходимо тэг графики разместить внутри контейнера <a>.
Пример
<p>
<a href = “inf.htm”> < img src = “ img1.gif” width = 50 height = 60 > </a> Щелкните на картинке и узнаете подробности. </p>
В данном случае изображается:
Графика
Щелкните на картинке и узнаете подробности.
Щелчок на картинке обеспечит переход к файлу inf.htm.
Браузеры показывают обычные графические файлы <img src = “… “ > без рамок, а графические ссылки <a href = “…” >< img src = “…”> < /a > в окружении рамок. Впрочем, для графики, если необходимо можно указать требование вывода графики в окружении рамки.
Пример
<img src = “myfile.gif” border = 4>
Графическое изображение будет окружено рамкой с шириной линий в 4 пиксела. Более широкие возможности для оформления документов, в т.ч. для изображения рамок различных типов предоставляются языком CSS.
Пример
<img src = “myfile.gif” style = “border: solid thick red”>
Графическое изображение будет окружено рамкой в виде тонкой сплошной линии красного цвета.