- •Содержание
- •Введение
- •1 Теоретическая часть проекта
- •1.1 Основы современных web-технологий
- •1.2 Обоснование потребности в web-сайте
- •1.3 Этапы разработки web-сайта
- •1.3.1 Постановка задачи проектирования web-сайта
- •1.3.2 Выбор программного средства для разработки
- •1.3.3 Разработка интерфейса
- •2 Проектная часть
- •2.1 Логическая структура сайта
- •2.2 Карта сайта
- •Лекционный материал
- •Мдк 02.02 покс
- •Лекционный материал
- •2.3 Макеты страниц
- •2.4 Выбор состава технических и программных средств
- •2.5 Физическая структура сайта
- •2.6 Особенности построения сайта в системе ucoz
- •2.7 Тестирование программы в разных браузерах
- •3 Экономическая часть проекта
- •3.1Расходы по созданию и размещению сайта в сети интернет
- •3.2 Расчет стоимости основных материалов
- •3.3 Расчет затрат на содержание и эксплуатацию оборудования
- •3.4 Расходы на содержание и эксплуатацию оборудования
- •3.5 Расчет оплаты труда исполнителя
- •4 Охрана труда, техника безопасности
- •Организация и общие правила работы
- •Нормативы и нормы
- •Режим работы и перерывы
- •Заключение
- •Список литературы
- •Приложения Код главной страницы
1.3.3 Разработка интерфейса
Сайт должен быть:
простым и самоочевидным – пользователи не должны задумываться над тем, куда им нужно нажать и какое действие совершить, чтобы найти ту или иную информацию. Для этого создаются сценарии взаимодействия с пользователем;
быстрым – важная и актуальная для пользователя информация должна лежать «на поверхности», в пределах одного-двух кликов (но «вываливание» на пользователя всего и сразу даёт обратный эффект);
доступным – информация, которую мы хотели ли бы, чтобы пользователь увидел, обязательно должна быть размещена на главной странице. Как минимум – на нее должна быть ссылка на самом видном месте;
видимым – окно поиска, ссылки и различные модули должны быть хорошо видны, не сливаться с общим фоном и не прятаться за лишними панелями. Пользователь приходит на сайт за информацией, а не полюбоваться на дизайнерское решение;
иметь простые имена – из названий разделов должно быть сразу понятно, что в них находится;
просматриваемым – текстовая информация всегда должна быть разбита на блоки. Как правило, ее никто вдумчиво не читает, она быстро просматривается;
не слишком громоздким – это также относится к текстовому контенту. Большие «простыни» текста обычно остаются без внимания.
Главными достоинствами современных веб-сайтов становятся:
структурное преподнесение информации,
лаконичность,
простота,
разумная система акцентов.
2 Проектная часть
2.1 Логическая структура сайта
Каждый ресурс Интернета, от любительской домашней странички до большого информационного портала, содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html. Подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса и называется логической структурой сайта. Физическая структура, напротив, подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован сайт (Рисунок 1).
Рисунок 1. Логическая структура сайта
Очевидно, что логическая и физическая структуры могут не совпадать, поскольку в общем случае физическая структура ресурса разрабатывается, исходя из удобства размещения файлов. Однако более или менее точное сохранение порядка следования логических разделов в физической структуре сайта позволит избежать путаницы при последующем дополнении и обновлении материалов.
Из всего сказанного становится очевидным, что физическая структура сайта скрыта от посетителей вашего ресурса: они могут наблюдать только логическую структуру, причем именно так, как она представлена при помощи элементов навигации. Отсюда следует вполне логический вывод: строение системы навигации должно если не полностью повторять, то хотя бы максимально соответствовать разработанной логической структуре сайта.
