www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.
Веб-дизайн и поисковая оптимизация
Создание простой гостевой книги на сайте
В предыдущей статье было рассказано о создании гостевой книги на сайте с помощью готового скрипта. Между тем, на небольших сайтах гостевая книга состоит обычно из нескольких сообщений (десять - пятнадцать) и редко пополняется новыми. В основном, книга засоряется спамом, всякого рода рекламой и ссылками на сайты. В результате, много времени тратится на её очистку и проверку (модерацию) сообщений.
В этом случае есть смысл заменить рассмотренный вариант гостевой книги на простую HTML-страницу и самостоятельно добавлять на неё действительно интересные сообщения, не забывая, конечно, похвалить свои товары и услуги якобы от лица благодарных покупателей. Для такой "гостевой книги" удобно воспользоваться средствами формы обратной связи (см. статью "Создание формы обратной связи").
Основные достоинства такого подхода следующие:
-
невозможность посторонним вставить свои замечательные идеи на страницу гостевой книги, минуя ваш строгий заградительный барьер,
- не надо создавать особый дизайн, так как строчки сообщений вставляются прямо на страницу сайта,
-
вы можете легко оптимизировать гостевую книгу, наполняя её ключевыми словами с целью продвижения сайта.
Сначала создадим форму для сообщений в гостевой книге с помощью любого редактора HTML и CSS. Для нашего примера не будем отходить от дизайна рассмотренной ранее книги. Кнопку Добавить сообщение сделаем картинкой-ссылкой на форму обратной связи (страница forma_02.html), открывающуюся в небольшом окне (пример действующий, можете проверить!).
ГОСТЕВАЯ КНИГА |
||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
||||||||||
23.10.2011
Иван Иваныч
Москва
Админ. Спасибо!Код ссылки "Добавить сообщение" следующий:
<a href="javascript:" title="Добавить сообщение" onclick="window.open('forma_02.html','mess','width=500, height=300, left=0, top=0'); return true;"><img src="images/guest_mess.png" alt="Сообщение" width="200" height="25" border="0" /></a>.
Здесь в JavaScript вы задаете адрес открываемой страницы (forma_02.html), ширину и высоту нового окна (500х600 пиксел) и его положение на экране монитора (верхний левый угол). Содержание окна не имеет каких либо особенностей и определяется необходимой вам информацией о посетителе: имя, адрес, e-mail, ICQ и т.п.
Чтобы не допускать мелких пакостей от посетителей сайта, на РНР-страничке отправки письма на ваш почтовый ящик целесообразно ввести дополнительные проверки ввода имени автора и текста сообщений (см. статью Проверка заполнения формы обратной связи на сайте").
В случае удачной отправки сообщения выводится надпись:
"Спасибо за отправку вашего сообщения.
После проверки администратором сайта
оно будет добавлено в гостевую книгу."
Полный текст РНР-страницы для рассмотренного примера следующий:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сообщение</title>
</head>
<body >
<?php
if (isset($_POST['name'])) {$name = $_POST['name'];}
if (isset($_POST['mess'])) {$mess = $_POST['mess'];}
if (isset($_POST['city'])) {$city = $_POST['city'];}
if (empty($name))
{
echo "<b>Не указано имя!<p>";
echo "Вернитесь к заполнению формы";
}
else
if (empty($mess))
{
echo "<b>Сообщение не написано!<p>";
echo "Вернитесь к заполнению формы";
}
else
{
$to = "pupkin@rambler.ru"; //Здесь укажите свой адрес
$headers = "Content-type: text/plain; charset = utf-8";
$subject = "Сообщение в гостевой книге";
$message = "Имя пославшего: $name \nГород: $city \nСообщение: $mess";
$send = mail ($to, $subject, $message, $headers); //Отправка письма
if ($send == 'true')
{
echo "<p><b>Спасибо за отправку вашего сообщения.";
echo "<p><b>После проверки администратором сайта <br />оно будет добавлено в гостевую книгу.";
}
else
{
echo "<p><b>Сообщение не отправлено. Приносим свои извинения.";
echo "<p><b>Попробуйте повторить отправку позже или свяжитесь с нами по телефону.";
}
}
?>
</body>
</html>
Теперь вам остается только при поступлении сообщения на ваш E-mail определить, следует ли его размещать в Гостевой книге, и при положительном решении вставить на сайт.
Как видим, мы получили 100% контроль над гостевой книгой и полностью защитили себя от нежелательных доброжелателей (не могу удержаться от такой замечательной тавтологии!).
25.10.2011 г.
Ещё статьи по теме "Полезные мелочи веб-дизайна":
Создание иконки для сайта
Изображения для сайта - размещение, эффекты, прозрачность
Создание выпадающего меню
Создание формы обратной связи на сайте
Заказ товаров и услуг через форму обратной связи
Создание бегущей строки на сайте
Создание фона для сайта
Вывод текущей даты на сайте
Создание "схемы проезда" на сайте
Ключевые слова и продвижение сайта
Веб-дизайн, поисковая оптимизация и продвижение сайтов в интернете
Сжатие фотографий для интернета и электронной почты
Copyright © 2008 - Марк Розенталь e-mail:
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru