Файл: Разработка Web – сайтов.pdf

Если хочется разместить, рекламу она должна соответствовать следующим правилам:

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

Ссылки

Ссылки должны быть предсказуемы, пользователь должен знать, что произойдёт, если он нажмет на ссылку. Ясно указывать, что является ссылкой: если это текст пусть он будет цветным или подчёркнутым. Не скрывать различия между посещёнными и не посещёнными ссылками. Создавать ссылки с расчётом того, что поисковые системы являются самыми важными посетителями, а они глухи и слепы по отношению к высоким технологиям. Оформить теги "title" так, чтобы они хорошо смотрелись в поисковых системах и закладках, поэтому начинать ссылки необходимо с ключевого слова.

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

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

Привязанность

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

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

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

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

– если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в Lynx (или в другом неграфическом браузере);

– если сайт предназначен для потребителей – например, сайт, который предлагает обучающие игрушки для детей, – внимание обращается на скорость загрузки и внешний вид сайта для AOL – браузеров;

– если это сайт для контролируемого окружения, например корпоративной, то точно зная, какой браузер и какую платформу используют ваши клиенты, вы можете показать все, на что способен этот браузер, включая звуковые эффекты – свистки, звонки и, даже, собственные разработки;

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

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

Языки программирования

Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, – это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в Web.

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

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

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

Вторая область – это создание скриптов, выполняющихся в командной строке. То есть с помощью PHP можно создавать такие скрипты, которые будут исполняться, вне зависимости от web – сервера и браузера, на конкретной машине.

И последняя область – это создание GUI – приложений (графических интерфейсов), выполняющихся на стороне клиента.

Третий тип – Ajax. Расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript и XML) и технологией в строгом смысле слова не является. Если в стандартном web – приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML, то в Ajax – приложении между пользователем и сервером появляется еще один посредник – движок Ajax. Он определяет, какие запросы можно обработать "на месте", а за какими необходимо обращаться на сервер.

Поведение сервера тоже изменилось. Если раньше на каждый запрос сервер выдавал новую страницу, то теперь он отсылает лишь те данные, которые нужны клиенту, а HTML из них прямо в браузере формирует движок Ajax.

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

Где стоит использовать Ajax:

• Формы. Они очень медленны. Если асинхронно передавать данные, страница не перезагружается.
• Навигация в виде "дерева". Вообще, такая навигация – ужас. Простая топология намного удобнее, но если уж до этого дошло, лучше использовать Ajax.
• Голосования. Пользователю будет приятней оставить свой голос за несколько секунд, чем за 30 – 40.
• Фильтры. Часто на сайтах делают сортировку по дате, по имени. Ajax это будет значительно удобнее.

Четвёртый язык программирования – JavaScript, разработан фирмой Netscape для создания интерактивных HTML – документов. Это объектно – ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java – поэтому его называют – Java – подобным.

Основные области применения JavaScript делятся на следующие категории:

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

Пятый язык создания сценариев – VBScript разработан фирмой Microsoft, является подмножеством достаточно распространенного в среде программистов языка Visual Basic разработки прикладных программ Windows – приложений. Как и его родитель, язык VBScript достаточно прост и лёгок в изучении.

Преимуществом его применения для создания сценариев является возможность использования, с небольшими корректировками, ранее написанных процедур на языках Visual Basic и Visual Basic for Application.

Функциональные возможности сценариев, написанных на VBScript, ничем не отличаются от возможностей сценариев JavaScript: динамические создание документа или его частей, перехват и обработка событий и так далее.

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

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

Шестой – Perl. Наиболее широко Perl используется для разработки инструментов системного администрирования, однако в последнее время он получил огромную популярность в области разработки Интернет – приложений: CGI – сценариев, систем автоматической обработки электронной почты и поддержки узлов Web.

Вот некоторые примеры задач, которые можно решать с помощью Perl:

• проверка пользователей Windows NT на несоответствие их статуса и возможностей;
• управление NT – сервисами из командной строки и дистанционно с локальной машины получение статистических данных на отдельной машине;
• может работать и с протоколом FTP;
• системная поддержка UNIX и Windows.

ГЛАВА 2. ПРИНЦИПЫ СОЗДАНИЯ САЙТА

Структура сайта

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

В тезисах структуру сайта можно охарактеризовать так:

• Где я нахожусь сейчас (страница входа);
• куда я могу попасть (переход);
• взаимосвязь между категориями.
• Формируя структуру, стоит разобраться в желаниях потенциальных посетителей, что они будут искать, и какая информация их интересует.

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

Вот пример простейшей структуры сайта небольшого интернет – магазина (см. рис. 1):

Рисунок 1. Структура сайта небольшого интернет – магазина

Какие существуют требования к структуре сайта.

Кто может формировать требования к структуре сайта? Это поисковые системы, именно под них и стараются подстраиваться вебмастера (никогда не забывайте, что в первую очередь должно быть удобно посетителям, а уж потом роботам).

Поисковые системы анализируют структуру сайта по – своему, они берут во внимание структуру URL сайта. В общем структура сайта и структура URL это одно и тоже, но в разговоре проще не использовать аббревиатуру URL.

Требования к структуре сайта от «Яндекс»

В поддержке Яндекса существует отдельная страница, посвященная описанию требований к структуре. Можно посетить ее и прочитать обо всем более детально, тут я объясню все вкратце и о более важном:

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

Каждая страница должна иметь уникальный и единственный URL – адрес. Имеется ввиду, что на разные страницы сайта должны вести разные URL, и наоборот одна и та же страница должна быть доступна только по одному адресу.

Делать ссылки на другие разделы (страницы) сайта текстовыми, Яндексу так проще анализировать контент.

Требования к структуре сайта от «Google»

Google в отличие от Яндекса вместил рекомендации в один абзац, и они довольно просты и понятны:

• Структура сайта должна быть простой;
• url должно иметь логическую структуру, понятную для человека;
• используйте слова, а не идентификаторы;
• используйте знаки пунктуации в url (рекомендуется дефис “ – “);
• не используйте слишком длинные и сложные url.
• Более подробно можно узнать по ссылке выше, там есть и примеры с возможными проблемами и методами их решения.

Структура сайта бывает: