Проектирование web-сайта "Бойцовые собаки – кто они?"

Выявление целей создания сайта и постановка проблемы, решаемой с его созданием. Анализ сайтов–аналогов, обоснование типа разрабатываемого web–узла. Специфика разработки набора макетов страниц. Оптимизация контента сайта, его верстка и тестирование.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 12.02.2011
Размер файла 1,4 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

4) Типографика

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

5) Одностраничный дизайн

Эта тенденция ставит задачу правильно преподнести необходимый контент. Чаще всего это личные сайты-визитки или реклама услуг или товаров. В 2010 году тенденция будет отходить от причудливой навигации и станет более минимальной в своем подходе. Обычно на одной такой странице, если рассматривать сайт-визитку, можно найти абсолютно все об интересующейся личности, при этом не используя трехступенчатую навигацию, удобно. Идея: дизайн сайта-визитки станет более личностный и упрощенный.

6) Большие изображения

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

7) Фокусы с перспективой

Перспектива в веб-дизайне вымерла, но она обязательно возродится.. Можно продвинуть идею перспективы на новый уровень и дать возможность пользователю насладится сайтом с разных точек обзора. Идея: в силу вступят также перспективные штуки, которые превратят сайт в красивое и необычное место.

8) Интерактивный / интуитивный дизайн

Были времена, когда флеш технологии сильно раздражали своей недоступностью, когда сайт не запускался в том же раздражающим флеш интерфейсе. На сегодняшний день обстоятельство изменились, флеш сейчас гораздо свободней и гораздо функциональней. Хоть некоторые дизайнеры предпочитают jquery формы и всплывающие окна, flash по-прежнему остается в веб-дизайне, особенно когда используется тонко и профессионально. Флеш также не имеет себе равных в интерактивности.

9) Модальные окна

Тенденция модальных окон набирает обороты.. Модальные окна красиво и “чисто” выглядят, легко сливаются с дизайном и просты в использовании, что делает из идеальным решением для любого дизайнера, который делает основной акцент на юзабилити. Идея: модальные окна будут продолжать использоватся и не утеряют своей актуальности.

10) Минимализм

Можно забыть обычное представление о минималистических сайтах. В этом году они хоть и сохранят свое обилие свободного пространства, но будут не так как обычно содержать большое количество шрифтов и необычные цветовые решения. Не все минималистичные веб-сайты смирятся с чёрно-белой простотой. Хотя минимализм, по сути своей, предполагает приглушённость цвета, в обиход войдут и свежие тона. От минимализма не веет холодом, он согревает, причём именно так, как надо. Идея: минимализм разделится на несколько типов и мы начнем наблюдать не обычный минимал в веб-дизайне.

Для своего сайта я не планирую создавать новомодные стили, как мне кажется, более подойдет обычный «консервативный»: без излишеств, яркой графики и больших изображений.

Таблица2 - Графические стили текста:

Для чего

Стиль

Цвет

Размер

Код

Заголовки и подзаголовки

Antikvar Shadow

красный

7

<font face="Antikvar Shadow" size="7" color="#FF0000">

Основной текст

Arial

бежевый

4

<font face="Arial" size="4" color="#F5DEB3">

Врезки

Antikvar Shadow

красный

3

<font face="Antikvar Shadow" size="3" color="#FF0000">

6. Оптимизация контента сайта

Существует несколько источников получения контента: копирование материалов с аналогичных по тематике ресурсов; перевод тематических материалов с других языков; разработка схем, таблиц, графиков, иллюстраций; размещение в сети Интернет сканированных книг, статей, аналитических выкладок (охраняется законом об авторском праве);подготовка авторских материалов; пересказ уже размещенных в сети Интернет материалов.

Уникальным считается только тот Контент, который не имеет копий в Интернете. Для проверки уникальности существуют специализированные сервисы. Контент, который не является уникальным, не представляет практической ценности для посетителя и ранжируется поисковой системой на последних местах выдачи.

При размещении копированных и переводных материалов необходимо проставлять ссылки на источник информации, что приводит к возникновению ряда неблагоприятных факторов:

· контент не ранжируется высоко поисковой системой;

· уменьшается удельный вес страницы за счет большого количества исходящих ссылок;

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

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

Этапы подготовки контента

Вся работа по подготовке контента может быть условно подразделена на этапы:

· определение целей и задач;

· подготовка семантического ядра;

· сбор информации и анализ конкурентов;

· написание статей и их форматирование для улучшения восприятия;

· разработка таблиц, иллюстраций;

· перелинковка материалов между собой с целью улучшения навигации по сайту.

Каждый этап имеет свои сложности и правила. Наиболее эффективно проводить работу по подготовке контента с участием маркетолога, сео-оптимизатора, дизайнера. Только командная подготовка контента может дать положительные результаты.

Определение целей и задач, которые должен выполнять контент -- это основа его разработки. С учетом реальных потребностей пишется сама статья. Использование различных маркетинговых схем и приемов обеспечивает рост продаж, увеличение конвертации посетителей в реальных потребителей товаров и услуг.

Правильно подобранное семантическое ядро -- это набор ключевых фраз, по которым материал в поисковой системе будет находить потенциальный посетитель. Для этого используются специальные сервисы Яндекса, Гугла и Рамблера, которые показывают статистику частоты запросов определенного словосочетания. При подборе ключевых слов необходимо проводить анализ их конкурентности.

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

7. Верстка

7.1 Разработка логической и физической структуры сайта

На предыдущих этапах Web-сайт уже разделен был на несколько тематических рубрик и распланированы гиперссылки между его частями. Теперь пора задуматься о физической структуре.

Физическая структура подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован ваш сайт.

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

Рисунок 18 - Логическая структура сайта

Рисунок 19 - Физическая структура сайта

8. Тестирование сайта

Существует два основных способа тестирования -- ручной и автоматизированный. Для ручного тестирования необходимо разработать программу тестов, подобрать тестировщиков, обучить их выполнять необходимую работу, да еще и повторять ее неоднократно до достижения необходимого результата. Автоматизированное тестирование снимает многие из вышеперечисленных проблем, оставляя за владельцем в сайта (поскольку мы говорим о тестировании сайтов) определение программы тестирования. Применение программы WAPT позволяет автоматизировать повторяемость тестов и получение результатов, уменьшить влияние «человеческого фактора», его ошибок, получить множество «виртуальных тестировщиков» на одном компьютере.

Функциональное тестирование программного кода сайта -

· проверка наличия ошибок в программном коде сайта, исправление ошибок;

· тестирование usability (эффективность восприятия интерфейсов сайта пользователями) сайта - на данном этапе мы проверяем насколько удобно пользователям работать с сайтом. Это позволяет узнать, будет ли «среднестатистический» пользователь адекватно воспринимать информацию размещенную на Вашем сайте;

· также на этом этапе определяется, насколько легко пользователь находит нужную ему информацию (например, предложение о продаже какого-либо товара) на сайте клиента;

· тестирование контента - тщательно проверяем текстовый контент сайта на предмет ошибок (орфографических, стилистических, смысловых и пр.).

Мой сайт просмотрели семья и друзья. Их впечатлил дизайн и показался оригинальным. Когда я самостоятельно просматривала структуру, исправила недочеты в кодах, теперь все ссылки работают.

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

Заключение

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

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

Сайт - это, прежде всего эффективный маркетинговый инструмент, чтобы он был действительно эффективным и приносил отдачу, должна быть проделана соответствующая работа. Я считаю, что необходимая работа проведена.

Список использованных источников

1. http://www.intelwebs.ru/dizain-saita.html

2. http://www.intelwebs.ru/dizain-saita.html

3. http://www.flenov.info/favorite.php?artid=24

4. http://psyberia.ru/work/color

5. http://www.comprog.ru/OtherAboutWebTehnologies/article_3727.htm

6. http://www.linkz.ru/site-create/proektirovanie_navigatcionnoj_sistemue_sajta.html

7. http://mikhalkevich.narod.ru/kyrs/kompozicia/ds2.html

8. http://www.tepka.ru/sitestroy/7.html

9. http://www.tepka.ru/sitestroy/5.html

10. http://comvest.net.ru/school/id79.htm

11. http://comvest.net.ru/school/id79.htm

12. http://www.seop.ru/regulations.html

13. http://www.kgau.ru/distance/FPK/structure.html

Размещено на http://www.allbest.ru/


Подобные документы

  • Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

    дипломная работа [1,5 M], добавлен 03.06.2015

  • Структура локальной сети предприятия и используемое программное обеспечение. Обоснование типа разрабатываемого web-узла. Выбор инструментов и технологий для разработки. Оптимизация контента сайта. Расчёт затрат на создание программного продукта.

    дипломная работа [3,1 M], добавлен 26.01.2013

  • Этапы создания веб-сайта "Синьор Пекарь": анализ сегмента потребителей и аналогов проекта. Разработка рабочего наброска и карты сайта, перечень требований по содержимому и функциям. Декомпозиция макета на структурные блоки, оптимизация контента и верстка.

    курсовая работа [10,0 M], добавлен 19.04.2011

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

    дипломная работа [56,4 K], добавлен 12.11.2014

  • Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

  • Виды структур Web-сайтов: линейная, древовидная, решетчатая и произвольная. Структура и содержание сайта гостиничного комплекса "Воздвиженское", "Смоленск" и "Иртыш". Идеи сайта и целевая аудитория. Заполнение страниц информацией и тестирование сайта.

    курсовая работа [1,7 M], добавлен 25.04.2015

  • Мультимедийное представление информации, аналоги платформ. Разработка структуры сайта, макетов страниц. Верстка шаблонов страниц. Написание серверной логики и кода презентаций. Публикация сайта в сети Интернет. Требования к интерфейсу пользователя.

    дипломная работа [983,2 K], добавлен 17.12.2015

  • Понятие и виды хостинга. Характеристика способов раскрутки веб-сайта. Обоснование необходимости и особенности разработки сайта для гостиничного предприятия, его назначение. Анализ сайтов-конкурентов. Выбор хостинга и домена, метода продвижения сайта.

    контрольная работа [310,6 K], добавлен 25.12.2012

  • Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.

    дипломная работа [4,7 M], добавлен 19.01.2017

  • Анализ предметной области. Характеристика информационной системы. Обоснование выбора среды разработки. Проектирование, разработка, тестирование и внедрение сайта образовательной организации. Содержания школьного сайта, его организационной структуры.

    дипломная работа [3,4 M], добавлен 15.02.2017

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.