Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Кафедра Автоматизированных систем обработки информации и управления

Специальность 230103 «Автоматизированные системы обработки информации и управления»

Курс 4 Группа 4АС

ДИПЛОМНЫЙ ПРОЕКТ

Тема: «Сайт муниципального общеобразовательного учреждения школы №1 города Фролово»

Студент Володькова Евгения Викторовна

Руководитель заведующий кафедрой АСОИУ

Пилипюк Юрий Иванович

Работа допущена к защите:

Заведующий кафедрой

Автоматизированных систем обработки

информации и управлении

________________ Ю. И.Пилипюк

«___» _________ 2009 г.

г. Волгоград 2009 г

Содержание

1. Задание на дипломный проект

2. График работы над дипломным проектом

3. Отзыв на выпускную квалифицированную работу

4. Рецензия на выпускную квалифицированную работу

5. Аннотация

6. Пояснительная записка к дипломному проекту

7. Программный продукт.

Аннотация

Темой данного дипломного проекта является создание сайта общеобразовательной школы №1 города Фролово. В ходе выполнения проектирования была проведена работа по сбору, анализу и систематизации материалов, входящих в состав Web-сайта. По результатам анализа материала составлен план создания сайта и определены его направления и выполнено его структурирование.

В результате дипломного проектирования разработан комплекс php-страниц, которые расположены в иерархическом порядке, согласно разработанной структуре электронного сайта. Сайт, готовый к публикации в Интернет, содержащий нужную информационную базу.

Сайт основан на унифицированной структуре информации, а средства навигации интуитивно понятны и позволяют иметь оперативный доступ к любой нужной информации жизни школы.

При создании Web-сайта был выбран язык программирования php.

В качестве средств создания сайта применялось следующее программное обеспечение:

- текстовый процессор Microsoft Word из пакета Microsoft Office 2003;

- редактор Web-страниц Dreamweaver 8;

- Web - сервер Apache;

- язык программирования php;

- браузер Internet Explorer.

Созданный Web-сайт муниципального общеобразовательного учреждения школы №1 города Фролово содержит:

html-страниц - 7;

php-страниц - 10;

графических объектов - 1.

НЕГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

«ВОЛГОГРАДСКИЙ ИНСТИТУТ БИЗНЕСА»

Кафедра Автоматизированных систем обработки информации и управления

Специальность 230103 «Автоматизированные системы обработки информации и управления»

Курс 4 Группа 4АС

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА К ДИПЛОМНОМУ ПРОЕКТУ

«Сайт муниципального общеобразовательного учреждения школы №1 города Фролово»

Студент Володькова Евгения Викторовна

Руководитель заведующий кафедрой АСОИУ

Пилипюк Юрий Иванович

г. Волгоград 2009 г.

Содержание

Введение

1. Основная часть

1.1 Актуальность и практическая значимость создания сайта

1.2 Анализ предметной области

1.3 Средства реализации

2. Реализация проекта

2.1 Структура сайта

2.2 Программная реализация

Заключение

Список используемой литературы

Введение

Наступила эра новых информационных и коммуникационных технологий, которая принесла значительные изменения в сферу производства, образования и деловой активности людей. Общество, в котором мы живём, приобретает всё больше черт информационного и это сказывается во всех сферах жизни. Сферу образования можно назвать передним флангом, который принимает на себя основной удар наступления информационных технологий.

Все сходятся во мнении, что Интернет стимулирует процесс развития интеллектуальных способностей, предоставляя массу дополнительной информации.

В то же время отмечается, что Интернет является лишь средством в учебном процессе и использование Интернет-технологий должно полностью контролироваться учителем, при этом к учителю предъявляются такие требования, как: компьютерная грамотность и знание Интернет-технологий. Учителей не может не волновать проблема повышения своей квалификации и, следовательно, уровня образования в целом.

Наступило время переосмысления, расширения традиционных направлений обучения, поиск новых методов и приёмов заинтересовать детей к учёбе. Таким образом, сегодня является актуальным вопрос о необходимости и перспективах создания школьного сайта, сайта как «визитка», сайта как инструмент внутри- и внешкольного взаимодействия. Иметь школе собственную страничку в мировой сети не только престижно, но и удобно. Сайт связывает в единую цепь учеников, родителей и учителей школы, сближая всех общими интересами.

Исходя из вышесказанного считается, что школьный Web-сайт актуален и в данный момент требует разработки и совершенства.

Цель работы:

1. Создание и разработка Web-сайта муниципального общеобразовательного учреждения школы №1 города Фролово.

2. Посредством сайта школы установить дополнительную связь между учениками, родителями и учителями.

Объект исследования: процесс создания и разработки сайта, проектирование веб-страниц, функционирующих в Интернете.

Предмет исследования: Сайт муниципального общеобразовательного учреждения школы №1 города Фролово.

Гипотеза исследования: Если школа будет иметь свой сайт в Интернете, то повысится имидж школы, установится взаимодействия с другими образовательными учреждениями, повысится учебно-воспитательная работа, повысится интерес родителей к школе.

В соответствии с целью, объектом и предметом исследования, были поставлены следующие задачи:

- изучить теоретический материал по данной работе;

- глубже изучить язык программирования php;

- сделать обзор программ и выбрать наиболее подходящую программу для разработки школьного сайта.

В ходе исследования были применены следующие методы исследования:

- анализ информационно-технологического исследования;

- анализ программ веб-редакторов, графических редакторов;

- опрос;

- наблюдение.

1. Основная часть

1.1 Актуальность и практическая значимость создания сайта

Создание сайтов является актуальной задачей на современном этапе преобразования Российской системы образования. Это связанно с тем, что их создание играет важнейшую роль в информационных технологиях учреждения. Способствуют лучшему контролю деятельности учреждения, его пропаганде, то есть возможности выбора учащимися лучших образовательных услуг. Создание сайтов образовательных учреждений и помещение их в Интернет давно завоевало популярность в странах Запада и Америки, и с 90х годов стало актуально и в России. Многие ведущие учреждения страны отдают этому предпочтение, так как спрос на эффективное образование неуклонно растет.

Еще одно немаловажное достоинство данного проекта состоит в том, что оно будет располагаться на сервере, к нему будут иметь доступ все кому нужна такого рода информация, что экономит средства учебного заведения. Сайт будет постоянно пополнятся и приобретать новые возможности, что не позволит ему потерять свою актуальность и востребованность.

Практическая значимость работы состоит в разработке и создании школьного веб-сайта фроловской общеобразовательной школы.

Иметь школе свой собственный сайт это иметь собственное СМИ! То - есть свое средство информации, и часто лучшее, чем обычные газеты, потому что сайт оперативнее, с намного большими возможностями. Школьный сайт - визитная карточка школы, элемент образовательной Интернет-системы, точка внутришкольного взаимодействия. Сайт создает новые возможности взаимодействия в образовательном процессе. Например, общение учеников, возможность анонимных вопросов в кризисных ситуациях, организация дистанционного обучения для учеников отсутствующих в школе. Сайт полезен для профессиональной рефлексии школы. Новостная лента - летопись жизни коллектива с оценкой событий и срезом мнений. Школьный сайт - коммуникативный инструмент для администрации, педагогов, учеников и родителей, работников образования и культуры. В этом качестве сайт способствует повышению открытости образовательного учреждения.

1.2 Анализ предметной области

Веб-узел (веб-сайт) - это совокупность веб-страниц и иных ресурсов, соединенных по смыслу, связанных гиперссылками и физически находящихся на одном сервере. Веб-сайт - это единый информационный блок.

Сеть Интернет состоит из огромного количества соединённых между собой компьютеров, маршрутизаторов и прочего, нужного для правильной работы. Каждый элемент сети Интернет (узел) обладает уникальным описателем - IP-адресом. Зная IP-адрес узла можно попробовать подключиться к нему, а имея небольшие навыки можно определить кому этот адрес принадлежит и в каком регионе мира находится. IP-адреса принято записывать в виде четырёх групп цифр, разделённых точками, например

192.168.100.003 или 10.10.0.123

Запомнить адреса всех часто посещаемых страниц практически невозможно, поэтому в сети Интернет существуют специальные сервера DNS (Domain Name Resolution), на которых хранятся списки сопоставления IP-адресов и символьных имён. Именно благодаря эти серверам пользователь всегда попадает по нужному IP-адресу, набрав в браузере только имя странички.

После того, как мы ввёли в строку браузера имя нужной странички, браузер самостоятельно получает из DNS IP-адрес нужного сервера и посылает по этому адресу специальный запрос на получение странички (HTTP-запрос). Работающая на сервере специализированная программа (т.н. Web-сервер) обрабатывает этот запрос и возвращает в браузер требуемую страницу.

Очевидно, что все действия по отображению страницы можно однозначно разделить на две категории: выполняемые на стороне клиента (клиентский код или front-end) и выполняемые на стороне сервера (серверный код или back-end). Причем сервер ничего не знает о текущем состоянии клиента, а клиент - о текущем состоянии сервера. При разработке алгоритмов обмена надо всегда помнить об этом и своевременно передавать нужные данные, описывающие состояние или требуемое действие.

В зависимости от места применения различаются и средства реализации частей. На стороне клиента как правило используется только HTML, JavaScript (AJAX), CSS и Flash.

Язык программирования JavaScript

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющих как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис языка Java - поэтому его часто называют Java-подобным. Клиентские приложения выполняются браузером просмотра Web-документов на машине пользователя, серверные приложения выполняются на сервере.

При разработке обоих типов приложений используется общий компонент языка, называемый ядром и включающий определения стандартных объектов и конструкций (переменные, функции, основные объекты и средство LiveConnect взаимодействия с Java-апплетами), и соответствующие компоненты дополнений языка, содержащие специфические для каждого типа приложений определения объектов.

Клиентские приложения непосредственно встраиваются в HTML-страницы и интерпретируются браузером по мере отображения частей документа в его окне. Серверные приложения для увеличения производительности предварительно компилируются в промежуточный байт-код.

Основные области использования языка JavaScript при создании интерактивных HTML-страниц:

Динамическое создание документа с помощью сценария

Оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер

Создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа

Взаимодействие с пользователем при решении “локальных” задач, решаемых приложением JavaScript, встроенном в HTML-страницу.

Язык программирования PHP

Синтаксис PHP подобен синтаксису языка C#. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl.

Для работы программы не требуется описывать какие-либо переменные, используемые модули, и т. п. Любая программа может начинаться непосредственно с оператора PHP.

Простейшая программа Hello world на PHP выглядит следующим образом:

<?php

echo 'Hello, world!';

?>

PHP исполняет код, находящийся внутри ограничителей, таких как <?php ?>. Всё, что находится вне ограничителей, выводится без изменений. В основном, это используется для вставки PHP-кода в HTML-документ, например так:

<html>

<head>

<title>Тестируем PHP</title>

</head>

<body>

<?php echo 'Hello, world!'; ?>

</body>

</html>

Помимо ограничителей <?php ?>, допускается использование дополнительных вариантов, таких как <? ?> и <script language="php"> </script>. Кроме того, до версии 6.0 допускается использование ограничителей языка программирования ASP <% %> (конструкции <? ?> и <% %> могут быть выключены в конфигурационном файле php.ini).

Имена переменных начинаются с символа $, тип переменной объявлять не нужно. В отличие от имён функций и классов, имена переменных чувствительны к регистру. Переменные обрабатываются в строках, заключённых в двойные кавычки, и heredoc-строках (строках, созданных при помощи оператора <<<).

PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом. Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев.

Поддержка всевозможных баз данных и очень лёгкая работа с ними - также одна из сильных сторон PHP.

Его можно использовать во всех популярных операционных системах: Microsoft Windows, Linux, Unix, Solaris, OpenBSD, Mac OS X.

PHP поддерживается большинством существующих веб-серверов: Apache, Microsoft Internet Information Server, Personal Web Server и многие другие. В остальных, поддерживающих стандарт CGI, PHP может работать как CGI-процессор.

Разработчики серверной части менее стеснены в средствах, т.к. большая часть существующих языков позволяет создавать или описывать HTML-страницы. Наиболее широко распространённы сейчас Java, Perl, PHP, Python, Ruby, C# и asp.net. Каждый из них имеет свои сильные и слабые стороны, поэтому разработчик должен сделать выбор исходя из стоящих перед ним задач.

1.3 Средства реализации

Язык программирования PHP

Для написания сайта из ряда языков программирования был выбран язык PHP. Есть несколько главных причин почему именно PHP выбился в лидеры по популярности в использовании:

- Простота. Язык очень легко воспринимается, особенно начинающими программистами.

- Скорость разработки. Благодаря простоте и интуитивной понятности, PHP позволяет очень быстро создавать довольно сложные сайты.

- Наличие библиотек. Существует огромное количество готовых примеров и библиотек классов. Созданы и проверены сотни библиотек.

- Поддержка. Практически любой сервер в Интернете поддерживает PHP

- Безопасность. PHP позволяет создавать действительно защищённые сайты благодаря встроненной поддержке шифрования данных при хранении и передаче.

И, конечно главной причиной, почему был выбран именно этот язык программирования - это то, что этот язык изучался практически на занятиях.

Однако за свои преимущества PHP платит некоторыми органичениями. Например, использовать PHP для доступа к системным функциям очень неудобно по сравнению с Perl или Python (поэтому многие системные администраторы так любят Perl).

PHP относится к группе так называемых "интерпретируемых" или "скриптовых" языков. Это означает, что файл с командами PHP хранится на сервере просто как текстовый файл, а специальная программа-интерпретатор выполняет его ("интерпретирует") каждый раз, когда пользователь запросил страницу, связанную с этим скриптом.

На самом деле всё обстоит несколько сложнее: интерпретатор сначала производит синтаксический анализ всех задействованных файлов, потом проводит компиляцию исходных текстов, и только после этого выполняет скомпилированный код. Под компиляцией в PHP понимается перевод скрипта из текстового представления во внутренний формат интерпретатора.

Неоспоримое достоинство PHP (как и любого скриптового языка) - возможность быстрого исправления ошибок кода "на лету". Т.е. не нужно устанавливать и запускать специальный редактор типа Visual Studio и перекомпилировать весь исходный код. Достаточно подключиться к серверу, открыть файл скрипта в обычном блокноте и исправить ошибку.

В принципе, любой, даже очень сложный сайт можно сделать в стандартном блокноте. Только это займёт очень много времени и сил. Специально созданы специальные программы-редакторы, существенно ускоряющие процесс разработки. Вот некоторые из них: PHP Designer, Delphi for PHP и Zend Studio.

PHP Designer - программа наиболее лёгкая в освоении, но и наиболее бедная по функциям. В программу заложена подсветка синтаксиса всех основных web-языков, легко ставится и настраивается. Наверное, лучший вариант для разработки одностраницных скриптов. Из недостатков можно отметить очень слабую поддержку многофайловых проектов, отсутствие средств для работы с базами данных, слабая поддержка контекстной справки и автодополнения.

Delphi for PHP - более комплексное решение, предоставляемое компанией CodeGear. Главное отличие от всех остальных продуктов - возможность графического проектирования интерфейсов с описанием событий. Все необходимые функции будут добавлены стандартными библиотеками, входящими в состав Delphi for PHP. Серьёзных недостатков у Delphi for PHP не отмечено, программа удобная в работе, с понятным и настраиваемым интерфейсом, есть встроенный веб-сервер для отладки скриптов. Огорчает только слишком сильная привязанность к собственным классам и библиотекам.

Zend Studio. Авторы этой IDE - разработчики PHP и всевозможных средств для работы с ним. Zend Studio одинаково хорошо подходит как для разработки одностраничных скриптов, так и для разработки сложных порталов с сотнями файлов кода. Подсветка синтаксиса большинства Web-языков, возможность локальной и удалённой отладки скриптов, удобное автодополнение, возможность работы с базами данных и множество других преимуществ.

Выбор Web-сервера, наверное, самая простая задача. Для Windows есть всего 2 серьёзные альтернативы: "Internet Information Server (IIS)" или Apache.

IIS - разработка Microsoft и легко интегрируется в Windows, но нормально настраивается и работает только в семействе Windows Server. Кроме того, для качественной настройки IIS нужно иметь определённый опыт и знания.

Apache (читается - "апач") - это веб-сервер с открытым исходным кодом, популярный во всём мире. Причин популярности несколько. Первая и основная - кроссплатформенность. Apache может быть установлен практически на любой ОС. Сейчас Apache ставится как на обычных персональных, так и на крупных серверах. Вторая причина популярности - простая расширяемость. Для Apache уже создано огромное число стандартных библиотек, позволяющих решать практически любые стандартные (и не очень) задачи. Третья причина - простота начальной установки и настройки. Все параметры конфигурации хранятся в соответствующих конфигурационных файлах. Пользователь может по своему усмотрению менять даже самые тонкие настройки сервера. Правда, есть в таком подходе существенный недостаток - после сохранения изменений в файле, нужно перезапустить службу сервера.

Для отладки сайта был использован установочный пакет Denwer, так как он содержит все необходимые элементы: Apache, PHP, Perl и некоторые другие компоненты.

Текстовый процессор Microsoft Word из пакета Microsoft Office 2003 - мощный текстовый редактор, позволяющий быстро создать документ любой сложности из разрозненных заметок и довести до совершенства информационный бюллетень или брошюру . Был использован этот текстовый редактор для редактирования информации в электронном виде и исправления ошибок. Выбран потому, что редактор Word фирмы Microsoft является сегодня самой популярной в мире программой. Word начинен "быстрыми" командами и самыми современными средствами, такими как встроенная программа проверки правописания и словарь синонимов, которые помогают вам грамотно составлять документы, и готовыми шаблонами, позволяющими вам сводить воедино заметки, письма, счета и брошюры без больших усилий.

Macromedia Dreamweaver 8

Программный продукт Dreamweaver 8 - это визуальный редактор гипертекстовых документов. Эта совершенно корректная классификационная формулировка не способна точно передать существо дела. Мощная профессиональная программа Dreamweaver 8 обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования, отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов.

Выбран редактор гипертекстовых документов Dreamweaver 8 потому, что это наиболее корректно работающая версия программы, по этой программе имеется огромное количество литературы, она наиболее проста в использовании, интерфейс удобен для работы, поддерживает несколько форматов гипертекстовых документов.

В Dreamweaver 8 была создана основная часть дипломного проекта. С помощью этой программы была построена структура сайта, выполнена разметка страниц, информация переводилась в HTML формат. Так же выполнялось редактирование скриптов т.к. Dreamweaver 8 позволяет работать в двух режимах одновременно. Текстовая информация на страницах выделялась разными шрифтами и цветами, что позволяет сделать их более красочными. Так же в нем имеется возможность работы с несколькими HTML документами одновременно, что позволяет увеличить скорость редактирования.

2. Реализация проекта

2.1 Структура сайта

Структура сайта была разработана в соответствии с требованиями заказчика, она позволяет найти нужную информацию и имеет удобный интерфейс.

При проектировании структуры сайта необходимо было решить какая из информаций будет главной. После того, как выявлена главная информация нужно установить связь между ее разделами. Структура сайта построена на гиперссылках. Каждая гиперссылка указывает переход на нужную страницу, таким образом, задается порядок страниц и их структура. Так выглядит главная страница сайта:

Рисунок 1. Главная страница программного продукта

На главной странице сайта отражена информация о месторасположении главного здания и филиала школы, а также как связаться с администрацией. Меню сайта имеет следующие гиперссылки:

1. Новости - содержит информацию о внутришкольной жизни учреждения;

2. Гостевая книга - в ней ученики школы могут оставлять мнения и пожелания;

3. Обратная связь - своеобразный чат, предназначенный для общения школьников и всех желающих;

4. История школы - естественно каждый должен ознакомиться с историей учреждения, в котором проводит основную часть времени целых 11 лет;

5. Устав - необходимая информация, из которой все узнают о своих правах и обязанностях;

6. Наша гордость - заслуженными грамотами и лучшими учителями нужно гордиться!

7. Кружки - информация для родителей, чем они хотят занять своих детей в свободное от учебы время;

8. О, спорт! - в школе развиваются не только умственные, но и физические и творческие способности!

9. Музей - ребята сами создавали этот музей, тем самым показывая свое уважение и почет ветеранам.

10. Документы по НСОТ - документация, содержащая информацию об управляющем совете, смене директоров, начислении заработной платы и так далее, всю эту информацию можно скачать себе на компьютер.

2.2 Программная реализация

Физически сайт содержит корневую папку (site), внутри которой находятся файлы - footer.php, guest.php, header.php, index.php, main.php, page.php, mail.php, news.php и папки - dat, includes, word, img, page.

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Рисунок 2. Структура программного продукта

Программной основой сайта является таблица, которая формируется из четырех основных блоков, каждый из которых несет свою непосредственную роль в создании страниц сайта.

Первый блок - это файл index.php, главный файл с текстом страницы при загрузке.

Второй блок - это header.php, файл занимающийся началом создания таблицы и заполнением ее первой строки, то есть шапки.

Третий блок - main.php, файл предназначенный для продолжения создания таблицы и заполнением первой ячейки ее второй строки, то есть меню.

Четвертый блок - это footer.php, файл предназначенный для завершения создания таблицы и заполнением ее последней строки, то есть низа.

Такие файлы, как Common.php, Config.php, Base.dat, Page.dat отвечают за управление сайтом. Подключение всех файлов происходит с помощью процедуры include "file_name" - где имя файла указывается вместе с относительным путем.

Файл Base.dat содержит информацию о внесенных данных в гостевую книгу - ник гостя, дату и время отправки сообщения, файл постоянно будет пополнятся.

Рисунок 3. Данные файла Base.dat

В файле Page.dat прописываются гиперссылки, находящиеся в меню сайта, то есть его структура. Знак "^^" означает разделитель между полями.



Рисунок 4. Данные файла Page.date

В файле Config.php прописываются основные переменные и задаются пути к главным директориям и папкам, также содержит в себе адрес электронной почты, куда будет отсылаться сообщение с формы, и заголовки письма, которые при желании можно всегда изменить.

$site_width=900; //Ширина сайта

$menu_width=180; //ширина меню

$body_width=$site_width-$menu_width=200; //ширина основной части

$dat_dir="dat/"; //путь к дирректории "dat"

$page_dir="page/"; //путь к директории "page"

$page_base=$dat_dir."page.dat"; //путь к файлу "page.dat"

$guest_base=$dat_dir."base.dat"; //путь к файлу "base.dat"

$maxLenOfMsg=200; //максимальное количество знаков в сообщенни для гостевой книги

$admin="danger999@bk.ru"; // e-mail адрес администратора сайта

И, самый главный файл, в котором прописывается восемь главных функций, необходимых для полноценной работы программного продукта - Common.php.

Восемь функции файла Common.php:

1.

function showMenu() {

Global $page_base;

$FP=fopen($page_base, "r");

$data=file($page_base);

fclose($FP);

for ($i=0; $i<=count($data) - 1; $i++){

$GetLine=explode("^^",$data[$i]);

if (!isset($GetLine[2])) $GetLine[2]="page.php?id=".$GetLine[0];

echo "<li><a href=\"".$GetLine[2]."\">".$GetLine[1]."</a></li>\n";

}

Указывается, что открывается и используется глобальная переменная ($page_base). Для каждой страницы в этом файле создается соответствующая ссылка на html документ и выводится готовая строка навигации. Используется метод GET, он подразумевает, что все параметры передаются в строке URL. Например, строка http://localhost/Site/page.php?id=9 определяет запрос GET к файлу page.php. При этом скрипту передаются параметры со значениями "id=9". Запрос отделяется от адреса страницы знаком вопроса "?".

2.

function showForm(){

Global $maxLenOfMsg;

echo "<form action=\"guest.php\" method=POST><br>\n";

echo "Имя<br><input type=\"text\" name=\"vname\" maxlength=\"20\"><br>\n";

echo "E-Mail<br><input type=\"text\" name=\"vemail\" maxlength=\"30\"><br>\n";

echo "Сообщение <br><textarea name=\"mess\" cols=\"50\"rows=\"5\"></textarea><br>\n";

echo "<input type=submit name=\"sub\" value=\"послать\"></form>\n";

echo "(максимальный размер сообщения ограничен ",$maxLenOfMsg." символами)";

}

Эта функция, выводит форму для добавления сообщения в гостевую книгу.

Метод GET не подходит для передачи больших данных. Для этого сущестует метод POST. Этот метод передаёт данные скрыто от пользователя, а адрес страницы остаётся неизменным. Теоретически, метод POST позволяет передавать огромные блоки данных, но большинство провайдеров устанавливают жесткое ограничение в 5-10 мегабайт. Именно этот метод используется для передачи данных в гостевой книге. Для загрузки сообщений предназначен тег input типа text. Пользователь набирает нужный текст, нажимает кнопку "послать", после чего браузер передаёт указанное сообщение на сервер. По окончании загрузки запускается guest.php, и ему автоматически становятся доступны все переданные в форме данные.

3.

function saveMess(){

Global $vname;

Global $vemail;

Global $mess;

Global $guest_base;

Global $maxOfMsg;

$date=date("j.m.Y - G:i:s"); //генерируем текущую дату

$txt=$_POST['mess']; //записываем в переменную $txt введенный текст сообщения

$txte=""; //Для замены символа \n на символ <br>

for ($i=0; $i < strlen($txt); $i++) if ($txt[$i]!="\n") {

$txte=$txte.$txt[$i];

}else{

$txte=$txte."<br>";

} //этот цикл позволяет нам добавлять в гостевую книгу многострочное сообщение

$text=$_POST['vname']."^^".$_POST['vemail']. "^^".$date."^^" .$txte. "\n";

$FP=fopen($guest_base,"a+");//Открывает файл для записи сообщения

fwrite($FP,$text); //добавляем переменную $text в файл BASE.DAT

$data=file($guest_base);

fclose($FP);

}

Эта функция, записывает введенное сообщение в файл BASE.dat.

Открываются глобальные переменные ($vname, $vemail, $mess, $guest_base, $maxOfMsg), генерируется текущая дата, записывается в переменную $txt введенный текст сообщения (при этом используется метод POST). Прописывается цикл, позволяющий добавлять в гостевую книгу многострочное сообщение, затем открывается файл для записи сообщения и добавляется переменная $text в файл BASE.dat.

4.

function checkEmail($mail){

$pattern=".+@.+\..+";

return ereg($pattern,$mail);

}

Эта функция, проверяет правильно ли пользователь ввел свой

e-mail адрес. Return - предназначено для немедленного выхода из функции и возврата значения.

5.

function showMess(){

Global $guest_base;

$FP=fopen($guest_base,"r");

$data=file($guest_base);

fclose($FP);

$string="<div class=\"guest\"><table width=100% class=\"questTable\" cellpadding=3>";

for ($i=count($data)-1; $i>=0;$i--){

$mess=explode("^^",$data[$i]);

$string=$string."<tr><td width=\"20%\" valign=top class=\"questTable\"> <br>Написал:<a href=\"mailto:".$mess[1]."\">".$mess[0]."</a><br>".$mess[2]."<br>".$mess[3]."</td></tr>\n";

}

$string=$string."</table></div>";

echo $string;

}

Эта функция, показывает сообщения гостевой книги. Открывается глобальная переменная, затем функция fopen открывает файл для записи сообщения. Создается сама таблица, в которой записывается сообщение, а ссылка <a href =\”mailto:”> будет запускать почтовую программу по умолчанию установленную на компьютере.

6.

function showMailForm(){

echo "<form action=\"mail.php\" method=POST>\n";

echo "<table width=\"90%\" align=center>\n";

echo "<tr><td align=right width=\"20%\">Ваше имя</td><td><input type=\"text\" maxlength=\"15\" name=\"mname\" size=\"40\"></td></tr>\n";

echo "<tr><td align=right>E-mail</td><td><input type=\"text\" maxlength=\"15\" name=\"memail\" size=\"40\"></td ></tr>\n";

echo "<tr><td align=right>Teмa сообщения</td><td><input type=\"text\" maxlength=\"15\" name=\"msubj\" size=\"40\"></td></tr>\n";

echo "<tr><td align=right>Сообщение</td><td><textarea cols=\"40\" rows=\"10\" name=\"mmess\"></textarea></td></tr>\n";

echo "<tr><td align=center colspan=2><input type=submit name=\"sub\" value=\"Отправить\" ></td ></tr></table ></form>\n";

}

Эта функция, показывает форму для отправки сообщения на адрес администратора сайта. Используется метод POST. Для загрузки сообщений предназначен тег input типа text. Пользователь набирает нужный текст, нажимает кнопку "послать", после чего браузер передаёт указанное сообщение на сервер. По окончании загрузки запускается mail.php, и ему автоматически становятся доступны все переданные в форме данные. Также здесь прописаны свойства: максимальное количество знаков в имени отправителя, теме сообщения, выравнивание.

7.

function message_send(){

Global $mname;

Global $memail;

Global $msubj;

Global $mmess;

Global $admin;

$err="";

if ($_POST['mname']=="") $err.="Введите ваше имя.<br>";

if ($_POST['memail']=="") $err.="Введите ваш e-mail.<br>";

if ($_POST['msubj']=="") $err.="Введите тему собщения.<br>";

if ($_POST['mmess']=="") $err.="Введите сообщение.<br>";

if (checkEMail($_POST['memail'])==false) $err.="Вы ввели неверный адрес электронной почты! <br>";

if ($err ==""){

$admin;

$mess="С вашего сайта было отправленно сообщение.\n Тема сообщения: ".$_POST['msubj']."\n Имя пользователя: ".$_POST['mname']."\n E-mail: ".$_POST['memail']."\n Сообшение: ".$_POST['mmess'];

mail($admin, $msubj, $mess);

echo "Ваше сообщение успешно отправленно!";

}else{

echo $err;

}

showMailForm();

}

Эта функция, отправляет сообщение по электронной почте. Происходит отправка сообщения, затем идет проверка данных на пустоту строк и генерируется сообщение, которое будет послано на ящик, который указан в переменной.

8.

function showText($param){

Global $page_dir;

$file=$page_dir.$param.".html"; //генерируем ссылку на пользовательскую страницу

include ($file);

}

Функция, для обеспечения просмотра пользовательских страниц, при помощи каталога page, содержащего html страницы.

СSS стили.

Также при создании оформления дизайна сайта использовалась таблица css стилей. Это язык, который позволяет присоединять стили к любым структурированным документам. (см. Приложение)

Свойства (заключенные в фигурные скобки) прописывались таким объектам как:

h1, h2, h3, h4, p, object. Например,

h2 {

font-size: 24px;

color: #000066;

background-color: #65C5AD;

border-bottom:2px solid #006600;

text-align: center;

}

этому объекту (заголовок) применены свойства размера (font-size), цвета шрифта (color), цвета заливки поля текста (background-color), толщины и цвета границ (border-bottom), а также выравнивания по центру (text-align).

p {

font-size:1.1em

}

Свойство для объекта шрифта всего сайта - размер (font-size).

object {border: #ffff66 solid; border-width: 1px}

на данном сайте object являются flash - анимации и видеоролик, которым присваивается цвет границы и ее толщина.

Также прописывались свойства для ссылок:

a {

color: #FFFF00;

text-decoration:none;

font-size: 18px;

font-style: normal;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

Прописаны свойства исходного вида ссылки, то есть ее цвет (color), размер(font-size) и стиль шрифта (font-style).

a:hover{color: #006633; text-decoration: underline;}

Здесь меняется цвет и появляется подчеркивание (text-decoration: underline) при наведении на ссылку мышкой.

Заключение

сайт программирование php дизайн

Результатом дипломного проекта является Web-сайт муниципального общеобразовательного учреждения школы №1 города Фролово. Программный продукт готов к публикации в Internet. Данный сайт содержит нужную информационную базу. В ходе выполнения работы были достигнуты поставленные цели:

- создание и разработка Web-сайта муниципального общеобразовательного учреждения школы №1 города Фролово;

- посредством сайта школы установлена тесная взаимосвязь между учениками, родителями и учителями, использовав определенные задачи:

- изучен теоретический материал по данной работе;

- изучен язык программирования php;

- сделан обзор программ и выбран наиболее подходящую программу для разработки школьного сайта.

Список используемой литературы

1. Молочков В. П., Петров М. Н., Компьютерная графика. Учебник, Питер, 2002, 736 стр.

2. Божко, Десс, Dreamweaver MX. Базовый курс, 2003, 553 стр.

3. В.А. Каймин, Информатика «РеСК», 1998 Москва - 336 с.

4. Белкин П.Ю., Женова Н.А. Основы интернет-технологий для учителя. - М.: Федерация Интернет Образования, 2003. - 112 с.

5. Гевлич С. Классификация сайтов. [Электронный ресурс]: Режим доступа: http://www.connect.rin.ru/articles/internet/130.html, свободный.

6. Классификация веб-сайтов. [Электронный ресурс]: Режим доступа: http://www.pal.com. ido.tsu.ru/other_res/ep/sait_umk/ua/site_classification.html, свободный.

7. www.omsk777.ru

8. Э.А. Мэйер, CSS-каскадные таблицы стилей. Издательство: Символ-Плюс, 2006, 576стр.

9. К. Шмит, CSS. Рецепты программирования. Издательство: Русская редакция, 2007, 592 стр.

Приложение

CSS стили:

body {

background: #66CC99;

font-family: Tahoma:;

background-color: #6666FF;

color: #000000;

}

td {

font-size: 16px;

color: #000000;

}

a {

color: #FFFF00;

text-decoration:none;

font-size: 18px;

font-style: normal;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

a:hover{color: #006633; text-decoration: underline;}

img{border: #FFFF66 solid; border-width: 1px}

.queatTable{

border:#ffff66 solid;

border-width: 1px;

background-color: #CCCC00;

color: #000000;

}

.guest {

height:400px;

overflow:auto;

border:#ffff66 2px solid;

padding: 3px;

}

.mainTable {

border:#939300 solid;

border-width: 1px;

background-color: #6AB5FF;

color: #000000;

}

input, textarea {

border:#939300 solid;

border-width: 1px;

background-color:transparent;

font-size: 16px;

font-family:Tahoma;

SCROLLBAR_FACE_COLOR: #DBA311;

SCROLLBAR_ARROW_COLOR: #939300;

SCROLLBAR_HIGHLIGHT_COLOR: #d1e1e3;

color: #000000;

}

h1 {

font-size: 26px;

color: #000066;

background-color: #65C5AD;

border-bottom:2px solid #006600;

text-align: center;

}

h2 {

font-size: 24px;

color: #000066;

background-color: #65C5AD;

border-bottom:2px solid #006600;

text-align: center;

}

h3 {

font-size: 22px;

color: #000066;

background-color: #65C5AD;

border-bottom:2px solid #006600;

text-align: center;

}

h4{ font-size: 20px;

color: #000066;

background-color: #65C5AD;

border-bottom:1px solid #006600;

text-align: center;

}

p {

font-size:1.1em

}

object {border: #ffff66 solid; border-width: 1px}

Размещено на Allbest.ru