Веб-Самоделкин. Как самому создать сайт быстро и профессионально

• давать посетителю максимально полное представление о том, из чего состоит веб-ресурс;

• что еще интересного и полезного можно найти на данном сайте.

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

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

• Раскрывающийся список. Главное достоинство данного инструмента состоит в его компактности. Однако раскрывающийся список по наглядности во многом уступает меню.

• Карта сайта. Отдельная страница, на которой представлена развернутая структура всего сайта. Более подробно о том, что представляет собой карта сайта, мы говорили ранее, в разделе «Что представляет собой современный веб-сайт?».

• Back and Forward. Данный инструмент целесообразно использовать в случаях, когда предполагается последовательное изучение посетителями представленной на сайте информации. Обычно это выглядит примерно так: на странице идет текст, а под ним – кнопки или ссылки Вперед и Назад (они могут называться по разному: Next и Back, Далее и Возврат, и т.п., но суть от этого не меняется). После того как посетитель изучит информацию, содержащуюся на данной странице, он нажимает кнопку Далее и переходит на следующую страницу, где представлена очередная порция материала. Для возврата на одну из предыдущих страниц предназначена кнопка Возврат.

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

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

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

При конструировании сайтов нередко применяется пирамидальный способ представления данных. Сущность его заключается в том, что вначале следует главная информация, а далее – подробности. Характерный пример – новостные ленты: на них почти всегда вначале идет заголовок и небольшой анонс, и если посетителю данное сообщение интересно – он щелкает мышью на ссылке Далее и читает подробности.

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

По мере возможности старайтесь конструировать страницы сайта таким образом, чтобы они загружались максимально быстро. Иначе говоря, они не должны быть слишком «тяжелыми»: ведь далеко не все посетители имеют высокоскоростной Интернет, и если страница будет неоправданно долго загружаться – человек может просто не дождаться ее отображения, и попросту уйдет на другой веб-ресурс. Поэтому рекомендуется не злоупотреблять графическими, анимационными, мультимедийными и иными объектами, которые могут «утяжелить» страницу. А те подобные объекты, использование которых необходимо, следует максимально оптимизировать.

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

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

Понятие статической и динамической веб-страницы

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

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

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

ПРИМЕЧАНИЕ

Адрес страницы, написанной на языке HTML, будет заканчиваться символами html, следующими после точки.

Принципиальное отличие динамической веб-страницы от статической состоит в том, что ее содержимое является не постоянным, а может изменяться. Оно формируется в зависимости от пожеланий пользователя, а точнее – на основании запросов, созданных посетителям и отправленным на веб-сервер. Как мы уже отмечали ранее, наиболее типичный пример динамической веб-страницы – это страница с результатами поиска, выданными поисковой системой (тем же www.google.ru (http://www.google.ru/)) на основании отправленного пользователем поискового запроса. Еще один характерный пример использования веб-страниц – интернет-магазины: посетитель с помощью опций указывает, какой товар и с какими свойствами его интересует, отправляет запрос (для этого обычно предназначена соответствующая кнопка – Отправить, Выбрать, и т.п.), и через пару секунд получает на экран перечень товаров, соответствующих установленным критериям. Помимо этого, динамические страницы имеют широчайшее применение и в других сайтах, самого разного назначения и направленности.

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

Как выбрать хостинг

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

Большинство веб-разработчиков полагает, что хороший хостинг должен иметь следующие качества:

• быстрота;

• надежность;

• широкий ассортимент технических возможностей;

• невысокая стоимость;

• наличие эффективной и доступной службы технической поддержки;

• предоставление достаточного количества места для размещения сайта.

Рассмотрим подробнее каждое из перечисленных качеств.

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

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

ПРИМЕЧАНИЕ

Как показывает практика, высокой надежностью отличаются сервера, выпускаемые компанией IBM. Что касается операционной системы, то очень хорошо в данном отношении зарекомендовала себя система Linux.

Что касается технических возможностей хостинга, то они во многом определяются поддерживаемыми хостингом технологиями разработки и базами данных. Например, одним из наиболее популярных языков веб-разработки является язык РНР, с помощью которого, в частности, осуществляется разработка динамических веб-страниц. Самой популярной базой данных с открытым кодом является MS SQL – как показывает практика, она используется сплошь и рядом, и уже неоднократно подтверждено, что она отличается высокими показателями функциональности и надежности.

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

• управление настройками веб-ресурса;

• создание почтовых ящиков и работа с электронной почтой;

• настройка и использование почтовых автоответчиков;

• просмотр и анализ статистики посещаемости веб-ресурса;

• использование FTP-менеджера для приема и отправки данных.

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

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

ПРИМЕЧАНИЕ

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

Как мы уже отмечали ранее, хостинг бывает бесплатным и платным. Кратко рассмотрим преимущества и недостатки каждого из них.

Главное достоинство бесплатного хостинга как раз и заключается в том, что он «халявный» и не требует от клиента никаких денежных трат. Все предельно просто: клиент выбирает и регистрирует доменное имя, выгружает файлы сайта на сервер (или формирует сайт прямо на сервере с помощью специального инструментария, предназначенного для начинающих) – и, в принципе, сайт готов и доступен для посетителей. Самые известные бесплатные хостинг-провайдеры русскоязычного Интернета – www.narod.ru (http://www.narod.ru/), www.boom.ru (http://www.boom.ru/), www.hut.ru (http://www.hut.ru/), и др.