Курсовая работа: Информационно-обучающий сайт по ТОЭ/ТЭЦ

Информационно-обучающий сайт по ТОЭ/ТЭЦ

Содержание

• Заголовок первого уровня
• вы можете разделить текст горизонтальной чертой. Формат тэга: : Все формы начинаются тэгом и звершаются тэгом . Элементы_формы_и_другие_элементы_HTML METHOD Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями: GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется. POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды ACTION ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форм INPUT Тэг используется для ввода одной строки текста или одного слова. Атрибуты тэга: CHECKED - означает, что CHECKBOX или RADIOBUTTON будет выбран. MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов броузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности. NAME - имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле. SIZE - определяет визуальный размер поля ввода на экране в символах. CHECKBOX Используется для простых логических (BOOLEAN) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую CGI-программу, может принимать значение ON или OFF. HIDDEN Поля данного типа не отображаются броузером и не дают пользователю изменять присвоенные данному полю по умолчанию значение. Это поле используетс для передачи в CGI-программу статической информации, как то ID прользователя, пароля или другой информации. PASSWORD То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране. RADIO Данный атрибут позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE="RADIO" с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME=VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME) автоматически станут невыбранными на экране. RESET Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию. SUBMIT Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы. Атрибут VALUE может содержать строку, которая будет высвечена на кнопке. TEXT Данный тип поля ввода описывает однострочное поле ввода. Используйте атрибуты MAXLENGTH и SIZE для определения максимальной длинны вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов). VALUE - присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен) Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм. Введите ФИО: Введите email: Укажите тип доставки: Срочная Обычная Введите свой домашний адрес: Введите условие задачи: Основные тэги таблицы Таблица: ... Это основные тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER. Строка таблицы: ... Количество строк таблицы определяется количеством встречающихся пар тэгов ... Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице. Ячейка таблицы: ... Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN = left и VALIGN = middle. Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки. Основные атрибуты таблицы BORDER Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы в целом. BORDERможет принимать числовое значение, определяющее ширину границы, например BORDER=3. ALIGN Если атрибут ALIGN присутствует внутри тэгов и , то он определяет положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top. Если атрибут ALIGN встречается внутри, или , он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру). VALIGN Данный атрибут встречается внутри тэгов , и . Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху). COLSPAN Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании - 1. ROWSPAN Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании - 1. CSS Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик надо всего один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного. Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web ­страниц. И еще одно, связанное с этим, преимущество – возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле. Практическое освоение CSS Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега , располагающегося внутри тега : link href="css.css" rel=stylesheet type="text/css"> Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF= «URL» – указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу – в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются – или полный URL («http://...») в случае, если файл стилей находится на другом сервере. Пример описания стилей для подкласса «а», и заголовка 2 уровня:. a{ font-family:Constantia, Monotype Corsiva; padding:15px 30px; font-size:15px; text-align:left; letter-spacing:1px; word-spacing:3px; font-stretch:wider; text-align:justify; color:#303030; }h2{ font-family:Monotype Corsiva; font-size:30px; text-align:left; letter-spacing:1px; word-spacing:3px; text-align:center; color:#386c00; font-family - ипользуется для указания шрифта или шрифтового семейства, которым будет отображаться элемент. font-weight - определяет степень жирности шрифта с помощью трех параметров: lighter, bold, bolder font-size - устанавливает размер шрифта. Параметр может указываться как в относительной (проценты), так и абсолютной величине (пункты, пикселы, сантиметры) color - определяет цвет элемента text-decoration - устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркнутый текст text-align - определяет выравнивание элемента. word-spacing – определяет расстояние между словами letter-spacing – определяет расстояние между буквами PHP5 (Hypertext Preprocessor): один из наиболее популярных сценарных языков ввиду своей простоты, скорости выполнения, богатой функциональности и распространенности исходных кодов на основе лицензии PHP. Для работы программы на PHP не требуется описывать какие-либо переменные, используемые модули, и т.п. Любая программа может начинаться непосредственно с оператора PHP. Программы PHP могут выполняться двумя способами: как сценарное приложение Web-сервером и как консольные программы. Поскольку, нашей задачей является программирование web-приложений, мы преимущественно будем рассматривать первый способ. Дело в том, что на PHP, как правило, используется сугубо для программирования приложений, связанных с Интернетом. Однако, PHP можно еще использовать в качестве интерпретатора командной строки, в основном в *nix-системах. При таком использовании PHP возможно решение следующих задач: создание приложений интерактивной командной строки; создание кросс-платформенных GUI приложений при помощи библиотеки PHP-GTK; автоматизация некоторых задач под Windows и Linux Рассмотрим процесс выполнения php-сценария при обращении броузера к серверу. Итак, вначале броузер запрашивает страницу с расширением .php, после чего web-сервер пропускает программу через машину PHP и выдаёт результат в виде html-кода. Причем, если взять стандартную страницу HTML, изменить расширение на .php и пропустить её через машину PHP, последняя просто перешлёт её пользователю без изменений. Чтобы включить в этот файл команды PHP, необходимо заключить команды PHP в специальные теги: или Имена переменных начинаются с символа $, тип переменной объявлять не требуется. В отличие от имён функций и классов, имена переменных чувствительны к регистру. Переменные обрабатываются в строках, заключённых в двойные кавычки. Инструкции завершаются точкой с запятой (;) PHP является языком программирования с динамической типизацией, не требующим указания типа при объявлении переменных, равно как и самого объявления переменных. Преобразования между скалярными типами может осуществляться автоматически (хотя и имеются возможности для явного преобразования типов). К скалярным типам данных относятся целый тип (integer), вещественный тип данных (float, double), логический тип (boolean), строковый тип (string) специальный тип NULL. К нескалярным типам относится «ресурс» (resource), массив (array) и объект (object). Среди наиболее часто используемых возможностей PHP стоит отметить следующие: имеется большой набор функций для работы со строками; работа с регулярными выражениями PCRE. работа с базами данных, осуществляемая посредством модулей: php5-mysql для MySQL, php5-pgsql для PostgreSQL и др. для PHP разработаны средства шаблонирования веб-страниц, позволяющие эффективно разделить представление от модели, например Smarty; имеется библиотека для работы с графическими изображениями GD, позволяющая производить преобразования с графическими файлами, и создавать изображения «на лету». Вот пример формы, которая передает эти пременные: Введите ФИО: Введите email: Укажите тип доставки: Срочная Обычная Введите свой домашний адрес: Введите условие задачи: Переменные от формы скрипту могут передаваться двумя методами, это: POST и GET. К операторам выбора относят: условный оператор (if...else) и переключатель (switch). Синтаксис условного оператора: if(condition) statement 1 else statement 2 Условие condition может быть любым выражением. Если оно истинно, то выполняется оператор statement1. В противном случае выполняется оператор statement2. Допустима сокращенная форма записи условного оператора, в которой отсутствуют else и оператор statement2, напимер: if (!empty($regis)){…} else{…} В данном проекте также использовалась возможность работы с базами данных: MySQL – это одна из самых популярных и самых распространенных СУБД (система управления базами данных) в интернете. Она не предназначена для работы с большими объемами информации, но ее применение идеально для интернет сайтов, как небольших, так и достаточно крупных. MySQL отличатся хорошей скоростью работы, надежностью, гибкостью. Работа с ней, как правило, не вызывает больших трудностей. Поддержка сервера MySQL автоматически включается в поставку PHP. Немаловажным фактором является ее бесплатность. MySQL распространяется на условиях общей лицензии GNU (GPL, GNU Public License). Структурированный язык запросов SQL позволяет производить различные операции с базами данных: создавать таблицы, помещать, обновлять и удалять из них данные, производить запросы из таблиц и т.д. Далее мы последовательно рассмотрим все эти операторы. CREATE DATABASE Эта команда создает новую базу данных: CREATE DATABASE db_name; Здесь db_name является именем создаваемой базы данных. Для того чтобы создать новую базу данных forum, наберите в строке-приглашении клиента MySQL mysql> эту команду и укажите название базы данных: mysql> CREATE DATABASE forum; CREATE TABLE Команда CREATE TABLE создает новую таблицу в выбранной базе данных и которая в простейшем случае имеет следующий синтаксис: CREATE TABLE table_name [(create_definition, ...)] Здесь table_name - имя создаваемой таблицы ALTER TABLE
• DROP TABLE
• DROP DATABASE
• INSERT INTO…VALUES
• DELETE
• SELECT
• lessons.php