Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
КурсовойHTML2012.doc
Скачиваний:
4
Добавлен:
20.08.2019
Размер:
819.2 Кб
Скачать

Порядок и этапы выполнения курсового проекта Порядок проектирования и реализации сайта

Примерные этапы выполнения курсового проекта представлены в таблице 8.

Таблица 8. План работ по проектированию и реализации сайта.

Наименование работ

Результат

Получение задания на проектирование (темы сайта)

Анализ требований к проекту сайта (см. табл.9)

Согласование выработанной идеи проекта сайта с заказчиком (преподавателем)

Подбор информации по теме и ее структуризация

Обзор литературы и др. источников

Информация для публикации

Построение логической структуры

Все разделы сайта, его функциональность, структура разделов, описание каждой функции сайта

Логическая структура сайта

Определение требований к физической реализации проекта

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

Физическая структура

Разработка дизайна сайта

Разработка общей концепции дизайна сайта (фон, шрифт, коллекция изображений для кнопок)

Эскизы дизайна главной и внутренних страниц сайта. Файлы стилевых таблиц.

Информационное наполнение

Верстка html-страниц

html-страницы

Тестирование

Проверка функциональности и наполнения сайта. Тестирование сайта в различных браузерах и при различном разрешении экрана и т.д.

Устранение выявленных недостатков (не работающих ссылок и т.д.).

Рабочая документация

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

Описание логической, физической структур и дизайна сайта.

План возможного развития сайта.

Критерии оценки сайта.

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

Прежде всего, Вы должны понимать, что экран монитора сильно отличается от листа бумаги по нескольким параметрам.

Во-первых – разрешение экрана. У разных людей (на различных компьютерах) оно может варьироваться. Ваш сайт должен почти одинаково смотреться на мониторах с разрешением 640х480, 800х600, 1024х7687. В современном Интернете принято молчаливое соглашение о том, что — профессиональный сайт должен корректно отображаться при экранном разрешении 640x480 точек с цветовой палитрой в 256 цветов. Разумеется, после подготовки первоначального шаблона будущей web-страницы его необходимо протестировать на соответствие изложенным выше требованиям. Для этого, загрузив страницу в броузер, измените экранное разрешение, цветовую палитру в настройках Windows.

Во-вторых, программы-браузеры. Несмотря на то, что существует несколько стандартов языка HTML, разные браузеры один и тот же сайт показывают по-разному. В настоящее время имеется только три браузера, заслуживающих упоминания – это Microsoft Internet Explorer, Netscape Navigator и Opera, поскольку они самые популярные - их используют более 75% пользователей. Для проверки внешнего вида ваших страничек вам придется использовать именно их. Нормально выполненная web-страница должна одинаково выглядеть в любом из этих браузеров.

В-третьих, помните о скорости загрузки файлов. Если ваша страница перегружена картинками и прочими украшениями, то ее смотреть – сплошное мучение: уж очень долго она загружается. А так как подавляющее большинство пользователей используют для выхода в Интернет dial-up соединение, подключаясь к провайдерскому пулу при помощи модема. Разумеется, в этом случае скорость передачи данных (как правило, удручающе низкая) играет для них решающую роль, вряд ли кому-то доставит удовольствие дожидаться загрузки одного html-документа десятки минут Рекомендации – размер отдельной странички вместе с графикой не должен превышать 100 Кб.

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

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

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

Далее приведен перечень цветовых сочетаний рисованного объекта или текста с фоном в порядке ухудшения зрительного восприятия:

  • синее на белом;

  • черное на желтом;

  • зеленое на белом;

  • черное на белом;

  • зеленое на красном;

  • красное на желтом;

  • красное на белом;

  • оранжевое на черном;

  • черное на пурпурном;

  • оранжевое на белом;

  • красное на зеленом.

Корректность сочетания друг с другом всех остальных цветов и оттенков проверяется с помощью одного простого правила: переведите ваше изображение в формат «grayscale» (256 оттенков серого) и посмотрите, читается ли в таком виде ваш текст, контрастно ли выглядят нарисованные элементы. Если нет —принятое вами цветовое решение лучше пересмотреть.

В седьмых, Созданная вами web-страница должна обязательно включать навигационные элементы, охватывающие все разделы вашего сайта, причем эти элементы должны всегда быть на виду. Сайт с правильным дизайном и удобной навигацией оценивается очень просто: по правилу “двух кликов” (двух переходов), т.е. из любого уголка сайта можно перейти в любое другое место не более чем за два перехода.

Россия и в Интернет проявила свою национальную самобытность. У нас существует, как минимум 5 кодировок русского языка. Наиболее распространенной сейчас становится Microsoft-овская кодировка Win-1251. Если Вы делаете свой сайт для всех, то Вам следует проявлять уважение и к “меньшинствам”, которые пользуются кодировками KOI-8 и Мас, тем более что обычно это продвинутые люди, имеющие авторитет в Сети.