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

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

Автор Алексей Гладкий

Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить и откроем страницу в окне Интернет-обозревателя. Результат выполненных действий показан на рис. 6.20.

Рис. 6.20. Присвоение значений параметрам формы

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

Вставка комментариев в программный код веб-страницы

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

Чтобы ввести комментарий, нужно на вкладке Вставка нажать кнопку Добавить комментарий. В результате в то место, где находится курсор, будет вставлен следующий фрагмент: <!– –>. После восклицательного знака можно вводить любой текст – он никак не повлияет на содержимое веб-страницы в окне интернет-обозревателя.

В листинге 5.14 представлен исходный код нашей веб-страницы, содержащий два комментария.

Листинг 5.14. Комментарии в исходном коде программы

<html>

<head><title>Сведения о компании</title></head>

<body>

<h1>Добро пожаловать</h1>

<! Вначале идет информация о компании>

<b>Наша компания была создана в 2005 году.</b><br>

За прошедшее время мы сумели занять <a href="http://www.yandex.ru" target="_blank" title="Подробности">лидирующие позиции</a> на рынке и завоевать немало постоянных клиентов.<br>

Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>

<! Здесь нужно будет добавить форму отправки данных>

<i>Будем рады видеть вас в числе наших клиентов!</i><br>

</body>

</html>

Если вы сохраните выполненные изменения и откроете веб-страницу в окне Интернет-обозревателя – увидите, что добавленный текстовый комментарий не отобразится.

Поиск и замена данных

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

Чтобы приступить к поиску данных, нужно в главном меню программы выполнить команду Поиск ► Найти/Заменить, которая вызывается также нажатием комбинации клавиш Ctrl+F. Также можно воспользоваться кнопкой Найти/Заменить, которая расположена в панели инструментов (напомним, что названия кнопок инструментальных панелей отображаются в виде всплывающих подсказок при подведении к ним указателя мыши). При выполнении любого из перечисленных действий на экране отображается окно настройки параметров поиска, изображенное на рис. 6.21.

Рис. 6.21. Настройка параметров поиска и замены данных

В данном окне в поле Найти нужно ввести слово или текстовый фрагмент, являющийся объектом поиска. Если требуется не только найти данные, но и заменить их, то в поле Заменить на нужно ввести текст, который будет вставлен на место найденного.

Чтобы поиск осуществлялся с учетом регистра символов, установите флажок с учетом регистра. В данном случае, если в поле Найти введен текст, например, прибыль за квартал, то текст ПРИБЫЛЬ ЗА КВАРТАЛ при поиске будет игнорироваться.

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

Глава 7.

Оптимизация сайта и его продвижение в поисковых системах

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

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

Во-первых, это позволит вам сэкономить деньги. Во-вторых, как мы уже отмечали ранее, при привлечении в раскрутке и оптимизации сайта сторонних лиц есть риск нарваться на мошенников. А в-третьих, неплохую раскрутку сайта можно сделать своими силами, используя для этого специальные программные продукты. Далее мы расскажем, как это делается на примере популярной программы, специально созданной для продвижения и оптимизации сайтов, которая имеет характерное название – Page Promoter.

Общие сведения о программе Page Promoter

Автором и разработчиком этого продукта является российская компания NetPromoter (сайт компании – http://netpromoter.ru). Программа является условно-бесплатной, ее демонстрационная версия имеет несколько функциональных ограничений. Тем не менее, их вполне достаточно для того, чтобы оценить продукт и принять решение о целесообразности его дальнейшего использования.

Демонстрационную версию Page Promoter вы можете скачать на сайте разработчика по адресу http://netpromoter.ru/download.htm. К скачиванию предлагается дистрибутив объемом примерно 9 Мб.

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

Программа Page Promoter отличается довольно скромными по нынешним временам системными требованиями. В частности, она нормально функционирует на компьютере с тактовой частотой процессора от 1 ГГц, минимальным объемом оперативной памяти 256 Мб и свободным дисковым пространством 100 Мб. На компьютере должна быть установлена любая операционная система семейства Windows, начиная с версии Windows 98 (причем для версий, предшествующих Windows XP, будет достаточно и 128 Мб оперативной памяти). Также необходимо наличие Интернет-обозревателя Internet Explorer версии не ниже 5.5, действующего подключения к Интернету, а также доступность файлов продвигаемого и оптимизируемого сайта для редактирования. Монитор должен иметь разрешение 1024х768 пикселей.

Программа Page Promoter включает в себя несколько разделов: Подготовка, Продвижение, Анализ, Исследование и Планирование. Каждый раздел, по сути, представляет собой очередной этап раскрутки и оптимизации сайта (предварительно нужно создать для сайта профиль). Таким образом, вы имеете возможность в пошаговом режиме последовательно выполнить полноценное продвижение своего веб-ресурса.

Пользовательский интерфейс и основные правила работы с программой

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

Рис. 7.1. Программа Page Promoter

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

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