4. Структура пояснительной записки
Содержание
Введение
Цели, функции, аудитория web-сайта. Вид сайта.
Основные разделы web-сайта. Логическая и физическая структуры.
Обоснование выбора технологии реализации web-сайта.
Дизайн web-сайта.
Особенности web-сайта.
Использование средств SEO-оптимизации.
Заключение
Список использованных источников
Приложения
Введение
Во введении необходимо указать:
Актуальность курсовой работы. Почему была выбрана именно такая тема web-сайта.
Цель курсовой работы.
Задачи курсовой работы в соответствии с целью.
1. Цели, функции, аудитория web-сайта. Вид сайта
Выявить цели создания сайта, и в соответствии с ними, определиться с функциями и видом сайта.
Целей сайта может быть несколько, но не менее двух. Функций сайта должно быть несколько, но не менее трех.
Пример:
Цели сайта:
информирование аудитории о наличии в продаже автомобильных запчастей;
увеличение объемов продаж;
снижение нагрузки на телефонную службу;
расширение географии продаж.
Аудитория сайта:
автомобилисты;
компании, занимающиеся поставками и/или продажами автомобильных запчастей;
производители запчастей (потенциальные поставщики).
Функции сайта:
отображение информации обо всех имеющихся в продаже автомобильных запчастях;
прием заказов от фирм и частных лиц на покупку и доставку запчастей;
справочная информация о технических и других характеристиках автомобильных запчастей.
Вид сайта определяется, исходя из его целей и функций. Примеры видов сайта: сайт-визитка, сайт-каталог, коммерческий, информационный, развлекательный, навигационный, художественный, персональный, также вид сайта может быть сформулирован самостоятельно, если он не относится к вышеперечисленным.
2. Основные разделы web-сайта. Логическая и физическая структуры.
Общее количество web-страниц сайта должно быть не менее десяти.
Пользователь должен легко понимать структуру сайта по его меню, а инструменты навигации сайта должны быть понятны.
Логическая и физическая структуры изображаются в виде блок-схем. Требования к схемам смотреть в теоретическом материале (Лекция 1). Схемы должны быть оформлены аккуратно в графическом редакторе или от руки с использованием чертежных инструментов.
Пример:
Логическая (слева) и физическая (справа) структуры сайта.
3. Обоснование выбора технологии реализации web-сайта.
В зависимости от функций сайта необходимо определить технологии его реализации. Например, если сайт чисто информационный, он может быть реализован средствами статических или динамических технологий без использования баз данных. Если на сайте подразумевается регистрация пользователей, ведение каталогов продукции и т.п., то необходимо использование серверных технологий и баз данных. Различные модули (часы, календарь, фотогалереи и т.п.) могут быть реализованы средствами JavaScript.
В каждом случае необходимо обосновать выбор тех или иных технологий.
4. Дизайн web-сайта.
Разработать блочные композиции основных страниц сайта.
Необходимо учесть все возможные элементы, которые планируется поместить на страницах: логотип, навигационная панель (одна или несколько), информационные блоки (текст), графические изображения и баннеры.
Все элементы блочной композиции необходимо подписать.
Примеры:
Пример блочной композиции с левым позиционированием элементов навигации
Пример блочной композиции с правым позиционированием элементов навигации
Пример блочной композиции с верхним и нижним позиционированием элементов навигации
Пример «смешанной» компоновки
Блочная композиция может быть в виде эскиза.
Согласно блочной композиции создается визуальный прототип – шаблон сайта в цвете. Шаблон сайта можно взять готовый, можно отрисовать самостоятельно (будет оцениваться значительно выше, но необходимо сохранить стадии изготовления макета в jpg (1.jpg, 2.jpg…).
Цветовая схема. В идеале, цветовая схема сайта должна содержать не более 3–4 цветов. Помните, что оформление всегда должно соответствовать тематике. Если же сайт попадает под категорию, например, развлекательного, то можно использовать более богатую палитру цветов.
При разработке или выборе цветовой гаммы самостоятельно изучите Теория цвета, цвет в Web.doc, Цветовые ассоциации.doc, Цветовые стили.doc из папки Лекции для самостоятельного изучения
Графика. Пусть графики будет меньше, но она будет качественнее:
В среднем страничка не должна весить больше 100 кб.
Большие картинки лучше разрезать на несколько, и загружать по отдельности.
Так же не стоит забывать по атрибуты width и height внутри тега IMG.
По возможности у каждой картинки должен быть атрибут ALT.
В режиме отключенных изображений все основные элементы сайта должны оставаться читабельными.
Умеренность в использовании элементов оформления. Избегайте чрезмерной навязчивости: мигающий текст, шрифт огромного размера, избыток восклицательных знаков, ядовитые цвета шрифта и фона – все это исключено. Такое оформление говорит о непрофессионализме web–мастера. И это же мнение зачастую подсознательно переносится посетителями и на содержание сайта, к которому большинство посетителей даже и не переходит.
Грамматика и стиль в тексте. Ошибки, опечатки и плохая литературная стилистика в тексте – недопустимы на сайте. Несоблюдение правил верстки текста, подбора шрифтов и их размера – также снижают его оценку пользователем.
Совместимость с браузерами. Проверяйте сайт на разных браузерах: Internet Explorer, Opera, Mozilla Firefox (как минимум).
Совместимость разрешений. Сайт должен одинаково смотреться как с разрешением 1024*768, 1280*1024 так и с 1600*1200, так как это самые распространенные разрешения на данный момент.
В пояснительной записке необходимо привести цветные скриншоты основных страниц сайта (но не менее трех).