Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Эффективная эксплуатация сайта. Практическое пособие
.pdf
тематикой и принадлежащие одному физическому лицу или
компании-владельцу. Принято считать, что сайт размещается
в Интернете. Объединенная общность веб-сайтов образует
виртуальное пространство Всемирной паутины. Прямой
доступ клиентов к веб-сайтам на серверах обеспечивается
протоколом HTTP. Веб-сайты также носят название интернетпредставительств, предоставляющих в Сети информацию
о своих владельцах и их бизнесе.
Зачастую под словами «своя страничка в Интернете»
подразумевают полноценный веб-сайт. Как уже говорилось
ранее, изначально веб-сайты были просто набором статических
страниц, содержащих определенную информацию. Сегодня
в Сети преобладают динамические сайты с присущей им
интер активностью. Такие сайты имеют также веб-приложения,
представляющие собой специальный программный комплекс,
предназначенный для работы с веб-сайтом. Они непосредственно включены в набор страниц веб-сайта, однако само
по себе веб-приложение сайтом считается только формально.
Чаще всего в Интернете каждому отдельному веб-сайту
принадлежит одно доменное имя. По ним сайты проходят иден-
тификацию в Интернете. Но возможен и такой вариант: один сайт
имеет два или более доменах имени или наоборот, несколько сайтов
записаны под одним доменом. Часто бывает так, что несколько
доменных имен применяют для крупных сайтов, чтобы более органично распределить материал разной тематики, например: виды
предлагаемых услуг (mail.google.com, news.google.com, maps.google.
com). Возможно также предоставление отдельных доменных имен
для различных стран или языков. Примером таких сайтов являются google.ru и google.fr, которые по сути представляют собой
сайт Google, только представлены они в различных языковых
вариациях, однако чисто в техническом смысле это разные сайты.
Такое объединение под одним доменом свойственно для некоммерческих хостингов. Случается, что с целью распознавания сайтов
в строке адреса после обозначения хоста вписана тильда и имя
сайта: example.com/~my-site-name/, но обычно применяют домен
третьего уровня: my-site-name.example.com.
Аппаратные серверы, специально предназначенные для
хранения веб-сайтов, носят название веб-серверов. Такая
услуга по хранению именуется просто: веб-хостинг. Несколько
лет назад для каждого сайта существовал его собственный
сервер, однако увеличение сети Интернет привело к необходимости технического усовершенствования серверов, что позволило хранить большое количество сайтов на одном сервере.
Сегодня сервера, предназначенные хранить всего один сайт,
называются выделенными.
Копия, снятая с оригинала сайта и размещенная на другом
сервере, называется зеркалом. Сущест вует и такое понятие,
как оффлайновая версия сайта, — это внесетевая версия сайта,
предназначенная для просмотра ее пользователем на ПК
без подключения к Интернету и применения специального
программного обеспечения.
1
Информационные ресурсы сети Интернет на сегодняшний
день имеют огромное значение для любого бизнеса. Кто владеет
информацией, тот владеет миром. Всемирная паутина позволяет легко получить доступ к любым необходимым сведениям.
Поэтому Интернет носит название «глобальная информационная система». И в связи с этим все большее число небольших
фирм и огромных корпораций заказывают разработчикам
создание сайтов и хотят организовать эффективную работу
своего представительства в Сети, сделав его значимой частью
своего бизнеса.
1.3. Процесс создания сайта
Проектирование и построение сайтов как полноценных
функционирующих информационных ресурсов носит название веб-разработки. Владелец сайта (частное лицо или группа
лиц, коммерческая организация) разрабатывает его сам либо
делает заказ профессиональным разработчикам (фрилансерам,
1
http://ru.radeant.com/p/Сайт
12 13
студиям, бюро, конторам и т. п.). Деловые отношения заказчика
и исполнителя фиксируются по всем основным пунктам в договорах, технических заданиях, специальных электронных
системах (некоторых сайтов, становящихся посредниками,
к примеру, между заказчиками и фрилансерами), реже деловые контакты скрепляет устная договоренность. Заказанная
работа может охватывать полный комплекс мероприятий
по созданию сайта, включая присвоение названия и регистрацию доменного имени, либо ограничиться текущем заказом
на расширение информационной вместимости сайта, оптимизацию, усовершенствование навигации и смену дизайна.
Разработка и создание веб-сайта — это далеко не простая
работа.
Работа над проектом выполняется поэтапно, вследствие
чего очень важно соблюдать порядок этапов и помнить
о том, что все новые и не обсуждавшиеся ранее изменения
и исправления могут сильно увеличить и сами затраты
на создание сайта, и сроки выполнения работ, а кроме того,
ощутимо снизить качество работ исполнителя. Так, при
начале «внутренней отделки», становится практически
нереально изменить что-либо в фундаментальной основе
нашего «дома» — для этого необходимо будет перестроить
всю структуру сайта.
Ниже мы подробнее расскажем о самых главных этапах
работ, проводимых при построении сайта, а также степени
участия в создании проекта разных групп специалистов.
1. Предварительная подготовка проекта:
предварительные исследования.
Подготовка требований и пожеланий заказчиком и предоставление их списка исполнителю (в лице разработчика или
частной фирмы), обсуждение целей и задач будущего проекта.
Разработчику важно изучить тип и маркетинговую стратегию бизнеса клиента, провести предварительный анализ
предполагаемой аудитории сайта. Также следует проанализировать возможность возникновения будущих конкурентов
в Сети. Перед началом осуществления проекта разработчику
и заказчику необходимо обсудить полностью все основные моменты календарного плана по выполнению работы.
А также обсудить вопросы финансовых затрат и участия тех
или иных специалистов в воплощении проекта;
написание технического задания (ТЗ).
На данном этапе производится обсуждение и утверждение
основных пунктов технического задания, которое объединяет
в себе списки требований к дизайну и техническим характеристикам проекта. В ТЗ также включается описание разрабатываемой структуры сайта.
2. Проектирование и утверждение дизайна:
разработка дизайна страниц сайта (креативный
дизайн).
После обсуждения и утверждения ведущего направления
дизайна проекта, основной идеи, производится разработка
графического шаблона дизайна сайта на материале первой
страницы. Следует учитывать, что такая дизайнерская разработка должна соответствовать фирменному стилю компании
заказчика веб-сайта.
Не стоит забывать о важности для электронного сетевого
ресурса его визуальной составляющей. Так как в зависимости
от нее у посетителя сайта складывается то или иное впечатление о компании и предлагаемом ею продукте. Первостепенное
значение имеет не столько продуманная креативная идея,
сколько полноценная и четкая ее реализация;
технический дизайн.
Создаются графические макеты будущих страниц сайта
в соответствии с согласованной концепцией дизайна.
На данном этапе веб-дизайнер создает образцы шаблонов
страниц. Он определяет путь, по которому пользователь получит доступ к сведениям и услугам на сайте. То есть выполняет
разработку интерфейса для удобства пользователя. Часто
страницы сайта имеют графические элементы. Их специально
создают художники, иллюстраторы, фотографы, шрифтовики,
и т. д. Готовые шаблоны страниц представляют на суд заказчику.
В таком первоначальном состоянии страницы не имеют смысловой
14 15
нагрузки, так как не содержат текстового наполнения (что не является обязанностью дизайнеров). Для правдоподобия вида макетов
их наполняют произвольным содержимым. На специфическом
языке дизайнеров (дизайнерском сленге) данное мнимое содержимое именуется просто — «рыба». Когда заказчик выразит свое
удовлетворение внешним видом шаблонов, разработка переходит
к следующему этапу — верстке страниц сайта.
3. Верстка.
На данном этапе производится сверстывание html-страниц
веб-сайта в соответствии с согласованным дизайном типовых
страниц.
Верстальщику передают модели шаблонов в качестве
простых изображений (например, в форматах JPEG, PNG),
или же шаблонов, разбитых на отдельные слои (например,
PSD или AI). Его функция — построить на их основе гипертекстовые веб-страницы с вставленными в их среду специально созданными изображениями. Наполнять сайт контентом верстальщик не обязан. Самым трудным моментом его
работы является совмещение параметров страниц будущего
сайта с разными браузерами — специальными программами
для открытия веб-страниц. Браузеры часто те же самые
элементы разметки, или CSS, понимают и классифицируют
по-своему, поэтому пользователи иногда видят содержимое страниц совсем не так, как спроектировал дизайнер
и надеется увидеть заказчик. После того как верстальщик убедился, что все виды браузеров верно отображают
содержимое шаблонов страниц, вступает в силу новая фаза
разработки — веб-программирование.
4. Программная часть проекта:
объединение веб-сайта с управленческой системой.
Сегодня почти каждый сайт имеет свою систему управления, так как с практической точки зрения важным оказывается
не только привлекательный внешний вид, но и удобство работы
с сайтом. Это особенно значимо для сетевых проектов с разветвленной структурой и огромным количеством данных. В данный
этап включены: объединение с управленческой системой,
программирование, регулирование сервера, создание условий
для охраны безопасности информации проекта. А также производится первичное тестирование на качество;
программирование, пробное подключение сайта к Сети.
На данном этапе происходит внесение доработок в навигацию сайта, соответственно потребностям системы управления и производится первое пробное подключение к сети
Интернет.
5. Наполнение сайта информацией.
Информационное наполнение сайта текстами, картинками,
фото и т. д., вся эта информация в общем смысле называется
содержимым сайта или контентом. Информацию для контента
предоставляет заказчик проекта, для которого крайне важно
правильно подобрать сведения и грамотно написать рекламные
тексты, заранее продумав желаемый результат их влияния
на будущих посетителей сайта.
6. Капитальная проверка работы сайта в Интернете.
Тестирование правильности функционирования сайта
и выявление ошибок с последующим их устранением, тестирование html-страниц на качество работы в среде некоторых
основных браузеров (Internet Explorer, Firefox, Opera, Safari).
7. Передача сайта в эксплуатацию владельцу
Перенесение проекта в сети Интернет на адрес заказчика. Итоговое тестирование проекта. Помощь сотрудникам
компании-заказчика в освоении методов работы с системой
управления сайтом.
8. Продвижение сайта.
Сегодня с ростом технологий становится недостаточно
только создать качественный веб-сайт с продуманной структурой и простым управлением, необходимо также обеспечить
ему стабильную и активную посещаемость пользователями —
потенциальными клиентами. Для этого мало только разместить
рекламу в СМИ, прежде всего следует создать условия для
продвижения сайта в поисковиках и каталогах, разместить
рекламу во Всемирной паутине.
16 17
Основная работа по раскрутке сайта должна быть выполнена сразу после запуска, а сам сайт создан с учетом будущих
модификаций, поэтому следует обращать внимание на то,
чтобы мастер, занимающийся созданием архитектуры сайта,
был грамотным в процессах оптимизации; иначе вам придется
обращаться за консультацией в компанию, занимающуюся
поддержкой и поисковым продвижением сайтов в виртуальном
пространстве. Данные рекомендации применимы и к этапам
верстки и программирования.
1.4. Требования к сайтам
Коммерческая компания должна строго контролировать
качество созданного сайта. При этом не следует отдавать
в разработку:
1) сайты, нарушающие требования законодательства
РФ:
сайты, тиражирующие пиратское ПО, серийные номера
для различных программ, содержащие взломщиков программ
(крэки) или любым другим способом нарушающие законодательство об авторском праве (ч. 4 ГК РФ);
сайты, нарушающие нормы приличия в том числе
включающие в себя любые материалы сексуального характера
(эротика, порнография): фотографии, тексты, рассылки, ссылки,
объявления о сексуальных услугах и т. п. — или посвященные
извращенным формам отношений;
2) сайты, содержащие ссылки и рекламу сайтов, посвященные «халяве», спонсорской помощи, «заработку» в Сети
и различным аферам, а также различным системам повышения или искусственной генерации результатов статистики
посещаемости сайта;
3) сайты, пропагандирующие и распространяющие
рекламу баннерных бирж любого вида;
4) сайты, содержащие нецензурные выражения.
5) сайты, пропагандирующие и распространяющие
рек ла му баннерных бирж любого вида;
6) сайты, содержащие нецензурные выражения.
Требования к наполнению сайта:
1) обязательным требованием является грамотность
текстов и доступность изложения материала, не следует применять аббревиатуры и прочие сокращения;
2) тексты необходимо писать согласно принципам работы
поисковых систем: придерживаться четкого определения понятий, которые станут отправным пунктом обнаружения сайта
поисковиками и позволят получить приоритет в результатах
поиска (SEO-копирайтинг);
3) структуру сайта необходимо составить таким образом,
чтобы каждый раздел соответствовал определенной тематике
и был рассчитан на потребности целевой аудитории;
4) применяя фотографии как дополнение и пояснение
к тексту, не забывайте делать соответствующие подписи;
5) обращайтесь к аудитории сайта в форме виртуального
диалога;
6) избегайте больших объемов текста на одной странице,
для этого целесообразно организовать его вывод на страницы
сайта поэтапно;
7) делайте гиперссылки на другие страницы по контексту.
Требования к дизайну и верстке:
1) применение фирменной символики организации;
2) публикация эмблем посторонней символики на сайте
не допускается;
3) масштабируемость с учетом вариативности расширений
экрана;
4) необходимо отрегулировать единообразное отражение
сайта в большинстве известных браузеров;
5) качественное исполнение и оптимизация графических
элементов в соответствии с разрешением 72 или 96 dpi;
6) применение каскадных таблиц стилей (CSS) для обычных тэгов с целью соблюдения стиля.
18 19
Требования к навигации сайта:
1) следование принципу «доступ к каждой странице
за 3 щелчка мышки»;
2) не следует применять навигацию, созданную с javascript
и vbscript (данные ссылки практически не индексируются
поисковиками).
Технические требования к сайту.
Разобраться в назначении основных технических характеристик может и не только программист или верстальщик.
Каждый заказчик должен прежде всего обратить свое внимание
на техническое задание, и в частности такие его пункты, как:
разрешение экрана;
язык программирования;
параметры хостинга;
характеристика баз данных;
совместимость с браузерами.
Разрешение экрана.
«Разрешение экрана» выражается технически в числовых
показателях, отображающих ширину и высоту «картинки»
на мониторе и количество пикселей. Самое популярное разрешение в Сети сегодня — это 1024х768 (25,43% пользователей
Интернета имеют мониторы с данными показателями разрешения). Примерно 24,84% пользователей Сети используют экраны
с разрешение 1280x1024. 13,32 % пользователей используют
мониторы с разрешением 1280x800.
2
Таким образом, получается, что пользователи Интернета
имеют мониторы с различным разрешением экрана, из чего
следует, что каждый сайт выглядит на разных мониторах
по-разному. В связи с этим наиболее целесообразно создавать
сайт с варьирующейся, или плавающей, шириной, так как этот
сайт автоматически подстроится под разрешение экрана пользователя. Главный вопрос в данном случае состоит в том, какую
выбрать минимальную ширину. Целесообразно разрешение
2
Глобальная статистика по разрешениям экрана // http://hotlog.ru/
global/screen
800х600 использовать как минимальное. Протестируйте самостоятельно сайт на соответствие наиболее используемым
разрешениям: 1024х768, 1280x1024, 1280x800.
Язык программирования.
Следует создавать сайт динамическим (а не статическим). Под
данным понятием надо понимать прежде всего то, что страницы
сайта генерируются из составных частей (например: заголовка,
опций, основной части, низа) за мгновения сразу после обращения
пользователя на сайт. Такая структура позволяет легко модерниз и р о в а т ь с а й т. Т а к и м о б р а з о м , е с л и в ы и з м е н и т е а д р е с э л е к т р о н н о й
почты, который по замыслу автора обозначен на каждой странице
сайта, то в случае статичных страниц разработчику или программисту компании придется вручную менять старый адрес почты
на новый, выполняя эту операцию вновь и вновь на всех страницах
поочередно. А в случае с динамическим сайтом поменять адрес
потребуется только в одном месте.
Относительно языков программирования можно сказать,
что разработчики (фрилансеры, веб-студии и т. д.) сегодня
применяют несколько версий, основные: php, asp, parser…
В начале подготавливаются файлы для генерации страниц
в формате HTML (либо XHTML, для лент новостей используют rss и т. д.). HTML — это язык кодировки страниц сайта,
он диктует браузеру основу содержания и расположения: где
каждый рисунок или определенного содержания текст находится на странице.
Требования к хостингу.
Хостинг — это хранение файлов сайта на сервере в сети
Интернет. На сегодняшний день в Сети имеют представительство большое количество компаний, предоставляющих услуги
хостинга. Обычно каждый разработчик сотрудничает с какимлибо одним хостером или его фирма сама предоставляет данные
услуги. Требования к хостингу обретают первостепенную
важность сразу после завершения процесса создания сайта,
при выборе хостера определяют вид операционной системы
на сервере хостера (например: Unix — широко применяем,
Windows — не столь распространен) и веб-сервер (для Unix — это
20 21
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]