АРХИВ РАССЫЛКИ "Сайт с нуля" - выпуск 8 - Считаем посетителей или как завести счётчик на сайте
Приветствую Вас, уважаемые люди!
Ещё раз напоминаю, для тех, кто пропустил наши выпуски, или только что присоединился к нашей компании, - архив рассылки "Сайт с нуля" можно найти на сайте: http://2aplusa.org/ras.
О рассылке
В начале выпуска скажу, что рассылка моя интерактивная. А это значит, что мы создаём вместе с вами сайт о Гарри Потере, чтобы на примере этого сайта вы могли создать свой собственный сайт.
Так что, жду от вас предложений о дизайне и структуре сайта. Предлагайте то, что вы бы хотели увидеть. Ваши предложения и комментарии к ним будут размещаться в следующих выпусках. С учетом ваших пожеланий и будет реализован данный проект.
Какой вы хотите видеть главную страницу нашего сайта, вы можете сообщить, выслав письмом картинку. Я тогда на практическом примере покажу, как верстаются страницы с помощью редактора Macromedia Dreamweaver. Или шаблон готового сайта. Все работы будут размещены в отдельном каталоге. Каждый сможет проголосовать за лучший дизайн.
Для того, чтобы научиться применять свои знания на практике, старайтесь принимать активное участие.
Форма голосования на сайте и письма читателей показали, что у всех разный уровень знаний. Тем, кто хочет чего-то расширенного, могут обращаться ко мне с вопросами, а ещё лучше помогать мне в работе над сайтом, так мы быстрее подойдём к интересующим вас вопросам. Рассылка «Сайт с нуля» это практическое руководство: как создать свой сайт от начала и до конца.
Всем огромное спасибо за отзывы. Очень приятно. Кстати, только вчера я узнал от своей жены Лены, откуда взялось слово «СПАСИБО». Оказывается, раньше, в древние времена динозавров :), люди говорили в качестве благодарности «Спаси тебя бог». Далее фраза сократилась до «Спаси бог». А в современном мире уже звучит как «Спасибо». Оказывается, в мире много интересного и помимо сайтов :).
Ответы на ваши вопросы.
Здравствуйте Уважаемый Алексей!!!
Хотелось бы спросить у Вас! С каких простеньких программ нужно начинать писать сайты?
Ваши рекомендации!
Начните с дизайна и создания страниц с помощью программы Macromedia Dreamweaver.
Это программа подойдёт как и профессионалу, так и новичку.
Привет подскажите как делаются анимированые кнопки.
Вариантов много, вот один из них на языке JavaScript:
Пример ссылки с картинкой:
<a href="ssilka.html">
<img sr="images/p_knopka.gif" width="200" height="16" border="0"
onMouseOver="src='images/s_knopka.gif'" onMouseOut="src='images/p_knopka.gif'">
</a>
Мы добавили в код картинки следующий скрипт:
onMouseOver="src='images/s_knopka.gif'" onMouseOut="src='images/p_knopka.gif'"
Картинка без подсветки: p_knopka.gif
Картинка с подсветкой: p_knopka.gif
Скрипт работает так. При наведении на картинку мышкой, она заменяется на другую.
Если убираем курсор мыши с кнопки, то картинка восстанавливается.
Теперь немного практики.
Все знают, что такое счётчики? ;)
Страничку создали, но чего то не хватает?
Не знаете, сколько человек увидели вашу страничку?
Интересно? А есть ли кого считать то? :)
Вот для этого и служат счётчики. Современные счётчики, помимо информации о количестве человек, побывавших на вашем сайте, предоставляют самую разнообразную статистику. Например,сайты с которых пришли к вам посетители. Слова, которые они набирали в поисковых системах, чтобы вас найти. Ваши позиции в поиске. Страны и города, из которых - ваши посетители. Как часто они возвращаются. И много другой важной информации.
Вот и я хочу вас всех пересчитать ;).
Советую поставить 2 счётчика:
° liveinternet – как самый расширенный бесплатный счётчик (считает посетителей в сутки)
° spylog – самый наглядный (общее количество посетителей, за день, и сейчас на сайте)
Ну что? Переходим на сайт http://www.liveinternet.ru/add
Заполняем формочку и жмём кнопку «Дальше». Советую не обманывать с данными. Если ввести неверный адрес сайта, то счётчик не будет считать. А на электронную почту вы всегда сможете получить пароль, если вдруг потеряете память :).
Наши данные:
Поле «Адрес» http://potter.lavkastrannika.ru/
Поле «Синонимы» оставляем пустым.
В поле «Название» вводим: Сайт о Гарри Поттере.
«E-mail» каждый вводит адрес своей электронной почты, советую завести для этих целей ящик на бесплатных почтовых серверах.
«Пароль» никому не скажу :), в следующее поле вводим его же, т.е. свой пароль.
«Ключевые слова» Гарри Поттер
Я оставляю статистику общедоступной, мне от вас прятать нечего, но вам советую её скрыть. При раскрутке сайта незачем знать вашим конкурентам всю подноготную вашего сайта.
«Подписка» снимаем галочку, в ящике и так полно спама.
«Участие в рейтингах» обязательно выбираем раздел, подходящий для сайта. Для нас это «Развлечения».
Проверяем правильность заполнения, жмём кнопку «зарегистрировать>>».
Всё, сайт зарегистрирован. Получаем почту с указанного ящика.
Далее получаем код счётчика, который нужно будет вставить на все страницы сайта.
Или жмём кнопку «получить HTML-код счетчика», или переходим по ссылке в письме.
Кликаем на картинку, которая вам понравилась и более всего подходит под ваш дизайн.
Я пока возьму с самой большой статистикой. Хотя после выбора дизайна может придется ее поменять. Выбираем в появившемся окне цвет. Жмём кнопку «получить HTML-код счетчика». В появившемся окошке написано, где вставить этот код. Копируем и вставляем на все страницы сайта.
Далее переходим на сайт http://spylog.ru. Жмём ссылку «Зарегистрироваться в системе». Далее, если не хотите платить за счётчик, то жмём «Зарегистрировать некоммерческий пакет». Заполняем формочку типа предыдущего сайта и жмём кнопку «Зарегистрироваться». Для нас тема «Увлечения, хобби».
Добавляем код на страницу. Загружаем её на сайт. Любуемся результатами ;).
http://potter.lavkastrannika.ru/
Кому полезное, а кому реклама :)
В нашем Web-магазине вы можете найти книги по созданию сайтов, а так же готовые шаблоны:
HTML для всех - электронное учебное пособие
Macromedia Dreamweaver MX - электронное учебное пособие
Готовые шаблоны для сайтов
На сегодня всё, жду ваших писем ;)
С уважением, Алексей.
| Назад |
Кис [12/07/08 10:08]
Я кончно не против программы Macromedia Dreamweaver, но я исчё параллельно использую Web Development Studio 2.0, она вся на русском языке и есть интерактивные подсказки к элементам и атрибутам. CSS, HTML, JS, PHP, SSI. По мне, так абалденная программка. ЗЫ. Устанавливать ненужно. :)
