Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы




Скачать 245.08 Kb.
НазваниеWww (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы
страница1/2
Дата конвертации03.01.2013
Размер245.08 Kb.
ТипДокументы
  1   2


СОЗДАНИЕ ВЕБ-САЙТОВ

печатная версия интерактивной статьи

Старое руководство, однако, возможно, кому-то пригодится.

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

ЧАСТЬ 1. ВЕБ-ДИЗАЙН В ДВУХ СЛОВАХ.

Принятая терминология.

Дизайн (англ.) — 1) замысел, план; 2) намерение, цель; 3) умысел, интрига; 4) чертеж, эскиз, набросок; рисунок, узор; 5) модель, шаблон; лежащая в основе схема; композиция.



Веб-страница — электронный документ, содержащий элементы веб-дизайна в различных сочетаниях: текст, растровую и векторную графику, анимацию1. Каждая веб-страница имеет уникальный адрес, например интерактивная версия этой статьи находится по адресу http://v.ladimir.kiev.ua/creating-web-sites.php. Для просмотра веб-страниц служит браузер2.

Веб-сайт, сайт (англ. «место в паутине», «место») — совокупность веб-страниц, связанных одной тематикой или идеей, имеющих единый дизайн и расположенных (чаще всего) на одном веб-сервере3.

WWW (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет.

Статические и динамические веб-страницы.

Главным отличием веб-сайтов от любой другой медиа-продукции в том, что сайты активно участвуют в процессе просмотра пользователем, реагируя на его желания. Активность веб-страниц заключается, прежде всего, в удобной возможности перехода между ними по ссылкам. Ссылками являются любые элементы дизайна веб-страницы. Выбирая их, можно переходить по закладкам страницы (как в интерактивном варианте данной статьи), открывать другие веб-страницы или другие веб-сайты. Но этим активность не ограничивается.

Различают статические и динамические веб-страницы. Преимущество статических страниц в легкости переноса, копирования и последующего открытия. Преимущество динамических страниц в дополнительной активности. Причем динамика бывает как на стороне клиента (браузера), так и на стороне сервера. Браузерная динамика, особенно Flash, оживляет страницу, добавляя различные возможности, например, анимацию и звук. Страницы с серверной динамикой обеспечивают функциональную часть (функционал) сайта и работают только при подключении браузера к веб-серверу по сети1.

Веб-технологии, стандарты и инструментарий.

Базовой технологией большинства веб-страниц является HTML или Flash. Причем наиболее распространенной является первая, представляющая собой специальный язык разметки текста. Совместно с механизмом стилей CSS, HTML обеспечивает размещение и разметку элементов дизайна веб-страниц. Постепенно завоёвывает популярность технология XML, хорошо подходящая для больших объемов структурированной информации.



Стандарт Flash также является перспективным, его поддерживают многие современные браузеры. Страницы, написанные на Flash, лишены некоторых недостатков HTML, но скорость их загрузки обычно медленнее, что особенно заметно на дешевых модемных соединениях. Технология Flash хорошо подходит для страниц с высоким уровнем интерактивности, анимацией, звуком.

Подавляющее большинство графических элементов веб-страниц выполнено в форматах JPEG и GIF.





Для разработки веб-сайтов как минимум нужны редакторы: текстовый и растровый графический. Часто бывают также необходимы векторный графический редактор и программы для создания анимации.

Для работы веб-сайтов в сети Интернет нужны уже упомянутые браузер, веб-сервер и сеть, поддерживающая протокол2 TCP/IP.

Типы веб-сайтов и быстрые способы их создания.

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

Создать простую веб-страницу в редакторах Microsoft Word или FrontPage можно за 2 3 минуты, разместить её на бесплатном веб-сервере и получить адрес сайта — ещё за 2 3 минуты. Такие сайты являются непрофессиональными и бывают популярными крайне редко.

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

Создание и поддержка успешных профессиональных веб-сайтов.

Основной характеристикой успешного веб-сайта является его посещаемость. Условиями, обеспечивающими посещаемость, являются:

а)  привлекательность внешнего вида,

б)  удобство (т. наз. «юзабилити»4) и скорость работы сайта,

в)  информационная безопасность (целостность, доступность и конфиденциальность информации),

г)  полезность, релевантность1 и

д)  обновляемость содержимого сайта.

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

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

Условные обозначения этапов:

разработка (до момента запуска проекта), поддержка.

Пиктограммы большего размера обозначают более значимый вклад.

Специалисты2

Основные условия успешности веб-сайтов, обеспечиваемые специалистами

на этапах разработки и поддержки

привлекательность внешнего вида

удобство и скорость

информационная безопасность

полезность и релевантность содержимого

обновляемость содержимого

  1. Дизайнеры, верстальщики и специалисты по юзабилити













  1. Художники и фотографы













  1. Маркетологи3, психологи и специалисты по PR4












  1. Писатели, копирайтеры5, переводчики и лингвисты













  1. Контент-менеджеры6













  1. Модераторы7 и служба поддержки пользователей













  1. Веб-разработчики













  1. Администраторы сайта













  1. Администраторы веб-сервера8














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

Если существуют проблемы с людскими ресурсами, то вышеупомянутый штат из 9 групп специалистов сокращается до минимального перечня. Главные функции по созданию сайта разделяются между специалистами следующим образом:

  • дизайнер-художник — креативщик, создающий композиции сайта;

  • дизайнер-верстальщик — дизайнер, оформляющий композиции художника в виде веб-страниц;

  • разработчик — программист, разрабатывающий функциональную часть (если есть).

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

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

ЧАСТЬ 2. ИДЕЯ, ПОТРЕБНОСТЬ, ЭСКИЗ, ДОГОВОР.

Дизайн — значит замысел.

Если к дизайнеру пришел заказчик со словами «мне нужен логотип», или «мне нужна иллюстрация на полосу», или «мне нужен телевизор», то все просто — постановка задачи наполовину решает саму задачу.

А. Лебедев.

Создание сайта всегда начинается инициатором либо с идеи, либо просто с некоторой потребности. Мотивы идеи часто бывают настолько сильными, что большинство созидательной работы проделывает автор идеи, а разработчикам остается только воплотить это физически. Но чаще всего инициатор выступает в роли обычного заказчика. В этом случае с определением его потребности иногда возникают проблемы. Идеально, если у клиента есть в письменном виде требования (ТЗ) или перечень причин, по которым его не устраивает старый веб-сайт.

Первая задача при разработке веб-сайта — создать первое впечатление, понравиться заказчику, выиграть тендер или конкурс1. Разработчики, особенно без портфолио, производят первое впечатление, предоставляя эскизы.

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

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

Собственный стиль клиента. Два варианта.

а) Стиля пока нет. Если собственного стиля у заказчика нет, или он хочет его изменить, то нужно довести до его сведения, что выгодно сразу разработать все составляющие стиля: логотип, визитки, бланки и т. д. Даже если он отказывается, растровые элементы дизайна лучше изначально создавать в высоком разрешении, насколько это позволяют технические возможности. Мало ли… он может вернуться и заказать, например, рекламу на развороте глянцевого журнала, а вы будете кусать локти, что сделали картинку размером всего лишь 1024768 точек…

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

Разработка эскиза в веб-дизайне.

Жанр веб-дизайна определяется специфическим форматом, сложившимся в силу исторических и технических причин. Его необходимо учитывать уже на этапе создания эскиза. Первой неприятной особенностью, с которой сталкивается дизайнер другого жанра, начиная работу в области веб-дизайна, – это технические и технологические ограничения. Вот главные из них: а) необходимость разрабатывать сайт в низком по сравнению с полиграфией разрешении из-за малого количества точек современных мониторов, б) необходимость экономить на размере файлов, особенно графического оформления из-за низкой скорости передачи информации конечному пользователю сайта, в) необходимость учитывать традиционные ограничения технологий HTML, CSS, GIF, JPEG, а также необходимость учитывать различия в интерпретации технологий HTML и CSS различными браузерами с целью обеспечения одинакового представления сайта у разных пользователей.

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

В веб-дизайне обложка (заставка) сайта не имеет такого значения, как в полиграфии (киноиндустрии), поэтому часто её вообще не разрабатывают.







При создании веб-страниц с помощью HTML в основном не используется полупрозрачность элементов, поскольку не все браузеры могут правильно её передать. Используется полная прозрачность участков изображений. Но при этом нужно правильно задать фон, иначе пограничная с прозрачным участком кайма будет некрасиво выделяться (см. второй и третий рисунки).

Важнейшим элементом веб-дизайна является текст. Ценные замечания по современной славянской и международной типографике, а также по формату веб-дизайна в целом, можно получить из «Ководства» А. Лебедева1.

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

Согласование стиля и эскиза.

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

Грамотный дизайнер всегда предоставляет заказчику несколько вариантов эскизов, некоторые из которых заведомо вырываются из поставленных рамок1. Зачем? Во-первых, часто в душе заказчик хочет чувствовать себя соучастником творения. Он будет больше доволен, выбрав сам один вариант из нескольких средненьких, чем вынужденно приняв только один вариант, пускай даже отличный. Во-вторых, любое решение, и выбор — не исключение, означает разделение ответственности.

Заказчик настаивает на корректировке выбранного варианта? Как клиент он прав, в дизайне — он не специалист. Где истина? Как всегда, посередине. Дизайнеру необходимо выяснить причину его возражений. Любые причины сводятся к одной из двух: а) заказчику нравиться настаивать, б) эскиз не соответствует замыслу (потребности). В первом случае в разрешение проблемы включается менеджер, который откладывает данный проект или понижает его приоритет. Во втором случае неспособность дизайнера мгновенно найти компромисс может быть компенсирована только назначением новой даты согласования и выработкой новых вариантов эскизов, способных поразить продуктивностью. Рано или поздно, количество перейдёт в качество.

Заключение договора на разработку.

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

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

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

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

Важным вопросом являются авторские права. В договоре необходимо упомянуть, что заказчик имеет эксклюзивное право использовать переданную разработку, и не имеет права отчуждать, арендовать разработку третьим лицам или использовать её идеи в других разработках2. Ссылки обычно делаются на Гражданский кодекс и Законы об авторских и смежных правах.



  1   2

Похожие:

Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconМировые информационные сети
Одним из распространенных и перспективных сервисов Интернет является сервис прямого доступа Word Wide Web — www, представляющий собой...
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconРеферат на тему: "Реклама в Интернет"
Интернет и ее главный сервис www (World Wide Web). Интернет представляет собой первую реализацию опосредованной компьютерами гипермедийной...
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconКурсовая работа на тему: "Реклама в Интернет"
Интернет и ее главный сервис www (World Wide Web). Интернет представляет собой первую реализацию опосредованной компьютерами гипермедийной...
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconЛабораторная работа [Веб-технологии]  Введение в разметку (веб-страниц)
Для создания веб-страницы  – гипертекстового документа, который может быть размещен в сети 
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconРайонный методический ресурсно-информационный центр п. Ивня
Начинающий веб-дизайнер должен четко понимать, что такое веб-узел (веб-сайт), веб-страница и иметь представление о средствах со­здания...
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconИстория развития Интернет
Службы Интернета: World Wide Web. Web-браузеры. Навигация. Работа с документом. Прокси-сервер 34
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconОсновные
Блог  (от  англ.  web  log)  –  веб-сайт,  состоящий  из  регулярно  добавляемых  записей 
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconКурсовая работа «Web-приложения»
...
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы icon Search Engine Watch  forums. Уча ствовал в национальных конференциях по созданию веб-сообществ,  отношений с онлайновыми сми и прочим веб-маркетинговым темам. 
Одно из проявлений нейропластичности мозга – формирование связей между нейронами, 
Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов, связанных между собой ссылками. Самая распространенная служба (сервис) сети Интернет. Статические и динамические веб-страницы iconУчебно-методический комплекс по дисциплине сд. 02. 02 Менеджмент веб-сайтов для специальности 070602. 51-Дизайн (по отраслям)
Учебно-методический комплекс по дисциплине «Менеджмент веб-сайтов» составлен в соответствии с требованиями Государственного образовательного...
Разместите кнопку на своём сайте:
TopReferat


База данных защищена авторским правом ©topreferat.znate.ru 2012
обратиться к администрации
ТопРеферат
Главная страница