Процесс разработки Web-сайта

Процесс разработки Web-сайта

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

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

Планирование информационного потока 

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

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

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

Как построить хороший сайт 

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

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

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

Используйте быстро загружаемые элементы. Причина номер один, почему люди быстро уходят с сайта (или не посещают его вовсе) — слишком долгая загрузка информации. Большой объем графических файлов вызывает желание как-то повлиять на ход событий, и самое простое — это нажать на кнопку Stop, остановив загрузку. Подробная информация об управлении графическим потоком приведена в главе 8. 

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

Не пытайтесь разместить все на одной странице. Будьте внимательны, не перегружайте свои страницы слишком большим количеством информации. Все мы знаем, что писатели любят писать, а дизайнеры-графики — рисовать эффектные картинки. Ваша задача как разработчика сайта — создать тонкую гармонию между этими двумя очень различными группами людей. Постарайтесь установить равновесие между текстовой и изобразительной информацией. Думайте о тех, кто будет читать ваши страницы; думайте о том, как трудно воспринимается большое количество текста на экране компьютера, и наполняйте ваши страницы содержимым в соответствии с этим. Попробуйте добавить пустое пространство, увеличивая поля страницы, или использовать табличное размещение текста. Чтобы больше узнать об использовании таблиц, прочтите главу 6. Размещая на страницах графику, имейте в виду ее реальное значение: служит ли она основной цели, или работает только как украшение? Но при этом не забывайте, что иногда красивая графика сама по себе может быть целью. В идеале каждый Web-сайт должен хорошо выглядеть, содержать полезную информацию и быть удобным для просмотра. 

( Совет ) 

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

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

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

Ниже перечислены некоторые рекомендации, касающиеся планирования кнопок навигации: 

- Обязательно должна быть кнопка, с помощью которой пользователи могли бы вернуться обратно к начальной странице. Если ваш пользователь забрался на пять уровней вглубь, то надо предоставить ему возможность одним нажатием кнопки вернуться на первую страницу. А если он увязнет, нажимая кнопку Back в своем браузере, то, скорее всего, он очень быстро уйдет с вашего сайта и больше никогда не вернется. Другими словами, не полагайтесь на навигационные способности браузера пользователя, обязательно добавьте эти возможности на свой сайт 

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

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

Воспользуйтесь картой навигации Проводника Frontpage. Карта навигации (Navigation view) может оказаться особенно полезной, когда у вас возникнут трудности с представлением информации. Начните работу с главной страницы и идите вглубь. Это визуальное представление поможет вам "увидеть" содержимое вашего сайта, более ясно организовать его и избежать глобальных изменений при модификации сайта. Вы более четко сможете представить себе структуру вашего сайта и, возможно, у вас появятся новые идеи по его улучшению. Для более детального знакомства с картой навигации Проводника читайте главу 3. 

Тщательно протестируйте свой сайт. Существует целый ряд различных брау-зеров, и в каждом из них ваш сайт может выглядеть по-разному. Проверьте работу вашего сайта, используя как можно больше различных браузеров, при этом на различных платформах (как минимум, Windows 95, Windows NT, UNIX и Macintosh) и при различных скоростях модема. Нередко кнопка навигации, помещенная вами в угол страницы, в каком-нибудь браузере оказывается посреди окна; такие вещи случаются сплошь и рядом. Опытные Web-дизайнеры проверяют в своих сайтах каждую страницу и каждую ссылку в нескольких различных браузерах. Все связи внутри вашего сайта вы сможете легко проверить с помощью команды Verify Hyperlinks (Проверить гиперссылки) или протокола состояния гиперссылок (Hyperlink Status View) Проводника. В главе 3 вы получите всю необходимую информацию об этих средствах. 

Другой хороший способ проверки вашего сайта — это операция Preview In Browser (Предварительный просмотр в браузере) в Редакторе. Она позволит вам визуально исследовать вашу страницу в любом браузере, установленном на вашем компьютере и при различных размерах окна. Например, если вы обычно работаете в разрешении 1024х768, то вы сможете воочию посмотреть, как ваша страница будет выглядеть в разрешении 640х480. Подробнее об этом читайте в главе 7. 

Если вы хорошо относитесь к своей аудитории, то предоставьте посетителям возможность легко находить информацию на вашем сайте. С помощью Frontpage Search Component (Поискового Компонента Frontpage) вы сможете оснастить свой сайт полным механизмом поиска. Чтобы выяснить, как это делается, прочтите главу 9. 

Планирование сайта intranet 

Разработка сайта intranet вашей организации — задача не менее сложная. Вы должны учитывать практически все те же моменты, что и при разработке сайта Internet, за несколькими исключениями. Так как обычно вы точно знаете, на какую аудиторию ориентирован сайт intranet, то вы можете позволить себе роскошь быть более конкретным и целенаправленным. Вам желательно точно выяснить, какие типы компьютеров стоят в сети, насколько быстро они работают, какие типы браузеров в основном используются, как они подключены к вашему сайту (через модем или через прямое подключение). Знание этих деталей может значительно помочь вам при разработке Web-сайта. Как и при разработке сайта Всемирной Паутины, ключ к успеху лежит в тщательном первоначальном планировании. 

Если ваша компания велика, то и сайт может быть немал, а за обслуживание различных его разделов может отвечать много народа. Frontpage значительно упрощает управление сетями intranet. Подробно эти вопросы разобраны в главе 5. 

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

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

Проблемы планирования 

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

О Кто из сотрудников компании или организации будет иметь доступ к сайту? Информация какого плана будет на нем размещена? Должна ли вся находящаяся на нем информация быть доступной всем 

С") Кто будет обновлять информацию на сайте? Кто за какие разделы и задачи будет отвечать? Прежде чем приступать к созданию сайта, уясните это себе настолько ясно, насколько возможно, потому что по мере разработки перед вами может встать целый ряд задач, которые кому-то придется регулярно выполнять. Frontpage позволяет достаточно просто распределять задания, для этого существует перечень заданий (Tasks View) Проводника (подробнее это будет объяснено в главе 3) 

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

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

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

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

Серверы 

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

Выбор Web-сервера зависит от ожидаемого графика в сети. Если ваша компания относительно невелика, вероятно, вы сможете ограничиться единственным сервером на базе Персонального Web-сервера Frontpage или Персонального Web-сервера Microsoft. Эти серверы не рассчитаны на обработку большого объема информации, так что для более обширной сети вам может потребоваться сервер, способный обрабатывать больше информации. Более подробно о серверах смотрите в главе 11. 

Безопасность 

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

В дополнение к обычным сетевым средствам защиты Frontpage предоставляет три дополнительных уровня доступа к Web-сайтам. Используемый вами Web-сервер также может взаимодействовать с этими средствами безопасности: 

- Просмотр (уровень конечного пользователя) 

- Авторский доступ (просмотр, модификация и поддержка сайта при помощи Frontpage) 

- Административный доступ (назначение и изменение привилегий); администраторы также имеют все права авторского доступа 

Количество параметров безопасности сайта, конфигурируемых с помощью Frontpage, довольно велико. Подробно эта тема будет рассмотрена в главе 5. 

Информационное наполнение 

Существует масса областей, в которых можно с успехом применить мощь технологии intranet: 

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

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

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

- Свяжите ваш intranet-сайт с Internet. С помощью брандмауэров (firewall) и Proxy-серверов вы можете связать свои сайты с Internet без ущерба для безопасности вашей сети intranet. Поместите на видное место ссылки на сайты конкурентов, чтобы ваши сотрудники всегда были в курсе их достижений, или на другую полезную и своевременную информацию, которую вашим сослуживцам не мешало бы знать. Если информация о вашей компании появится на других сайтах Internet, сделайте ссылки на них; пусть персонал по достоинству оценит вашу работу.