Автор: Пользователь скрыл имя, 18 Декабря 2012 в 18:58, курсовая работа
Предприятие использует программное обеспечение фирм «Microsoft», в частности операционную систему «Microsoft Windows XP professional» и офисный пакет «Microsoft Office 2003». Также предприятие пользуется узкими программными средствами для ведения бухгалтерской учета и подобной деятельности фирм «ЧП Гуляев», «Смета», «Ника».
Я проходил практику на предприятии в отделе статистики и в мои служебные обязанности входили следующие функции:
Создание отчетов посещений на основании статистических талонов в программном комплексе «Ника».
Построение сводных таблиц по данным отчетов.
Подведение итоговой посещаемости в программном комплексе «Ника» для дальнейшего расчета заработной платы специалистам предприятия.
2.2.4 Работа с комплексом.
Архитектура локального сервера ничем не отличается от настоящего.
Директория /usr/local содержит программные компоненты - выполняемые и конфигурационные файлы Apache, PHP, MySQL. Авторы постарались сохранить это расположение приближенным к принятому в среде UNIX. Но имеются серьезные отличия - не все компоненты пакета распределены по соответствующим директориям. Полной аналогии с ОС UNIX в любом случае не добиться, но данное размещение выполняемых и конфигурационных файлов позволяет несколько легче ориентироваться в компонентах сервера.
Директория /usr/bin - особая, потому что в ней содержится интерпретатор
языка Perl, необходимый для функционирования комплекса. Это не накладывает каких-либо обязательств на пользователя, потому что вся работа с этим языком ведется "прозрачно". Человек может даже и недогадываться, что некоторые программы написаны именно на Perl.
Директория /etc – содержит в себе приложения для запуска, перезапуска и остановки сервер
Директория /tmp – содержит в себе временные файлы, которые активно используются компонентами комплекса (например, Apache и PHP). В этой директории также находится папка !sendmail, в которой находятся все приходящие письма.
Проверим работоспособность нашего локального сервера. Создадим в директории /home/localhost/www текстовый файл. Откроем его с помощью любого текстового редактора и впишем туда стандартный PHP-код. (рис.20)
Рис.20 PHP-код
Сохраним этот файл, как test.php (Меню Файл – Сохранить как). Теперь откроем его в браузере по адресу http://localhost/test.php. Если все сделано правильно, то мы увидим на странице надпись «Hello World» (рис.21)
Рис.21 «Hello World»
Как мы видим, текст успешно отобразился, следовательно, наш сервер корректно отображает PHP-скрипты.
Если вы занимаетесь разработкой Web-сайтов, вам наверняка хотелось бы обслуживать одним сервером сразу несколько хостов. Иными словами, введя в браузере путь http://localhost, вы попадете на один сайт, а, напечатав http://test.ru, — совсем на другой (но тоже на локальной машине).
В Денвере работа с виртуальными хостами стала более простой. Теперь, чтобы добавить новый хост, вам нужно проделать следующее:
Модификация httpd.conf и файла hosts не требуется. Файл httpd.conf вообще не меняется никогда. Чуть посложнее с файлом hosts: он модифицируется автоматически, подстраиваясь под текущую конфигурацию каталогов в /home. При этом используется весьма недетский алгоритм для распознавания, какие хосты были внесены Денвером, а какие пользователь добавил самостоятельно, вручную (если он, конечно, захочет это сделать). То есть, автоматическое изменение файла hosts еще не означает, что в нем пропадут все комментарии и вы не сможете больше никогда редактировать его «руками». И, конечно, при остановке комплекса по ярлыку Stop servers файл hosts восстанавливается в то состояние, которое и должно быть.
Таким образом, на данный момент Денвер является лучшим решением для установки локального сервера на домашний компьютер с целью отладки скриптов. Простота и удобство использования способствуют быстрой и комфортной работе.
3. Технология создания Web-сайта с использованием ImageReady и Denwer.
3.1 Подготовка к созданию сайта.
Мое техническое задание – сделать сайт «Операторов ЭВМ», одной из обучаемых профессий Профессионального Лицея №34. Чтобы лучше справиться с задачей нужен анализ аудитории, то есть надо определить потенциального посетителя сайта. В нашем случае большинство – школьники, будущие абитуриенты, их родитители. Следовательно сайт в плане интуитивной понятности должен быть максимально простым, не перегруженным лишним интерфейсом, для более комфортного просмотра нужной информации.
Далее определим структура сайта. В верхней части будет содержаться, логотип, слоган, строка меню и дополнительная информация. Центральная часть будет паделена на две вертикальные колонки. Левая часть будет использована как площадка для дополнительной информации, а правая, основная, для вывода основной информации. Нижняя часть будет служить для дополнительной строки меню и информацию об авторе сайта.
3.2 Дизайн сайта.
Дизайн сайта я делал с помощью программы Adobe ImageReady.
Для контентой части используются только основные шрифты (Verdana, Tahoma, Arial, Trebuchet,Sans Serif), чтобы любой посетитель мог ознакомиться с информацией (по крайней мере, тот, у кого установлена русская или английская локализация операционной системы) без искажения ее внешнего вида, и тем более потери ее части.
Название сайта и его логотип должен быть расположен так, чтобы их легко замечали и должны иметь приемлимые размеры. На моем сайте логотип расположен в правом верхнем углу (рис.22).
Рис.22 Расположение логотипа и названия сайта
Далее делаем строку меню и добавим линий (инструмент Line, цвет - #660099, ширина 1 пиксель) для законченности интерфейса. Для рационального использования места добавим номера телефонов и название учебного.(рис. 23)
Рис.23 «Шапка» сайта
Теперь переходим к центральной части, основе макета. Левая колонка состоит из различных информационных блоков и дополнительной панели навигации (рис.24). В этой панели будут располагаться:
В информационных блоках :
Рис.24 Левая колонка основы макета
Правая колонка содержит прямоугольный блок для вывода основной информации и новостей (инструмент Rectangle, цвет - #F6F6F6, Layer Style – Blending Options – Drop Shadow, Opacity 32%)
Нижняя часть содержит информацию об авторе и копию главного меню для удобства навигации и сведения об авторе и сайте.
Макет сайта закончен (рис.25). Следующий шаг – верстка.
Рис.25 Макет сайта
3.3. Верстка сайта.
Качественная верстка
подразумевает грамотную
Стандартный способ верстки предлагает разбиение страницы на отдельные ячейки. Размер ячеек распределяется параметрами тега TD: colspan для объединения горизонтальных ячеек, rowspan – для объединения вертикальных.
Разбиение макеты на ячейки осуществляется инструментом Slice Tool (рис.26).
Рис.26 Работа инструментом Slice Tool
Имя ячейки формируется из заголовка файла и порядкого номера «ломтика» (рис.27)
Рис.27 Порядковый номер ячейки
В ходе верстки следует быть аккуратным, т.к. то, что мы видим всего лишь статическая картинка, и надо учитывать, что структура сайта возможно немного изменится. Также лучше сразу позаботиться о пустующих местах на сайте. Самый простой способ – объединить их в отдельные ячейки, как показано на рисунке 28. Ячейки 2, 3, 4, 7, 14, 17 смело можно удалять
Рис.28 Рациональная верстка логотипа и названия
После полной верстки страницы следует «прогнать» наш макет через браузер, чтобы получить исходный HTML-код документа. Для этого воспользуемся кнопкой Preview in Default Browser И мы получим наш сайт и его исходный код в окне браузера. (рис.29)
Рис.29 Сайт и следующий за ним его HTML-код
После копирования и исправления HTML-кода (замены картинок на текст, удаление не нужных ячеек), у нас появился полноценный HTML шаблон. Осталось добавить таблицу каскадных стилей (CSS)
Технология CSS предназначена для оформления структурированных документов в форматах HTML, XHTML, XML. Внешние таблицы стилей распологаются в отдельном файле .css, на который дается ссылка в HTML-документе. Запись в нем имеет вид:
.класс
{
параметр;
параметр;
}
Например, для основной таблицы запись будет следующей:
.table {
border: 1px dotted #e3e3e3; ( Видимая граница, шириной 1 пикселя, точечная, цвета #e3e3e3)
text-align: center; ( выравнивание текста по центру )
background-color: #FFFDFD; ( заливка фона цветом #FFFDFD)
padding-left:20px; ( Отступ слева 20 пикселей )
padding-top:40px; ( Отступ сверху 40 пикселей )
}
3.4 Программирование сайта на PHP.
Изначально аббревиатура РНР расшифровывалась как Personal Homft Page (личная домашняя страничка). Этот язык был создан в 1994 году Расмусом Лердорфом (Rasmus Lerdorf), чтобы отслеживать пользователей, просматривавших его домашнюю страничку с резюме. Позже, когда функциональность РНР значительно расширилась и профессионалы начали использовать этот язык для создания сложных сайтов, сокращение стали расшифровывать как «гипертекстовый препроцессор» (РНР: Hypertext Preprocessor), Определение означает,
что данные в этом языке обрабатываются до того, как становятся HTML-страницей (HTML - язык гипертекстовой разметки).
Преимущество РНР перед базовым HTML состоит в том, что последний представляет собой систему с ограниченными возможностями, не обладающую гибкостью или динамичностью.
Посетители сайтов видят обычные статические HTML-страницы, без каких либо персональных настроек. С помощью же РНР можно создавать привлекательные оригинальные Web-страницы на основе любых задаваемых вами критериев (например, времени суток или операционной системы пользователя). В отличие от HTML язык РНР также может взаимодействовать с базами данных и файлами, с его помощью обрабатывается электронная почта и выполняются многие другие операции. Массу времени удастся сэкономить,
создав отдельные файлы для общего кода и включив их в PHP-сценарии с помощью одной из двух инструкций: include () и require ( ) . Синтаксис при этом будет выглядеть следующим образом:
include ("file.php");
require ("file.рhр") ;
Обе команды работают почти одинаково, за исключением одного существенного различия. Независимо от того, в каком месте сценария имеется инструкция require ( ) , ею всегда будет вставлен требуемый файл, даже если блок кода, где она задана, в данный момент не работает. Функция include ( ) , наоборот, включит код из файла, только если она действительно вызвана. Поэтому необходимо использовать команду require ( ) , когда файл должен быть включен,
и include ( ) , если файл в зависимости от обстоятельств может быть включен или нет.
Что делают эти команды? Каждая из них включает указанный файл в основной (чтобы было более понятно, будем называть файл, который содержит строку include ( ) или require ( ) , родительским файлом). Любой код внутри файла будет трактоваться как обычный код HTML, если он не находится внутри PHP-скобок в самом включенном файле. Любые переменные, имеющиеся в родительском документе до вызова команд include () или require ( ) , доступны
включенному файлу, и любые переменные из включенного файла будут доступны родительскому документу после вызова этих функций. Включаемые файлы стоит использовать по нескольким причинам. Можно поместить свои собственные функции в общий файл. Удобно также хранить информацию доступа к базе данных в едином конфигурационном файле. Для начала поместим наш HTML-дизайн во включаемые файлы, чтобы он мог быть использован в нескольких страницах.
Итак, создадим в коревом каталоге сервера ( [путь до сервера/ home\localhost\www] PHP файл – header.php, в котором будет храниться «шапка» нашего сайта. Вставим в него часть нашего HTML-кода. В header.php войдет :
После этого создаем файл footer.php, в котором у нас будет храниться нижняя часть сайта в которую входят :
И, наконец, файл index.php содержит всю основную информацию в правом блоке основной части сайта. Теперь соединим все части в одном файле. Для этого нам понадобиться инструкция require ("file.рhр") .Для удобства создадим в корневом каталоге папку Config, куда переместим файлы header.php и footer.php. Файл index.php будет иметь такую структуру :
<?php
require ("config/header.php");
?>