 |
Работа с виртуальными хостами
|
|
|
|
Вниманию пользователей Windows NT, 2000 или XP (и старше). Прежде, чем продолжить, убедитесь, что у вас запущена служба «DNS-клиент». Это можно делать, открыв Панель управления - Администрирование - Службы. В противном случае виртуальные хосты работать не будут
Если мы занимаемся разработкой Web-сайтов, нам наверняка хотелось бы обслуживать одним сервером сразу несколько хостов. Иными словами, введя в браузере путь http://localhost, вы попадете на один сайт, а, напечатав http://test.ru, - совсем на другой (но тоже на локальной машине).
До недавнего времени задача добавления в систему нового виртуального хоста была довольно-таки кропотливой и состояла из следующих этапов:
· Создание дерева каталогов сайта. Обычно каждый сайт представлен отдельной директорией в /home/ - так, сайт localhost содержится в /home/localhost/. Однако сайт и его директория документов - вещи разные, поэтому первую обычно помещают по адресу (а директорию с CGI скриптами - в /home/localhost/cgi/). Для определенности далее будем полагать, что нужно создать хост с именем test.ru.
· Модификация системного файла hosts, чтобы связать test.ru с IP-адресом локальной машины - 127.0.0.1. Таким образом, все виртуальные хосты на локальной машине имеют один и тот же IP-адрес (это позволительно и даже желательно).
· Правка файла конфигурации Apache httpd.conf. Именно в этот момент и возникало большинство проблем: что-то забыли, не дописали, и т. д.
· Перезапуск сервера, чтобы изменения вступили в силу.
С появлением проекта Денвер ситуация упростилась.
· Создать в папке /home директорию с именем, совпадающим с именем виртуального хоста (в нашем случае proekt.ru).
· Не забудьте создать папку www в директории виртуального хоста, ведь именно в ней будут храниться его страницы и скрипты
|
|
|
· Перезапустить сервер, воспользовавшись, например, ярлыком Restart servers на Рабочем столе.
Это все, что нужно сделать. А где же, вы спросите, модификация httpd.conf и файла hosts?.. Ее просто нет. Файл httpd.conf вообще не меняется никогда. Чуть посложнее с файлом hosts: он модифицируется автоматически, подстраиваясь под текущую конфигурацию каталогов в /home. При этом используется весьма недетский алгоритм для распознавания, какие хосты были внесены Денвером, а какие пользователь добавил самостоятельно, вручную (если он, конечно, захочет это сделать). То есть, автоматическое изменение файла hosts еще не означает, что в нем пропадут все комментарии и вы не сможете больше никогда редактировать его «руками». И, конечно, при остановке комплекса по ярлыку Stop servers файл hosts восстанавливается в то состояние, которое и должно быть.
Алгоритм настройки скриптов
Для построения навигационной системы электронного пособия применялись готовые скрипты, но использовать их в исходном виде без предварительной настройки невозможно. Настройка заключается в том, что нужно получить меню, адаптированное под собственную разработку (состав и название пунктов должны соответствовать основным разделам электронного пособия). Для этого необходимо переименовать содержащиеся в шаблоне названия пунктов, сделать нужное количество пунктов, подобрать размеры и цвет навигационного меню.
Таблицы стилей
Способы применения CSS
Под способами применением CSS мы в данном разделе понимаем форму декларирования стиля на HTML-странице и форму связывания описания стиля отображения элемента разметки с самим этим элементом. Речь идет о том, где и в какой форме автор страницы (или дизайнер) описывает стиль, и как и в какой форме на него ссылается.
Итак, различают четыре способа применения стилей:
) переопределение стиля в элементе разметки;
|
|
|
) размещение описания стиля в заголовке документа в элементе STYLE;
) размещение ссылки на внешнее описание через элемент LINK;
) импорт описания стиля в документ.
Здесь мы следуем за George Young из Microsoft (Cascading Style Sheets in Internet Explorer 4.0. Microsoft, 1997). Следует отметить, что импорт стиля не поддерживается в браузерах других производителей. Однако, т.к. патент на CSS1 принадлежит Microsoft, опустить импорт в нашем описании мы считаем неправильным.
Переопределение стиля:
Под переопределением стиля в элементе разметки мы понимаем применение атрибута STYLE у данного элемента разметки. Атрибут style можно применить внутри любого элемента разметки. Очевидно, что не всякие параметры стиля можно установить для конкретного элемента разметки. О типах элементов и соответсвующих парамерах стилей мы поговорим в разделе "Понятие блочного и строкового элемента". Здесь же следует отметить следующее: стили разработаны в первую очередь для управления отображением текста. Не следует увлекаться стилями при управлении отображением нетекстовых элементов HTML-разметки.
Элемент STYLE:
Применение элемента STYLE - это основной способ внедрения каскадных таблиц стилей в ткань HTML-документа. Кроме управления отображением элементов разметки элемент STYLE позволяет описывать стилевые свойства элементов, которые можно изменять при программировании на JavaScript.
Элемент STYLE позволяет определить стиль отображения для:
· стандартных элементов HTML-разметки
· произвольных классов (селектор class)
· HTML-объектов (селектор id)
К сожалению, работа с селекторами в браузерах различных производителей может преподнести различного рода сюрпризы. Особенно это касается работы с селектором ID. Будем считать правильной интерпретацию Microsoft как держателя патента на спецификацию CSS.
Понятие селектора, применение селекторов и формальный синтаксис CSS мы обсудим в разделах "Синтаксис" и "Наследование и переопределение".
Ссылка на внешнее описание:
Ссылка на описание стиля, расположенное за пределами документа, осуществляется при помощи элемента LINK, который размещают в элементе HEAD. Внешнее описание может представлять из себя файл, содержание которого - описание стилей. Описание стилей в этом файле будет по синтаксису в точности совпадать с содержанием элемента STYLE. Важными здесь являются значения атрибутов rel и type. Rel обязан иметь значение "stylesheet". Type может принимать значения: "text/css" или "text/javascript". Второй тип описания стилей введен Netscape. Его мы в данном учебном курсе не обсуждаем. Атрибут href задает универсальный локатор ресурса (URL) для внешнего файла описания стилей. Это может быть ссылка на файл с любым именем, а не только на файл с расширением *.css.
|
|
|
Импорт описания стилей:
Импорт описателей стилей - это в некотором смысле конкурент описанному выше указанию на внешний описатель стиля. Импортировать стиль можно либо внутрь элемента STYLE, либо внутрь внешнего файла, который представляет собой описатель стиля.
Оператор импорта стиля (@import:url(<http://kuku.ru/style.css>)) должен предшествовать всем прочим описателям стилей. Импортируемый стиль можно переопределить либо через описатель элемента в STYLE, либо через атрибут элемента style.
Алгоритм отправки сообщений на e-mail.
Электронная почта (ЭП) является самым массовым средством электронных коммуникаций Internet, через нее можно получить доступ практически ко всем ресурсам Internet, а так же к информационным ресурсам других сетей. При коммуникации в режиме ЭП корреспонденция готовится пользователем посредством программы подготовки почты, которая вызывает текстовый редактор, предпочитаемый пользователем всем остальным программам этого типа. Затем следует вызвать программу отправки почты (программа подготовки почты автоматически вызывает программу отправки). Стандартной программой отправки является Sendmail, работающая как почтовый курьер, который доставляет почту в отделение связи для дальнейшей рассылки. Для пользователей персональных компьютеров, имеющих почтовые ящики на своих машинах и работающих с почтовыми серверами через коммутируемые телефонные линии, могут потребоваться дополнительные средства.
Для работы электронной почты в Интернет используется протокол прикладного уровня SMTP который использует транспортный протокол TCP. При работе по протоколу SMTP почта реально отправляется только тогда установлено интерактивное соединение с программой-сервером на машине получателя почты.
|
|
|
Таким образом построена система отправки почты и на нашем сайте только почта отправляется во временную папку TMP. Отправка сообщения происходит при помощи заполнения всех полей в форме отправки сообщения а затем при нажатии на кнопку отправит сообщение отправляется получателю.
2.3 Разработка интерфейса взаимодействия пользователя с системой
При разработке интерфейса программного продукта должны учитываться следующие требования:
Естественность (интуитивность)
Работа с сайтом не должна вызывать у пользователя сложностей в поиске необходимых директив (элементов интерфейса) для ознакомления с интересующей информацией.
Непротиворечивость
Если в процессе работы с сайтом пользователем были использованы некоторые приемы работы с определённой его частью, то в другой части приемы работы должны быть идентичны.
Не избыточность
Это означает, что информация по всем вопросам должна быть представлена наиболее полно, но не быть лишней.
Непосредственный доступ к системе помощи
В процессе работы необходимо, чтобы система обеспечивала пользователя необходимыми инструкциями. Система помощи отвечает трем основным аспектам - качество и количество обеспечиваемых команд, характер сообщений об ошибках и подтверждения того, что система делает. Сообщения об ошибках должны быть понятны пользователю.
Гибкость
Интерфейс системы должен обслуживать пользователя с различными уровнями подготовки. Для неопытных пользователей интерфейс может быть организован как иерархическая структура меню, а для опытных пользователей как команды, комбинации нажатий клавиш и параметры.
Внешний вид страниц должен соответствовать следующим эргономическим требованиям:
- размер шрифта не должен быть слишком, что обеспечит удобство чтения без нагрузки на зрение;
- цвет текста не должен быть ярким или наоборот слишком тусклым, в противном случае чтение информации займёт большое количество времени из-за оказываемого напряжения на глаза;
общее оформление структуры всех страниц должно быт выдержано в одном стиле для удобства восприятия информации;
цветовая гамма графического оформления страниц сайта должна быть выполнена в одинаковых тонах, избегая сочетания цветов противоречащих общей цветовой направленности страниц.
Результатом проектирования гл. страницы является следующая схема:
|
|
|
Рисунок - Структура главной страницы
Главная страница разбита на 4 логических блоков:
- заголовочная часть; содержит фоновое изображение, название организации, адрес сайта, на котором вы находитесь;
- блок, содержащий навигационное меню, состоящее из семи кнопок, разделы сайта, статистику, счетчики;
- рабочая область с меняющимися данными;
-содержит форму поиска, опросы, карту сайта, информацию о сайте.
В качестве основы структуры всех страниц использованы таблицы, т.к. применение фреймов вызывает некоторые трудности при отображении их в глобальной сети.
Общее оформление всего сайта, как и главной страницы, выполнено в серых тонах, это обусловлено тем, что фирма занимается не развлекательными услугами, а серьёзными видами деятельности, следовательно, будет уместным использовать более строгие тона при выполнении графического оформлении страниц.
ГЛАВА 3 РЕАЛИЗАЦИЯ ПРОЕКТА СИСТЕМЫ
Разработка программы
Процесс разработки программы разделён на следующие этапы:
1) Выбор темы проекта:
Сайт разрабатывается по заказу директора фирмы «Polaroid»
2) Подбор и разбиение информации на логические блоки:
Сайт содержит четыре логических блока информации, соответствующих направлениям деятельности фирмы;
3) Составление и создание макета сайта:
Рисунок - Макет сайта
4) Заполнение страниц базовой информацией:
Используется админцентр, и графический редактор Adobe PhotoShop CS;
5) Создание графики для сайта (фон, навигационное меню, пиктограммы, линии и др.):
Используется графический редактор Adobe PhotoShop CS;
6) Создание навигационного меню:
Создаётся с помощью Админцентра;
7) Проектирование и разработка системы гиперссылок:
Создано с помощью web-редактор Macromedia Dreamweaver MX 2004 и админцентр;
8) Работа с формой:
Осуществляется с помощью админцентра, редакторов PHP Edit;
9) Создание дополнительных элементов сайта:
Реализуется с помощью возможностей языка Java Script и PHP.
10) Тестирование:
Необходимо провести следующие виды испытаний:
· оценить вид страниц при различном разрешении экрана монитора,
· оценить особенности отображения страниц в различных браузерах,
· оценить время загрузки страниц при разной скорости передачи данных в сети,
· выполнить работу по редактированию страниц и объектов, расположенных на них, в различных редакторах. В процессе тестирования отследить ошибки размещения объектов на страницах и ошибки работы.
11)
|
|
|
