Разработка концепции корпоративного Web-сайта на примере Калужской торгово-промышленной палаты
Основные правила и этапы создания сайта, влияние параметров дисплеев на Web-дизайн, обеспечение доступности Web-страницы, разрешение и размер файла изображения. Цели и разработка содержания сайта, технология информационного наполнения, цветовая гамма.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 18.05.2009 |
| Размер файла | 442,5 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
40
РОССИЙСКАЯ АКАДЕМИЯ ГОСУДАРСТВЕННОЙ СЛУЖБЫ ПРИ ПРЕЗИДЕНТЕ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФИЛИАЛ
«Северо-Западная академия государственной службы»
в г.Калуге
Кафедра «Связи с общественностью»
КУРСОВАЯ РАБОТА
По дисциплине: «Связи с общественностью в коммерческих структурах»
На тему: «Разработка концепции корпоративного Web-сайта на примере Калужской торгово-промышленной палаты»
Студент __________ Мотренко Ю.В.
дневного отделения
V курса
специальности
"Связи
с общественностью"
Научный руководитель __________ Ветошкина О.В.
СОДЕРЖАНИЕ
ВВЕДЕНИЕ
Глава I. ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЯ САЙТА
1.1 Что такое WWW
1.2 Браузеры
1.3 Влияние параметров дисплеев на Web-дизайн
1.4 Обеспечение доступности Web-страницы
1.5 Представление графики на Web-страницах
1.6 Разрешение и размер файла изображения
1.7 Графика
Глава II. ИНФОРМАЦИОННОЕ НАПОЛНЕНИЕ И ДИЗАЙН WEB-САЙТА
2.1 Цели и разработка содержания Web-сайта
2.2 Топология информационного наполнения Web-сайта
2.2.1 Восприятие информации, расположенной на Web-странице
2.2.2 Цветовая гамма Web-сайта
2.3 Правила Web-дизайна
2.4 Разработка дизайна Web-сайта
2.5 Оценка эффективности Web-сайта
ГЛАВА III. АНАЛИЗ КОРПОРАТИВНОГО WEB-САЙТА КАЛУЖСКОЙ ТОРГОВО-ПРОМЫШЛЕННОЙ ПАЛАТЫ
ЗАКЛЮЧЕНИЕ
СПИСОК ЛИТЕРАТУРЫ И ИНТЕРНЕТ-САЙТОВ
ВВЕДЕНИЕ
World Wide Web - это глобальная компьютерная сеть, на сегодняшний день содержащая миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования Интернет-технологий. Интернет -- это совокупность компьютерных сетей, связанных друг с другом и работающих по единым стандартам. Для навигации в сети Интернет используются специальные программы - Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом сайтов WWW. Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети, ведь пользователю приятнее посещать те страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
В курсовом проекте сделана попытка разобраться в том, что необходимо знать и уметь для создания сайта, какое программное обеспечение является инструментарием для этого, какими принципами следует руководствоваться при разработке дизайна сайта.
Итак, целью данного проекта стала разработка основной концепции создания Web-сайта с точки зрения корпоративного PR. Задача проекта - конкретизация основных правил Web-дизайна, а также анализ корпоративного сайта Калужской торгово-промышленной палаты.
Структурно работа состоит из введения, трёх глав и заключения, изложенных на 41 странице печатного текста.
Глава I. ОСНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЯ САЙТА
1.1 Что такое WWW
Что же такое World Wide Web, или, как говорят в просторечии, WWW? World Wide Web - это распределенная информационная система мультимедиа, основанная на гипертексте. Разберем это определение по порядку.
Понятие «распределенная информационная система» означает, что информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers), то есть компьютеров, на которых установлено специальное программное обеспечение и которые объединены в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов (так называемых браузеров).
Мультимедиа - информация, выраженная в двух- и трехмерной графике, видео и звуке.
Гипертекст: информация в WWW представляется в виде документов, любой из которых может содержать как внутренние перекрестные ссылки, так и ссылку на другие документы.
Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне браузера ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь может быстро перемещаться от одной части документа к другой, или же от одного документа к другому (идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной).
Итак, Web-сайт может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами сети Internet. Чтобы реализовать все эти возможности, был разработан специальный язык, названный HyperText Markup Language - HTML (буквально - «Язык Разметки Гипертекста»). Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется браузером.
Принятие правильного решения о выборе браузеров и использовании новых технологий во многом зависит от выбранной аудитории пользователей. Прежде чем разрабатывать сайт, необходимо провести исследования, каким платформам, браузерам, техническим новинкам отдается предпочтение, какие скорости соединения используют потенциальные пользователи.
1.2 Браузеры
Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна - многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценарии. С выпуском каждого нового браузера улучшаются их характеристики и возможности, но это не означает, что более ранние версии при этом исчезают. Чаще всего люди не склонны гнаться за новейшим и лучшим. Одни довольствуются тем, что у них имеется, а другие, вероятнее всего, работают на компьютерах фирм или учреждений, которые выбрали браузеры за них.
Как сделать дизайн Web-сайта эстетически и технически интересным, не игнорируя при этом владельцев предыдущих версий браузеров? Ведь сайт, рассчитанный на то, чтобы функционировать на любых браузерах, не должен быть обязательно скучным. Можно ли угодить всем? И если нет, то где провести черту?
В Web-дизайне нет жестких правил. Поскольку главная задача - сделать содержимое сайта доступным для максимального количества пользователей, то для продвижения вперед одинаково важны и эксперимент, и использование новых технологий с учетом существующих реалий. Залог успеха дизайнерского решения лежит в понимании потребностей аудитории и в четком представлении, как сайт будет использован.
Браузеры Netscape Navigator и Microsoft Internet Explorer. На рынке до недавнего времени доминировали два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляли примерно 90 % используемых браузеров.
Эти два браузера конкурировали между собой за господство на рынке. Существуют, конечно, и печальные последствия этой борьбы, но в целом конкуренция между Netscape и Microsoft способствовала более быстрому развитию Web-среды.
Большинство Web-авторов в своей работе ориентировались на Navigator и Internet Explorer, поскольку они занимали львиную долю рынка.
Opera. С недавних пор лидеров рынка Netscape Navigator и Internet Explorer значительно потеснила новая разработка норвежской компании «Opera Software» браузер Opera. Он обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.; о тегах будет рассказано чуть позже), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером.
Хотя Opera и пока не стоит на первых местах по частоте использования, но многие разработчики тестируют свои сайты в Opera, чтобы убедиться в правильности кода.
Maxthon - браузер, созданный по образу и подобию Internet Explorer, но более эргономичный, содержащий помимо ставших уже обычными новые функции (например, так называемые «gestures» - набор особых движений мышью, которые позволяют выполнять различные действия в браузере: открыть или закрыть страницы, перейти вперед или назад, прокрутить страницу).
Mozilla. Mozilla - один из браузеров, собравший наибольшее количество разноплановых приложений «под одной крышей» кроссплатформенного пакета сетевой коммуникации. Mozilla -- лидер среди современных браузеров по числу дополнительных возможностей, облегчающих работу пользователя. Стоит отметить, что Mozilla -- идеальный выбор для тех, кто хочет обезопасить свое присутствие в Интернете.
Lynx. Lynx - это распространяемый бесплатно браузер, обеспечивающий просмотр только текста, предлагает быстрый и надежный доступ в Web. Он заслужил известность как наименьший общий знаменатель стандарта, пригодный для тестирования страницы Web-сайта по базовым функциональным характеристикам. Несмотря на простоту, этот браузер не устаревает. Lynx постоянно совершенствуется и модернизируется.
Всё предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:
- если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в Lynx (или в другом неграфическом браузере);
- если сайт предназначен для потребителей - например, сайт, который предлагает обучающие игрушки для детей, - внимание обращается на скорость загрузки и внешний вид сайта;
- если это сайт для контролируемого окружения, например корпоративный, то, точно зная, какой браузер и какую платформу используют клиенты, можно показать все, на что способен этот браузер, включая звуковые эффекты - свистки, звонки и даже собственные разработки;
- если разрабатывается сайт компьютерных игр, предназначенный для юных фанатов, с большой вероятностью можно предположить, что они пользуются самыми последними версиями браузеров и встраиваемых.
Для большинства многоцелевых сайтов разумнее использовать подход "разделение различий" или, если позволяют ресурсы, создать несколько версий и обслуживать их соответствующим образом.
1.3 Влияние параметров дисплеев на Web-дизайн
Каким образом множество типов дисплеев и условий просмотра влияет на принятие решений при разработке страницы сайта? Большая часть аудитории различает дисплеи лишь по размерам дисплея (или, выражаясь точнее, по разрешению) и по цветовым возможностям. Тем не менее, важно помнить, что различия на этом не заканчиваются. Некоторые пользователи могут смотреть сайт на экране телевизора. В то же время другие будут просматривать Web на своей ладони, с экрана PDA (Personal Digital Assistant, «наладонник») или сотового телефона.
Рабочее ("живое") пространство в окне браузера. Узнать размер дисплея - это только часть дела, поскольку операционная система и сам браузер занимают на экране довольно много места. Размер пространства, которое действительно доступно в окне браузера (оно называется "рабочим" или "живым" пространством окна браузера), зависит от операционной системы компьютера, используемого браузера и индивидуальных установок параметров пользователя.
Минимальное рабочее пространство окна измеряется со всеми возможными видимыми инструментами браузера (такими как кнопки, панели расположения и полосы прокрутки). Максимальное рабочее пространство измеряется при скрытии всех необязательных элементов, это делает окно браузера максимально большим для данного разрешения.
Но это два крайних случая. На практике размеры окна браузера варьируются. Часть кнопок будет присутствовать на экране, но, возможно, не все. Полосы прокрутки включаются и выключаются автоматически, поэтому их трудно учесть. Пользователи дисплеев с очень высоким разрешением (от 1024 пикселей и выше) всегда открывают окна целиком, а часто открывают одновременно несколько окон. Наряду с этим существует множество неизвестных факторов, которые могут повлиять на размер окна браузера.
Первым шагом при определении вероятного размера создаваемой Web-страницы должно стать определение максимального пространства, обеспечиваемое дисплеем. Компьютерные дисплеи имеют различные стандартные размеры и обычно измеряются в дюймах. Можно привести некоторые типичные размеры дисплеев - 15", 17", 19" и 21".
Более значимой характеристикой является разрешение дисплея - общее число пикселей (picture's element - «элемент картинки») на экране. Чем выше разрешение, тем более детальным может быть изображение. Зная возможное число пикселей, становится возможным создавать в соответствии с ним изображения (также измеряемые в пикселях) и элементы страницы.
Важно помнить, что чем выше разрешение на данном дисплее, тем больше пикселей спрессовано в имеющемся пространстве экрана. В результате пиксели становятся меньше и соответственно уменьшаются изображения и другие элементы страницы.
Именно по этой причине измерения в Web производятся в пикселях, а не в дюймах. То, что в одной системе представляется величиной в дюйм, на дисплеях других пользователей может выглядеть больше или меньше. При работе с пикселями известно, каковы размеры элементов относительно друг друга.
1.4 Обеспечение доступности Web -страницы
При разработке Web-страницы фиксированного размера, вероятно, придется выбирать для нее размер экрана. Здравый смысл подсказывает, что страница должна быть доступна (и правильно отображаться) для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство.
Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480 пикселей, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.
Все большее число разработчиков считает стандартным разрешение 800x600 пикселей. И совсем единицы разрабатывают страницы для еще более высоких разрешений. Всё зависит от аудитории. Например, если сайт ресурсов для дизайнеров графики, то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800x600 или выше, в соответствии с чем и разрабатывается страница. Если сайт предназначен специально для WebTV или какого-то другого устройства отображения, следует ориентироваться на это конкретное устройство.
1.5 Представление графики на Web-страницах
На данный момент почти все изображения в Web представлены в двух форматах: GIF и JPEG. Существует и третий соперник, заслуживающий упоминания, формат PNG, который борется за поддержку и внимание браузеров. Ниже мы сделаем краткий обзор "большой тройки" онлайновых графических форматов.
GIF. GIF - Grafic Interchange Format - можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.
Его свойства состоят в следующем:
- поддерживает не более 256 цветов (меньше - можно и часто нужно);
- использует палитру цветов;
- использует сжатие без потери информации;
- имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов;
- поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл (например, об авторских правах), осуществлять задержку между показами изображений и т.д.
А теперь немного разъяснений - к чему эти свойства могут привести. Как мы писали, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). А отсюда вывод - если взять красивую фотографию с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже - оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если надо все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится идти на хитрости. Например, к фотографии можно применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате, они, как правило, хорошо сжимаются и не содержат много цветов.
JPEG. Вторым наиболее популярным графическим форматом в Web является JPEG (Joint Photographic Experts Group). Он содержит 24-разрядную информацию о цвете, а это 16,77 млн. цветов, в отличие от 256 цветов формата GIF. В JPEG используется так называемое сжатие с потерями. Это означает, что некоторая информация об изображениях в процессе сжатия отбрасывается, но в большинстве случаев ухудшение качества изображения не наносит вреда и часто даже не заметно.
Фотографии или любые изображения с плавными градациями цветов лучше всего сохранять в JPEG-формате, потому что он предлагает более высокое качество изображений, умещающихся в файл меньшего объема. Тем не менее, JPEG не является лучшим решением для графических изображений с одноцветными областями, поскольку этот формат имеет тенденцию испещрять цвета крапинками и конечный файл, как правило, будет несколько больше, чем GIF-файл для того же изображения.
PNG. Есть еще один графический формат, конкурирующий за постоянное использование в Web. Это формат PNG (Portable Network Graphic), который, несмотря на некоторые достоинства, с 1994 г. находится более или менее в тени. Только недавно браузеры начали поддерживать PNG как встроенную графику, но PNG имеет все шансы стать очень популярным форматом в Web. Именно поэтому он включен здесь в "большую тройку". PNG может обеспечить более высокое качество изображений, а иногда и меньший объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG имеют некоторые замечательные функции, например, изменяемые уровни прозрачности (это позволяет показывать рисунок фона сквозь отбрасываемые мягкие тени).
1.6 Разрешение и размер файла изображения
Поскольку изображения Web существуют только на экране дисплея, будет технически правильно измерять их разрешение в пикселях на дюйм (ppi - pixels per inch). Другая единица измерения разрешения - количество точек на дюйм (dpi - dots per inch) - относится к разрешению печатных изображений и зависит от разрешения печатающего устройства.
Но, так как реальные размеры графики зависят от разрешения дисплея, измерение в дюймах становится для Web-окружения неприемлемым. Единственно значимой единицей измерения становится пиксель.
Практично создавать изображения с разрешением 72 ppi (это лучший вариант для представления на экране), обращая внимание только на общие размеры в пикселях. В процессе создания графики на Web можно вообще не использовать дюймы. Важен размер изображения по сравнению с другими изображениями на странице и общим размером окна браузера.
Размер файла. Без сомнения, именно графика сделала Web таким, каким мы его видим сегодня. Но не стоит забывать, что графика увеличивает время, необходимое Web-странице для передачи по сети; большой объем графики означает существенное время загрузки, которое испытывает терпение читателя, особенно если он использует стандартное модемное соединение.
В этом отношении для Web-дизайнера существует единственное наиболее важное правило: размер файла графического изображения должен быть минимально возможным! Создание изображений, предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно относиться к проблеме времени загрузки.
1.7 Графика
Создание и оптимизация графики - трудоемкое, кропотливое дело. Безусловно, возможно создание Web-сайта и без использования графики - при помощи шрифтов, таблиц стилей и других методов - и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет. К тому же не все функции и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель сайта увидит его точно таким, каким его сделали и видят создатели. Основная сложность работы с Web-графикой состоит в том, что пропускная способность каналов Интернета в большинстве случаев очень низкая и перед дизайнером сразу встанут проблемы, как сделать графический файл небольшим по объему, но хорошего качества, какие программы и приемы использовать при его оптимизации.
Именно этому посвящен раздел о векторных и растровых графических редакторах, которые являются мощным инструментом обработки изображения в умелых руках.
Прежде чем рассмотреть векторные и растровые графические редакторы, следует уяснить, в чем состоит различие между векторным и растровым представлением изображения.
Растровая графика представляет собой сетку (растр), ячейки которой - пиксели. Каждый пиксель в растровом изображении имеет строго определенное местоположение и цвет, а, следовательно, любой объект представляется программой как набор окрашенных пикселей. Это значит, что пользователь, работая с растровыми изображениями, работает не над конкретными объектами, а над составляющими их группами пикселей.
Растровые изображения обеспечивают высокую точность передачи градаций цветов и полутонов, а также высокую детализацию изображения, поэтому они являются оптимальным средством представления тоновых изображений, таких как сканированные фотографии. Для изображения растровой графики всегда используется фиксированное количество пикселей, т.е. качество растрового изображения напрямую зависит от разрешающей способности оборудования. Это значит, что любое изменение изображения (поворот, увеличение и т.д.) приводит к неизменному искажению картинки, и границы объектов получаются неровными.
Векторные изображения формируются на основе математически описанных фигур, называемых векторами, а вид изображения определяется параметрами векторов. Другими словами, векторная графика состоит из кривых, имеющих координаты, цвет и прочие параметры, а также замкнутых областей, заполненных определенным цветом. Границы этих областей также описываются кривыми. Файл с векторной картинкой содержит координаты и параметры кривых.
Результаты обработки векторных изображений не зависят от разрешающей способности оборудования, поэтому можно произвольно изменять их параметры (размер, цвет, форму и т.д.) - качество не ухудшится. Векторная графика применяется при создании цифровых объектов с использованием мелких кеглей (размеров шрифта) или таких объектов, как логотипы, для которых важно сохранять четкие контуры, при неограниченном масштабировании.
Графические пакеты (редакторы) тоже делятся на два типа: растровые и векторные. Рассмотрим наиболее популярные из них.
Рис. 1
Редакторы растровой графики. Microsoft Paint - самый простой редактор, входящий в стандартную поставку операционных систем Microsoft. Он обладает набором простейших функций (кисточка, карандаш, резинка и т.д.), которые позволяют создавать незамысловатые картинки. К сожалению, для обработки графики он практически не пригоден.
Картинку, которую мы видим на рисунке 1 - это большее, на что способен этот редактор.
Adobe Photoshop - на сегодняшний день самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей.
Рис. 2
Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистине огромен. Начиная с версии 5.5 в пакет включена программа Adobe ImageReady, предоставляющая огромные возможности по обработке графики под Web (оптимизация изображений, создание анимированных GIF, "разрезание" картинок на более мелкие и т.д.). Девиз разработчиков Adobe Photoshop - "Camera of your mind" - предполагает не только техническое совершенство, но и полную свободу творчества.
PhotoPaint - еще один не менее известный графический редактор (из пакета Corel Draw) для обработки растровой графики, конкурирующий с Adobe Photoshop. Здесь также имеются все необходимые инструменты для обработки графики, разнообразные фильтры, текстуры. Разница лишь в удобстве работы, интерфейсе и скорости наложения фильтров - оно происходит немного медленнее.
Painter - редактор предоставляет великолепные возможности для эмуляции реальных инструментов рисования: графит, мел, масло и т.д. Также позволяет имитировать фактуру поверхности материалов, живопись, создавать анимацию. Очень удобен для разработки фоновых рисунков или Web-страниц в стиле живописи. Пользуясь это программой, чувствуешь себя настоящим художником.
Существует еще ряд редакторов (Microsoft Photo Editor, Microsoft Photo DRAW), также позволяющих реализовать простейшие задачи, но не удовлетворяющих запросы профессионалов.
Редакторы векторной графики. Пакет Adobe Illustrator позволяет создавать, обрабатывать и редактировать векторную графику. По своей мощности он эквивалентен растровому редактору Adobe Photoshop: имеет аналогичный интерфейс, позволяет подключать различные фильтры и эффекты, понимает многие графические форматы, даже такие как *.cdr (Corel Draw) и *.swf (Flash).
Рис. 3
CorelDraw - безусловно, такой известный графический пакет не мог обойтись без средств для обработки векторной графики. Пакет по своей мощности практически не уступает графическим редакторам Adobe Photoshop и Adobe Illustrator. Помимо обработки векторной графики, в этом пакете существует обработчик растровой графики (Photo Paint), трассировщик изображений, редактор шрифтов, подготовки текстур и создания штрих-кодов, а также огромные коллекции с изображениями (CorelGallery).
Итак, в главе рассмотрены основные технические условия, исследование которых необходимо для создания качественного Web-сайта - наиболее распространённые на сегодняшний день браузеры, параметры дисплеев, наиболее применяемые форматы файлов изображений, а также используемые на сегодняшний день редакторы для создания и обработки графики.
ГЛАВА II ИНФОРМАЦИОННОЕ НАПОЛНЕНИЕ И ДИЗАЙН
WEB-САЙТА
2.1 Цели и разработка содержания Web-сайта
Прежде чем приступать к созданию Web-сайта, необходимо определить цели, ради которых он разрабатывается. Ими могут быть, например:
· распространение информации о фирме, ее продукции и услугах;
· продажа товаров и услуг;
· формирование благоприятного имиджа фирмы или продукции;
· получение от потребителей оперативной информации о продукции фирмы, ее услугах, качестве обслуживания и др.
Пользователи сети Internet больше всего ценят информацию. Поэтому содержание сайта является одним из основных преимуществ, которые может получить фирма, если разместит на ней нужную пользователям информацию.
Информация, представленная на сайте, должна удовлетворять следующим критериям:
· соответствовать целям создания сайта;
· учитывать особенности целевого сегмента потребителей;
· быть в определенной степени уникальной, чтобы привлечь внимание посетителей. Тем более, что в сети Internet существует множество похожих сайтов, и конкуренция между ними достаточно сильная;
· быть оперативной. Для поддержания интереса к сайту его необходимо постоянно обновлять и модернизировать. Можно установить, как часто будут обновляться данные. Web-страницы, информация на которых обновляется раз в месяц, могут рассчитывать на повторные посещения пользователей только через несколько месяцев. Если же новые сведения появляются каждый день, то повторные визиты будут происходить раз в несколько дней. Для того чтобы показать пользователям, что Web-страница обновляется, можно указать на ней дату ее создания и последнего обновления.
· быть объективной и достоверной. Посетители, которые обнаружат ошибочную или неточную информацию, вряд ли захотят повторно обратиться к этому сайту.
· не носить излишне рекламный, навязчивый характер.
На Web-сайте можно представить разнообразные материалы: информацию о фирме и ее продукции, каталог продуктов и услуг, списки дилеров, адреса торговых представителей, справочные сведения, новости, сетевой магазин, раздел обратной связи, вакансии и т.д. Следует размещать только ту информацию, которая является наиболее интересной и полезной.
Одна из основных задач, которую следует ставить перед собой при составлении текстов для Web-сайтов - это использование технической и развлекательной информации для выделения особенностей фирмы. Низкая стоимость системы WWW приводит к тому, что у любого сайта существует множество конкурентов. Поэтому тексты на страницах сайта должны четко отвечать на вопросы: «Чем отличается компания от всех остальных?», «Как можно обосновать и подчеркнуть эти отличия?»
Многие компании начинают свой сайт с графического логотипа. Не следует делать его слишком большим. Не помешают также несколько строк, описывающих деятельность фирмы.
Некоторые сведения следует указывать на каждой странице Web-сайта. К ним относятся, в частности, электронный адрес и имя администратора сервера, а также название компании и сведения об авторском праве.
Первые страницы газет планируются таким образом, чтобы наиболее важные и интересные материалы располагались в их верхней части, выше линии сгиба, так как все, что находится ниже этой линии, на газетном стенде не видно. Точно таким же правилом следует руководствоваться и при создании Web-страниц. Большая часть пользователей уделяет очень мало внимания ссылкам, изображениям и тексту, находящимся в нижней части Web-страницы. Так, только 10% пользователей прокручивают информацию, не помещающуюся на экран. Поэтому вся самая важная информация и все устройства управления Web-страницей (кнопки, ссылки) должны быть вверху страницы.
Не следует злоупотреблять ссылками, превращая в них едва ли не каждое слово. Следует создавать ссылки только там, где они действительно необходимы. Можно предложить посетителям ссылки на другие Web-страницы со сходной ориентацией.
Не следует создавать на сервере «тупики», то есть ссылки на страницы, содержащие пометку. Это вызывает раздражение у пользователей.
Каждая ссылка должна сопровождаться описанием. Если ссылкой является слово из текста, то окружающий текст должен описывать объект, на который она указывает. Если ссылка указывает на файл, который может быть получен пользователем, то нужно указать возле нее размер этого файла. Это относится как к графическим изображениям, так и к текстам и другим объектам. Если пользователь не знает размера файла, то он может начать его получение, примерно оценить размер файла и отказаться от него. На эти бесполезные действия будет расходоваться не только время пользователя, но и ресурсы сервера.
Web-сайт содержит много страниц. Пользователь может подключиться к любой из них, однако главным входом является «домашняя страница», которая задает тон всему сайту. От нее будет зависеть первое впечатление, получаемое посетителями.
Текст на «домашней странице» должен знакомить посетителя не с продукцией фирмы, а с её сайтом. Страницы с описаниями продукции должны открываться несколько позже. На «домашней странице» следует разместить краткое содержание сайта, чтобы пользователям не приходилось переключаться для доступа к нему на другую страницу.
Посетители хотят также знать, что нового появилось на сайте за последнее время. Хорошо разместить на первой странице список обновлений, указав соответствующие даты. Пользователи, подключающиеся к сайту не в первый раз, скорее всего, просмотрят только первую страницу, и если на ней не будет ничего нового, то они просто отправятся дальше.
На «домашней странице» необходимо описать способы получения необходимой информации, указать контактные адреса и телефоны.
К разработке содержимого Web-сайта следует подходить точно так же, как к написанию статьи для газеты - по мере увеличения детализации. Необходимо начинать с общих сведений, потом переходить к более конкретным, и только потом - к еще более конкретным. Чем глубже находится страница, тем меньше пользователей ее прочитают.
Графические и мультимедийные материалы играют важную роль в формировании содержания Web-страниц. Они повышают эффективность восприятия сообщений. Однако вопрос о количестве и качестве графики на Web-страницах еще активно обсуждается. Следует ли размещать на своём сайте красивые фотографии и рисунки, которые долго загружаются в программу просмотра, или же стоит ограничиться небольшими низкокачественными изображениями, увеличив скорость загрузки? Выбор подходящего варианта должен определяться аудиторией, на которую ориентируется заказчик.
При этом важно учитывать следующее. Исследования показывают, что около 40-45% пользователей сети просматривают содержимое Web-страниц в режиме без загрузки графики, или останавливают загрузку графических файлов большого объема при помощи кнопки «Остановить».
Поэтому если нужно, чтобы посетители сервера обратили внимание на графические изображения, то следует помнить, что многие из них могут дождаться окончания загрузки файла размером 5-10 Кбайт. Здесь можно применить тот же трюк, что и при указании розничных цен - программы просмотра WWW показывают объем передаваемых файлов, и файл размером 4995 Кбайт кажется значительно меньшим, чем файл размером 5000 Кбайт.
Примерно 40% посетителей WWW лишены возможности просмотра графических изображений, поэтому каждой картинке со ссылкой должна соответствовать аналогичная текстовая ссылка. Можно также создать «текстовый» вариант всей Web-страницы.
Ниже приведены некоторые полезные рекомендации. Они достаточно кратки и не требуют дополнительных комментариев.
1) Для успеха Web-сайта необходимо, чтобы на нём содержались не только коммерческие сведения, но и новости, развлекательная информация, интересная для целевой группы.
2) Желательно создать раздел обратной связи для получения откликов посетителей и поощрять активность посетителей.
3) В современных условиях важным моментом становится обеспечение связи Web-сайтов с корпоративными базами данных и базами документов. Это позволит мгновенно реагировать на любые запросы посетителей.
4) При большом объеме информации целесообразно создать поисковую систему.
5) Если Web-страница предназначена для посетителей, говорящих на разных языках, то необходимо создать несколько версий страниц, каждую на отдельном языке, с возможностью переключения с одного языка на другой.
2.2 Топология информационного наполнения Web-сайта
Цель любого Web-дизайнера - привлечь как можно большее количество посетителей на сайт из числа целевой аудитории. Число читателей является определяющим фактором в работе Web-сайта. Аудитория читателей является индикатором интереса к данному сайту. Чтобы привлекать новых посетителей и удерживать постоянных, Web-сайт должен доносить до пользователя как можно больше новой востребованной информации. Чтобы выигрывать в конкурентной борьбе, важно не только организовать непрерывный поток качественной информации, но и необходимо правильно представить ее пользователю. В конечном итоге он выберет из числа равных тот сайт, ту страницу, у которых более удобный интерфейс, где информационные блоки расположены наиболее удобным образом, заголовки и анонсы - кратки и информативны, иллюстрации качественны, а дизайн удобен для восприятия информации.
На заре развития сети Интернет не существовало строгого понимания, как должен выглядеть информационный ресурс. Web-страницы имели различные схемы компоновки. Новые сложные графические решения привлекали внимание посетителей своей формой, но не имели понятной содержательной части. Пользователю приходилось сначала изучить конструкцию сайта, понять, что является навигацией, и уже после получать необходимую информацию. Разнородные конструкции сайтов часто вводили в заблуждение пользователей своей запутанной навигацией и непонятным размещением информационных блоков.
В данной главе мы рассмотрим топологию сайта, то есть структуру размещения информационных блоков, постараемся определить, какие удобства привлекают пользователя.
Чтобы определить, как необходимо организовать структуру и дизайн Web-страницы, постараемся ответить на следующие вопросы:
· в какой последовательности читатель просматривает информационные блоки;
· какая цветовая гамма является удобной для восприятия текста;
· какой дизайн является предпочтительным для читателя;
· где привычнее всего читателю видеть навигационную панель.
2.2.1 Восприятие информации, расположенной на Web-странице
Знакомясь с сайтом, пользователь обычно пробегает взглядом страницу по диагонали сверху вниз и слева направо. Эта особенность восприятия информации закладывается с детства, с момента, когда ребенок начинает знакомиться с книгами и учится читать.
Самыми заметными информационными блоками являются те, которые располагаются ближе к верхнему левому краю. Следовательно, чтобы читатель сразу заметил лейбл сайта - название и логотип должны занять область, близкую к верхнему левому краю.
Следующие по важности информационные блоки - это навигационные панели.
Горизонтальная навигационная панель должна занять место в верхней части сайта. Вертикальная - левый столбец. Возможны другие варианты расположения навигационных панелей, но они являются специфическими.
2.2.2 Цветовая гамма Web-сайта
Цвет - это эмоции и настроение. Можно взбодрить зрителя, навеять на него осеннее или весеннее настроение, или наоборот, вогнать в смертную тоску. Светло-серый цвет в сфере Web-дизайна называется серебряным, темно-серый с оттенками - «мокрый асфальт», грязно-белый - «белая ночь». «Коррида» - и сразу представляется алый, но особого оттенка. В ход идут названия напитков - «кофейный», «шоколадный», «молочный»; овощей, фруктов и ягод - «оливковый», «вишневый». Идет в ход все, с чем можно сравнить необычный оттенок.
«Престижные» цвета - золото, серебро, темно-серый, черный. Их задача - передать солидность, уверенность, стабильность и высокую стоимость.
«Пастельные» цвета - нежные бежевые, розовые, голубоватые.
«Здоровые» цвета, согласно американской психологии, символизируют чистоту, здоровье, уверенность (соя, кукуруза…)
«Природные», близкие к естественным органическим, природным компонентам...
Как вариант использования цвета - «растяжки»... Они обычно представляют собой тональные оттенки одного цвета, и как акцент - более активный цвет.
Как уже было сказано, наиболее привычным для нас является чтение черного текста, расположенного на белом фоне. Обратная картина - белый текст на черном фоне - используется крайне редко и не является лучшим цветовым решением для серьёзного Web-сайта. Допускается использование цветного текста и цветного фона. Главное при этом то, что текст должен хорошо читаться.
Нельзя использовать для основного текста чистые цвета (яркий зеленый, яркий красный, яркий синий и т.п.), они утомляют пользователя, что, естественно, не способствует восприятию информации. То же касается и цвета фона - цветовая насыщенность его должна быть минимальной.
Для выделения фрагментов текста (заголовки, ссылки, и т.д.) часто используются 2-3 более сочных цвета в дополнение к основному цвету. Это могут быть заголовки, ссылки и т.д. Важно, чтобы выделенные слова не делали текст пестрым.
2.3 Правила Web-дизайна
Как не раз уже говорилось, дизайн всех страниц сайта должен быть выдержан в едином стиле. Стиль - это система визуальных элементов, призванная обеспечить цельность восприятия данной страницы или всего сайта. Исходя из разработанной концепции и контента (текстового материала, готовых иллюстраций и рисунков), выбираются шрифты, цвет фона, способ обработки картинок, коллажей, иконок и пр. элементов. А затем просто необходимо придерживаться выбранной манеры исполнения элементов по ходу создания и развития сайта.
Стиль призван обеспечить хотя бы минимальную уникальность сайта. Можно использовать распространенный набор цветов, шрифтов, стандартные приемы оформления... Но что-то свое, особенное в нем должно быть.
Основные элементы стиля сайта:
· логотип;
· модульность;
· шрифты;
· цвета;
· иллюстративный ряд (приёмы обработки изображений).
На данный момент можно определить как типы:
· текстовый дизайн - определяется содержанием и концепцией автора. "Текстовый" не означает простой или примитивный. На первом уровне это означает почти полное отсутствие изображений как таковых, что значительно ускоряет загрузку страницы. А навигационные и декоративные элементы выполняются теми же "символьными" приемами. Нужно сказать, что HTML как таковой значительно расширил возможности при разверстке страниц этого типа, и теперь при помощи кода можно делать и тени, и даже изображения (хотя изображение кодом зачастую больше по "живому весу", чем аналогичное в GIFе или JPGе)... При таких разверстках следует хорошо знать классические верстальные приемы, особенности используемых шрифтов.
· полиграфический дизайн - тот вариант, когда Web-сайт стремится имитировать печатное издание (особенно буклетные типы). Такой дизайн распространен на корпоративных сайтах, сайтах с рекламным уклоном, там, где особо необходимо образно-эмоциональное наполнение основного содержания. Ставка делается на классические дизайнерские приемы по принципу - “сгенерировать” общий дизайн, а потом нарезать и собрать... Как правило, основное впечатление пользователь получает за счет графики.
· интерфейсный дизайн - сейчас его еще называют “usability”. Это стиль, призванный максимально облегчить жизнь пользователю во всех ее проявлениях, от загрузки странички (минимизирование кода и предельная оптимизация изображений) до особого, тщательного исполнения каждого элемента. Досконально продуманная (как правило) навигация, изначально понятность пользования общей схемой сайта - такой подход к Web-дизайну вызывает только глубокое почтение и уважение. И даже если с точки зрения изобразительной эстетики на таком сайте окажется не все гладко, это с лихвой окупится остальными достоинствами.
· динамический дизайн - в примитивном варианте бегающие по экрану, или просто шевелящиеся изображения. В хорошо продуманном сценарии это может быть целое произведение искусства, последовательно разворачивающее перед зрителем мысль автора или какой-то художественный образ.
· смешанные типы - суть понятна и так - обычно комбинация вышеперечисленных типов.
2.4 Разработка дизайна Web-сайта
Дизайн играет, несомненно, важную роль в привлечении внимания пользователей сети Internet к определенному сайту. При его разработке прежде всего нужно учитывать особенности восприятия целевой аудитории. При этом оформление должно соответствовать содержанию сайта.
Универсального решения в области разработки дизайна сайтов не существует. Возможны различные варианты исполнения страниц. Но, конечно, существуют определённые рекомендации по работе с образом и стилем.
Все Web-страницы одного сайта должны быть оформлены в едином стиле. Это создаст дополнительное представление о фирме и ее товарах.
Дизайн Web-страниц предполагает разработку следующих элементов:
· цвет;
· шрифт;
· графика;
· компоновка Web-страницы.
При этом сеть Internet налагает некоторые ограничения на возможности оформления Web-страниц - время их загрузки, пропускная способность канала передачи данных, размер графических файлов, совместимость браузеров, передача цветовой палитры и др.
Единая цветовая гамма Web-страниц способствует быстрому и полному восприятию содержания. Как правило, лучшая комбинация цветов для чтения - белый фон и черный текст.
Можно использовать фоновый цвет для отдельных символов текста, что дает возможность создавать интересные композиции для заголовков, подписей к рисункам. Однако не следует изменять цвета ссылок, поскольку пользователь может решить, что уже посещал их раньше и не нашел ничего интересного.
При выборе шрифта необходимо принимать во внимание следующие рекомендации:
1. Не следует использовать очень крупный размер шрифта (особенно с полужирным и курсивным начертанием) для текстовых надписей, так как он чаще всего производит грубое впечатление. Тогда как шрифт обычного размера при умелой подаче кажется насыщенным информацией и располагает к вдумчивому прочтению.
2. Не следует применять такие приемы, как подчеркивание и перечеркивание, так как подобные текстовые эффекты могут ассоциироваться у пользователей с гипертекстовой ссылкой.
3. Навигационное меню на всех страницах должно иметь одни и те же форму, цвет, размеры и месторасположение, что обеспечивает легкость перемещения по серверу.
4. Не следует заполнять страницы избыточным количеством графических материалов. Не следует включать в страницу непрерывно двигающиеся элементы - они перенапрягают периферическое зрение. Нужно сохранять баланс между текстом, изображениями и пустым пространством.
Закончив создание Web-страницы, нужно посмотреть на нее со стороны потенциального пользователя. Возможно, разработка Web-страницы будет происходить на мощном компьютере типа «Power Mac» или «Sun», однако большинство пользователей могут находиться в значительно худших условиях, и важно знать, как выглядит Web-страница с их точки зрения.
2.5 Оценка эффективности Web-сайта
Оценить эффективность Web-сайта можно двумя способами.
1) Количественный анализ с помощью статистики сервера. Для этого можно использовать следующие показатели:
· количество обращений к Web-странице;
· суточная статистика частоты посещений Web-страницы;
· количество отдельных людей, посетивших Web-страницу;
· время, проведенное на Web-странице;
· какие страницы, использовались для входа и выхода посетителей.
2) Качественный анализ. Он может проводиться посредством:
· опроса потенциальных потребителей с целью определения уровня удовлетворенности сайтом. В процессе опроса определяется степень важности и оценка компонентов, описывающих потребности пользователей соответствующего Web-сайта (содержание, дизайн, удобство пользования и др.);
· изучения откликов, поступающих от посетителей сайта.
Приведенные соображения не рассматриваются как сборник законченных правил. Подобно тому, как быстро развивается сеть Internet, можно предположить, что также стремительно будут изменяться маркетинговые принципы построения виртуальных страниц Internet.
Таким образом, мы рассмотрели, каким должно быть информационное наполнение Web-сайта, определили основные правила по разработке дизайна сайта, а также кратко рассмотрели способы оценки эффективности Web-сайта после того, как он размещён в сети.
ГЛАВА III АНАЛИЗ КОРПОРАТИВНОГО WEB-САЙТА КАЛУЖСКОЙ ТОРГОВО-ПРОМЫШЛЕННОЙ ПАЛАТЫ
Набрав в адресной строке браузера «tppkaluga.ru», мы попадаем на сайт Калужской торгово-промышленной палаты.
Рис. 4. Главная страница Web-сайта Калужской торгово-промышленной палаты (tppkaluga.ru).
Анализ сайта палаты проведём по следующим параметрам:
1. навигация и организация информации;
2. дизайн;
3. функциональность и скорость загрузки;
4. интерактивность;
5. частота обновления.
1. Навигация характеризует удобство перемещения между разделами сайта, возможность быстро переходить на нужную страницу. Хорошо продуманная навигация сайта - это признак эффективности и организованности сайта, она позволяет посетителю сформировать мысленную модель представленной информации, определить, где находятся необходимые сведения и чего можно ещё ожидать. Хорошие навигационные возможности дают возможность быстро добраться до нужного места и легко охватить содержание сайта как вглубь, так и вширь. В этом смысле сайт Калужской ТПП выполнен грамотно, однако не во всём. С главной страницы при помощи перекрестных гиперссылок мы можем попасть на страницы «Новости», «Анонсы мероприятий», «Бизнес-центр», «Выставочная деятельность», «Промышленная политика», «Малый бизнес», «Консультации». Эти ссылки на странице дублируются. Одна группа ссылок расположена горизонтально в строчку в низу баннера (на всех страницах сайта). Вторая группа собственно заполняет собой основное пространство главной страницы - в виде описания того, что посетителя ждёт на странице, которая откроется при нажатии на ту или иную ссылку. Возле каждой ссылки есть значок - своеобразный логотип, характеризующий ту или иную сферу деятельности палаты. В этом плане сайт отвечает всем требованиям правильной организация информации - он проработан в виде упорядоченной структуры. Но есть и существенный недостаток: в самом центре расположены ссылки на страницы, работа по созданию которых ещё только ведётся - «Туристическая деятельность», «Центр маркетинга», «Консалтинг, инвестиции, инновации, внедрение СМК», «Законотворчество», т.е. на те, которые заведомо не откроются (пока). И хотя рядом с каждой ссылкой вместо уникального опознавательного значка стоит знак запрещения (по аналогии с автомобильным запрещающим знаком), правильнее было бы разместить их в конце списка, справа; в данном же случае у посетителя страницы с большой вероятностью рассеивается внимание и затрачивается больше времени на поиск нужной информации. Вверху справа расположены значки-ссылки «Подписка», «Контакты», «Помощь», «Главная» (таким образом, с любой страницы сайта можно перейти на главную, на страницу контактов (телефоны и e-mail сотрудников палаты), подписки и помощи (последняя страница также находится в стадии наполнения).
Подобные документы
Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.
дипломная работа [86,7 K], добавлен 25.03.2013История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
дипломная работа [8,0 M], добавлен 10.10.2015Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.
дипломная работа [3,3 M], добавлен 21.06.2013Языки написания сайта, принципы и обоснование их отбора. Программы создания web-страниц, их функциональные особенности и возможности. Технология и основные этапы разработки интернет-сайта, правила его составления, оформления, заполнения, программный код.
курсовая работа [3,1 M], добавлен 20.05.2015Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Изучение теоретических основ разработки программы и правил выбора языка программирования. Рассмотрение основных задач по созданию сайта автоклуба. Основы разработки базы данных, создания web-дизайна, текстового наполнения сайта и его публикации.
курсовая работа [687,9 K], добавлен 07.04.2014Подготовительный этап работы над корпоративным сайтом. Оценка его дизайна. Структура корпоративного сайта. Конвертирование посещений в сделку как задача целевой страницы. Преимущества и виды веб-сайтов. Основные правила, необходимые для PR-специалиста.
курсовая работа [741,0 K], добавлен 08.10.2013Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.
курсовая работа [3,6 M], добавлен 30.03.2014Сбор и обработка информации, касающейся военной техники войск противовоздушной и противоракетной обороны. Информационное содержание, дизайн и общий объем сайта. Цвет в системе графического имиджа. Тестирование сайта и основные возможности хостинга.
курсовая работа [32,9 K], добавлен 30.05.2013Разработка сайта ГОУ СПО Краснодарского торгово-экономического колледжа. Назначение и цели создания сайта. Оценка бумажного или машинного прототипа при участии пользователя с целью обнаружить проблемы с юзабилити. Case-средства управления сайтом CMS.
дипломная работа [2,6 M], добавлен 27.10.2012
