Cold Fusion 4.5 Спецификация HTML Настройка БД Схема работы ColdFusion CFML Примеры программ Федерация Интернет Образования г. Красноярска Автор презентации:

Презентация:



Advertisements
Похожие презентации
Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее
Advertisements

Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
УПРАВЛЕНИЕ РАБОТОЙ ПОДСИСТЕМЫ «ВЕДЕНИЯ». Управление работой подсистемы «Ведения», в основном, сводится к следующему: Основные возможности управление доступом.
Курс МЕТОДИСТ ИНТЕРНЕТ - ОБРАЗОВАНИЯ Основные понятия Мониторинг сети Intranet, WWW-сервер Электронная почта, POP3 и SMTP Файловый сервер (FTP-сервер)
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму,
Тест по информатике. 1. Что называется файлом? 1.программа, которая переводит язык программирования в машинный код 2.программа, которая служит для подключения.
Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.
Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ OpenOffice.org. ТЭГИ (дескрипторы) – это команды, определяющие внешний вид Web – документа и формирующие связи с другими.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Инструментальные средства создания электронных образовательных ресурсов План лекции 2 Основные теги языка HTML: оформление таблиц; понятие ссылки, оформление.
Гипертекстовые ссылки в тексте. Гиперссылка Гиперссылка часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание,
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Один из видов презентации на компьютере это набор слайдов, которые можно выводить последовательно друг за другом. Часто такое компьютерное произведение.
Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл.
Транксрипт:

Cold Fusion 4.5 Спецификация HTML Настройка БД Схема работы ColdFusion CFML Примеры программ Федерация Интернет Образования г. Красноярска Автор презентации: Беляев С.Н.

Понятие гипертекстового документа С появлением новых технологий и ростом числа вычислительной техники, растет потребность обмена информацией с использованием ЭВМ. Эта задача решается путем объединения компьютеров в единую глобальную сеть, называемую Internet. В данном направлении большую популярность обрела так называемая www-технология, как средство получения информации путем перемещения по гипертекстовым документам. Гипертекстовый документ может содержать текстовую, графическую, звуковую информацию, а самое главное, он содержит ссылки на другие аналогичные ему документы, используя которые можно перемещаться с одного документа на другой. Каждый такой документ имеет адрес. Например: Основной особенностью таких страниц является возможность переадресации на подобные страницы путем задания ссылок.

Пример файла в формате HTML Example Page Hello World ! Просмотр таких страниц осуществляется с помощью специальных программ, называемых браузерами. Наиболее распространенным браузером на сегодняшний день является Internet Explorer.

Теги языка HTML Все элементы страницы формата HTML представляются в виде тегов. Перечислим наиболее часто используемые теги. Ссылка на документ: Ссылка В данном примере на странице отображается текст Ссылка, который отражается характерным цветом. При нажатии на данный текст осуществляется переход на документdirect.html Свойства текста: Text Здесь SIZE – размер шрифта(от 1 до 7), COLOR – цвет - переход на следующую строку - горизонтальная линия

Теги языка HTML Вставка графического изображения: Таким образом можно встраивать графические файлы в форматах gif и jpg. В данном примере реализована вставка изображения из файла image.jpg. border и alt – необязательные параметры, означающие толщину рамки рисунка и подсказку, которая отражается при наведении курсора мышки на изображение. Форматированный вывод элементов страницы по центру: … Бегущая строка: Бегущая строка Форматированный текст: Text

Таблицы Для структурированного вывода данных часто приходиться прибегать к использованию таблиц. Язык HTML поддерживает такую возможность и реализует ее при помощи тэга.... В таблицах доступны следующие тэги и свойства: - ширина границ таблицы - ширина и высота таблицы, можно определять эти параметры в процентах от размера экрана, в этом случае нужно использовать знак «%» - расположение таблицы на экране, возможные значения: LEFT, RIGHT, CENTER, MIDDLE и BOTTOM. - расстояние между ячейками и дополнение ячеек... - заголовок таблицы... - строка таблицы... - ячейка - количество объединенных в строке ячеек в одну - количество объединенных в столбце ячеек в одну - цвет фона ячейки

Примеры таблиц Table

Таблица с объединенными ячейками Table2 Table

Пример сложной таблицы Table

Пример формы-бланка Логин: Пароль:

Использование флажков и переключателей Использование флажков(CheckBox) и переключателей(Radio) Выберите любимые цвета: красный зеленый синий Ваш пол: мужской женский

Списки и раскрывающиеся меню Выберите любимые цвета: красный зеленый синий Ваш пол: мужской женский

Область ввода текста Получение расширенных данных

Основы ColdFusion ColdFusion – одна из новинок в веб-программировании, технология более высокого уровня чем CGI и PHP. ColdFusion устанавливается как под Unix(Apache), так и под Windows98 и Windows XP(WebSite). Данная технология идеальна для работы с БД, поскольку механизм работы с ними максимально упрощен. Программы на ColdFusion хранятся в файлах с расширением *.cfm, которые представляют собой файлы с кодом html с дополнительными тегами ColdFusion, которые имеют характерное название, начинающееся на CF.

Схема работы ColdFusion

Установка ColdFusion Для установки работы с ColdFusion необходимо установить один из www-серверов, поддерживающих данную программную разработку. Наиболее простой вариант установки предполагает внедрение ColdFusion в WebSite 2.0. Дело не только в том, что WebSite прост в установке сам по себе, основным аспектом данной рекомендации является тот факт, что ColdFusion предполагает установку в первую очередь именно под этот сервер, поэтому при установке под WebSite достаточно подтвердить тот факт, что установка происходит именно под этот сервер, тогда в этом случае программа установки автоматически настраивает ваш www-сервер под ColdFusion. Для разработки приложений на ColdFusion рекомендуется использовать специальную среду для написания программ, именуемую ColdFusion Studio, которая специально для этого предназначена. После установки всех программ для работы сервера необходимо запустить файлы серверов. Как правило, речь идет о следующих файлах: 1) C:\WebSite\httpd32.exe - www-сервер WebSite 2.0 2) C:\CFUSION\BIN\cfserver.exe - сервер ColdFusion 4.5 После запуска данных программ на вашем компьютере работает веб-сервер с поддержкой файлов.cfm программного пакета ColdFusion

Настройка БД ColdFusion Для работы с базами данных в ColdFusion предусмотрена система псевдонимов (alias). Псевдоним БД – это имя некоторой базы данных, которое прописывается в настойках таким образом, что для обращения к таблицам данной базы достаточно указать alias. Это удобство позволяет легко менять тип БД, не меняя текста программ. Рассмотрим принцип определения псевдонима некоторой БД Microsoft Access, хранящейся в некотором файле school.mdb. Предположим, мы хотим чтобы псевдоним school соответствовал данной БД. Для этого необходимо запустить веб-сервер и сервер ColdFusion. Затем выбрать в меню следующий пункт: Пуск\Программы\ColdFusion Server 4.5\ColdFusion Administrator Откроется диалоговое окно, в котором нужно будет ввести пароль администратора, который был задан при установке ColdFusion и нажать «Password». Далее в разделе «Data sources» нужно выбрать ODBC. Откроется раздел администрирования псевдонимов, в котором и следует прописать alias.

Настройка БД ColdFusion Для добавления псевдонима в поле Data Source Name следует прописать имя. Например, можно указать алиас source. Поскольку данная БД создана Microsoft Access, то в поле ODBC Driver ничего менять не нужно (данное значение стоит по умолчанию). Для добавления нужно нажать Add. Появится форма ввода данных для псевдонима. Здесь в поле DataBase File нужно указать полный путь(на локальном компьютере) к файлу school.mdb. После чего произойдет связывание псевдонима с файловой БД. При описании псевдонима нужно следить, чтобы после добавления в поле Verify стояло значение Verify. Значение Failed указывает на ошибку. В большинстве случаев причина в неверном указании пути к файлу, либо в неверном формате БД. После описания псевдонимов, можно писать программы, использующие данные БД.

Пример программы x = y = #x#*#y#=#z#

Вход по паролю Добро пожаловать! Неверный логин или пароль Логин: Пароль: Следующий пример программы демонстрирует возможность реализации входа по паролю:

Теги языка CFML Приведем описание наиболее часто используемых тегов языка CFML: - определение переменной, оператор присваивания - включение файла в код программы - переадресация по указанному адресу … - вывод данных, при этом для вывода значений переменных используется запись #var#, таким же образом в ColdFusion принимаются входные параметры, переданные из формы … - цикл с параметром … … - условный оператор (можно без ) - присвоение значения неопределенной переменной … - определение запроса на языке SQL к базе данных, имеющей псевдоним alias … - вывод результатов запроса по заданному имени, при выводе значения полей записей извлекаются как #field_name# - вставка записи в таблицу - изменение полей таблицы

Пример программы с БД SELECT id,fio,subject FROM teacher Ф.И.О. Предмет #id# #fio# #subject#

Использование сессий Как и во многих программных средствах создания динамических страниц в ColdFusion есть возможность использовать сессии. В сессии возможно хранение значений, которые доступны в любом.cfm – файле. Каждая сессия характеризуется именем приложения(AppName) и сохраняется в течении некоторого времени, которое можно указать, используя поле sessionTimeout в следующем теге CFML: Далее в данном файле возможна запись и извлечение значений из сессии следующим образом: Использование сессий удобно при хранении таких значений как имя пользователя и пароль при навигации по различным программам, где требуется идентификация пользователей.

Переменные окружения При написании программ иногда полезно извлекать некоторую информацию о пользователях, выполняющих программу. Например, можно узнать IP-адрес пользователя или тип и версию браузера, которым он пользуется. Все это можно сделать, используя переменные окружения. Следующий пример демонстрирует эту возможность: REQUEST_METHOD =#CGI.REQUEST_METHOD# QUERY_STRING =#CGI.QUERY_STRING# CONTENT_LENGTH =#CGI.CONTENT_LENGTH# CONTENT_TYPE =#CGI.CONTENT_TYPE# GATEWAY_INTERFACE =#CGI.GATEWAY_INTERFACE# REMOTE_ADDR =#CGI.REMOTE_ADDR# REMOTE_HOST =#CGI.REMOTE_HOST# SCRIPT_NAME =#CGI.SCRIPT_NAME# SCRIPT_FILENAME =#CGI.SCRIPT_FILENAME# SERVER_NAME =#CGI.SERVER_NAME# SERVER_PORT =#CGI.SERVER_PORT# SERVER_PROTOCOL =#CGI.SERVER_PROTOCOL# SERVER_SOFTWARE =#CGI.SERVER_SOFTWARE# HTTP_ACCEPT =#CGI.HTTP_ACCEPT# HTTP_USER_AGENT =#CGI.HTTP_USER_AGENT#

Работа со строками - сложение строк Replace(string, substring1, substring2 ) - функция, заменяющая в строке sring все вхождения подстроки sunstring1 строкой substring2. Функция возвращает соответствующую строку результата замены. Left(string, count) – возвращает строку состоящую из count первых символов строки string Right(string, count) – возвращает строку состоящую из count последних символов строки string Insert(substring, string, position) – вставка строки substring в строку string, начиная с позиции с номером position. Функция возвращает результат вставки. Find(substring, string ) – поиск подстроки substring в строке string. Если такая строка встречается, то функция возвращает номер позиции первого вхождения подстроки, в противном случае функция вернет 0 Следующая функция позволяет заменять спецсимволы,& на специальные конструкции, что позволит избежать работу тегов в тексте: ReplaceList(string, "&, ", "&,<,>")

Конец курса Курс методистов интернет-образовния Федерация Интернет-образования