Проблемы и особенности разработки интернет ресурсов. Web дизайн.

Оглавление 
 
 
 

 

     

     Введение.

     Сегодня невозможно обойтись без помощи компьютера, и соответственно Интернета. Появление Интернет начинается с 1969 года. В то время в США была создана компьютерная сеть ARPAnet, которая объединяла компьютерные центры министерства обороны и ряда академических организаций. Хотя реальное появление Интернет как объединения шести крупных IP-сетей США в единую научную сеть NSFNET состоялось лишь в 1986 году. Сегодня сеть NSFNET является в этой стране опорной сетью и играет особую роль во всем Интернете, поскольку без регистрации в ней не обходится подключение сетей никакой другой страны. Интернет представляет собой сеть связанных друг с другом компьютерных систем и различных компьютерных служб. Эта сеть является совокупностью различных компонентов, таких, как электронная почта, телеконференции, FTP-узлы, "разговор" (chat) в реальном времени.

     Всемирная паутина - World Wide Web (WWW) появилась на свет в 1992 году. Она была создана Тимом  Бернерсом - Ли из Европейского центра ядерных исследований (CERN), расположенного в Женеве, Швейцария. К октябрю 1993 года она насчитывала свыше 200 действующих Web-серверов, а к июню 1995 года их общее число составляло свыше 6,5 миллиона. В настоящее время уже существует более 30 миллионов.

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

 

     

Программные средства для разработки Интернет-страниц.

     Для того чтобы создать Интернет-сайт, необходимо позаботиться о том, чтобы был необходимый и достаточный набор средств для этого (Windows - версия не позднее 98, MS Office, Microsoft FrontPage, Internet Explorer и многие другие).

     Веб-страница -- гипертекстовый ресурс Интернет, написанный на языке HTML.

     HTML -- популярный язык гипертекстовой  разметки документов, позволяющий  создавать интерактивные публикации  в Интернете. HTML-страница это текст,  имеющий расширение html, или htm, который  может быть написан в любом  текстовом редакторе. Кроме собственно текста он включает команды для браузера.

     Несколько веб-страниц, объединенных общей темой  и дизайном, а также связанных  между собой ссылками, образуют веб-сайт. Разработка Интернет-страниц возможна при помощи различных приложений, например такие как FrontPage, DreamWeaver.

     Веб-дизайн.

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

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

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

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

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

     Этапы проектирования.

1. Дизайн  основной и типовых страниц сайта

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

     При этом дизайнер должен учитывать ограничения  стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.

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

2. HTML-верстка

     Утверждённый  дизайн передаётся html-верстальщику, который  «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

     В небольших студиях, html-кодированием занимается дизайнер, создавший макет  сайта.

3. Программирование

     Далее готовые HTML-файлы передают программисту. Программирование сайта может осуществляться как «с нуля», так и на основе CMS — системы управления сайтом. Веб-разработчики часто называют CMS «движком».

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

     При программировании сайта специалисту  назначаются контрольные точки  сроков.

4. Завершающим этапом разработки сайта под ключ является конечно же тестирование.

     Веб-дизайн сайта должен адекватно выглядеть  в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.

     Упомянутый IE 6 слишком по-своему видит HTML-стандарты  — отголоски старой борьбы за лидерство  с Netscape. На данное время это морально устаревший браузер, создает много проблем для веб-дизайнера, и его хотели чуть ли не объявить вне закона. Но поскольку он в стандартной поставке Windows XP, и стоит на более чем половине всех компьютеров, — никуда не деться, приходится в нём тестировать обязательно. Далее тестируется вид с увеличенными шрифтами, при отсутствующем флэш-плеере и тому подобное. Обнаруженные ошибки отправляются на исправление до тех пор, пока не будут устранены.

     Сроки контролирует менеджер проекта. Так  же на этом этапе привлекают к работе дизайнера, чтобы он провел авторский надзор.

5. Размещение сайта в Интернет.

     Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.

6. Наполнение контентом и публикация.

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

7. Внутренняя SEO-оптимизация.

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

8. Внешняя SEO-оптимизация.

     Сводится, как правило, к построению структуры  входящих ссылок. Это собственно и  есть раскрутка. К разработке сайта  внешняя SEO-оптимизация не имеет  отношения. Поскольку SEO-оптимизация  это разновидность шаманизма — она как магия, классифицируется на «белую» и «черную» -такую, после которой сайт за две недели попадает в топ, а потом в бан. Настоящая белая SEO оптимизация это трудоемкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.

9. Сдача проекта

     Заказчик  или его доверенное лицо просматривают  готовый проект и в случае, если все устраивает, то подписывают документы  о сдаче проекта.

     Так же на этом этапе производится обучение представителя заказчика навыкам работы в администраторской зоне сайта.

     Процесс и результат.

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

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

     Конечным  продуктом работы веб-дизайнера  является дизайн-макет: картинка, представляющая предполагаемый будущий внешний  вид страниц сайта, размером приблизительно 960х640 px (пикселей) — размер, соответствующий среднему стандарту, связанный с необходимостью дальнейшей привязки к разным разрешениям экрана монитора. Картинка эта является многослойной, где, на усмотрение дизайнера, почти каждая деталь — отдельный слой, приложенный к другим слоям-картинкам, за счёт чего может легко выполняться доработка, замена, перекомпоновку и другие задачи. В зависимости от идеи и целей макет может включать фотографии, сложные коллажи, иллюстрации, текстовые слои, уникальные иконки.

     Для главной страницы и внутренних иногда рисуются отдельные макеты с дополнениями или изменениями в соответствии с тематикой страницы.

     Изображение первоначально может быть векторным  или растровым, выполненным в Adobe Illustrator, Adobe Photoshop, GIMP или другом визуальном редакторе (например, Scribus или Inkscape), но для верстальщика изображение, как правило, переводится в растровый формат.

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

     Рынок веб-дизайна в  России.

     На  момент 2009-го года в России действует  более 3000 компаний, оказывающих услуги на рынке веб-дизайна. Уровень услуг  и качество работ существенным образом  отличается и является непрозрачным для потребителя.

     На  момент 2009-го года в России существует рейтинг компаний, работающих на рынке  веб-дизайна Рейтинг Рунета, Тэглайн, и каталог компаний CMS Magazine.

     В сентябре 2009 года в России создана  Ассоциация интернет-разработчиков. Ассоциация организована как сообщество участников рынка интернет-разработок.

     В декабре 2009 года в России создана  Ассоциация Интерактивных Агентств. Целью Ассоциации является создание цивилизованного прозрачного рынка, с добросовестной конкуренцией и  прозрачным для потребителя качеством продукта.