A5.ru: конструктор сайтовA5.ru: создать собственный сайт без лишних затрат и усилий! |
Итак, для того, чтобы получать статистику посещаемости сайта, мы должны зарегистрировать сайт на сервисе статистики, получить там html-код счетчика и затем, добавить код счетчика на все страницы сайта. В прошлой статье – “Регистрация HTML сайта на сервисе статистики” мы с Вами зарегистрировали HTML сайт с доменом moypervyi-site.narod.ru, на сервисе статистики LiveInternet и получили там счетчик, то есть, нам осталось добавить код счетчика на все станицы сайта, чем мы с Вами давайте и займемся. Давайте вспомним, что сайт moypervyi-site.narod.ru, на который мы будем добавлять код счетчика, состоит из трех статических HTML страниц, которые созданы путем написания HTML кода в блокноте. Чтобы добавить код счетчика на все страницы сайта, откроем их последовательно HTML редактором или блокнотом и добавим код счетчика перед тегом </body>. Затем, подключимся к хостингу, с помощью FTP менеджера FileZilla, и обновим страницы сайта. Для редактирования HTML страниц я использую блокнот Notepad++ Portable. Редактор блокнота Notepad++ Portable подсвечивает теги HTML кода разным цветом и имеет еще много разных инструментов, которые способствуют комфортной и удобной в нем работе, так что редактор Notepad++ Portable я Вам рекомендую. Еще необходимо отметить, что код счетчика нужно добавлять не куда попало, а таким образом, чтобы счетчик вписался по цвету и по месту положения, в дизайн сайта. Посмотрим визуально на главную страницу сайта и определим, место, где будет расположен счетчик. HTML-код счетчика, как правило, добавляют в нижний колонтитул сайта (футер). Давайте так и поступим.
Ну что же, давайте начнем и в качестве примера рассмотрим, как добавить HTML-код счетчика на главную страницу сайта. Код остальных страниц сайта по структуре похож на главную страницу, поэтому процедура добавления счетчика на остальные страницы будет аналогичной. Откроем файл index.html блокнотом Notepad++ Portable, затем, пройдем по коду страницы вниз, до закрывающего тега </body>, здесь находится ячейка таблицы со строкой копирайтинга, датой создания сайта и именем администратора. Скопируем полученный на сервисе LiveInternet код счетчика и добавим в ячейку рядом с копирайтингом. Сохраним страницу. Подключимся к хостингу FTP менеджером FileZilla и закачаем файл index.html с кодом счетчика на хостинг. Теперь откроем страницу сайта https://moypervyi-site.narod.ru. Мы видим, что на странице появился счетчик. В моем случае, картинка счетчика оказалась выше по вертикали, чем текст копирайтинга. Это связано с тем, что HTML-код счетчика представляет собой Java скрипт, а надпись копирайтинга обычный текст, поэтому браузер отобразил эти объекты на странице по-разному. Чтобы выровнять счетчик и текст копирайтинга по вертикали, в данном случае, лучше всего использовать таблицу. В отдельной таблице, счетчик и текст копирайтинга по вертикали будут выровнены автоматически. Чтобы оперативно менять горизонтальное положение счетчика и текста копирайтинга, можно воспользоваться изменением ширины новой таблицы, которую можно задать в процентах. Если Вы зададите ширину одной из ячеек вновь добавленной таблицы, ее, кстати, тоже можно задать в процентах, тогда, меняя эту величину, можно изменять расстояние между счетчиком и текстом копирайтинга. После изменения кода, закачиваем файл index.html на хостинг и проверяем изменения, обновив главную страницу сайта в браузере. Если необходимо, с помощью изменения ширины таблицы можно выровнять счетчик и текст на странице, относительно друг друга. После того, как Вы все отладите счетчик на главной странице сайта, можно переходить к добавлению счетчика на оставшиеся страницы. Автор: Виктор Милованов |
CSS для начинающихСкачать без регистрацииКак создать сайт в блокнотеСкачать без регистрацииКак создать простой сайт без знания HTML-2Скачать без регистрации |