Все для Веб мастера и создания сайта

Например, у вас есть сайт и на сайте есть мини блок где вы показываете картинки, и вы постоянно(например: раз в день) обновляете html файл в который каждый раз вставляете новую картинку. Согласитесь это очень не удобно, ну так вот в данном примере мы решим эту проблему. Пример вы можете посмотреть здесь , потом обновите страницу, для этого нажмите F5 и вы увидите, что картинка стала совершенно другой.
Для начала создайте файл index.php и вставьте в него следующий код:

<?
$imgdir=”img/”;

$ext=”jpg”;

$mode=2;

$error=”Мало картинок.”;

$errorfile=”error/error_001.jpg”;

$NoCacheMode=1;

function NoCache()
{
header(”Cache-Control: no-store, no-cache, must-revalidate”);
header(”Pragma: no-cache”);
header(”Last-Modified: “.gmdate(”D, d m y H:i:s”).”GMT”);
}
function FileCount($imgdir)
{
$files=0;
$cfile=opendir(”$imgdir”);
while(($e=readdir($cfile))!==false)
{
$files++;
}
$files-=3;
return $files;
}

function filetest($ranfile)
{global $imagelist;
$status = false;
if (IsSet($imagelist))
{
foreach ($imagelist as $occu)
{
$occu=trim($occu);
if ($ranfile==$occu)
{
$status=true;
return $status;
}
}
}
return $status;
}

function ImgWrite($ranfile)
{global $imagelist;
$ranfile=trim($ranfile);
$imagelist[]=$ranfile;
}

function ImgRandom($files)
{global $ext, $imgdir, $imgcounter, $mode, $error, $errorfile;
$ranfile= mt_rand(1, $files);
$ranfile= sprintf(”%03d”, $ranfile);
if (!filetest($ranfile))
{
ImgWrite($ranfile);
Echo “<img src=\”$imgdir$ranfile.”.$ext.”\”>”;
$imgcounter++;
}
else
{
if ($imgcounter<$files)
{
ImgRandom($files);
}
else
{
if ($mode==1)
{
Echo $error.”<br>”;
}
elseif ($mode==2)
{
Echo “<img src=\”$imgdir$errorfile.”.$ext.”\”>”;
}
}
}
}

if ($NoCacheMode==1)
{
NoCache();
}
$imgcounter=0;
print “<title>Случайный вывод картинок</title><br>”;
ImgRandom(FileCount($imgdir));
?>

Разберём код немного подробнее

$imgdir=”img/”;

Данная строчка отвечает откуда будут грузится картинки, в данном случае картинки будут загружаться из папки img.
———————————

$ext=”jpg”;

Данная строчка отвечает за расширение картинок, которые будут выводится, в данном случае картинки будут грузится только с расширением jpg
———————————

$error=”Мало картинок.”;

$errorfile=”error/error_001.jpg”;

Данная строчка отвечает за то, что если в папке img не будет ни одной картинки, на экран пользователя будет выведена картинка, можете в данную папку поместить свою собственную картинку.

Теперь когда будете загружать картинки в папку img не забудьте переименовать все картинки в названия такого типа 001.jp; 002.jpg; 003.jpg; 010.jpg и.т.д
Папку img надо класть в ту директорию куда вы положили файл index.php или переназначьте путь откуда будут грузится картинки.

Дополнительно:

• Посмотреть пример
• Скачать готовый пример в rar архиве

Если вам нужна форма для загрузки файлов с компьютера к себе на сервер, то этот урок(пример) для вас. Создайте файл index.php и вставьте в него следующий код:

<?
$path=GetCWD().”/files”;
if(!file_exists($path))
die(”<b>Пожалуйста, создайте папку <font color=red>”.$path.”</font> и <a href=?>повторите попытку загрузить файл</a>.</b>”);
if(empty($_FILES['UserFile']['tmp_name']))
echo
“<form method=post enctype=multipart/form-data>
Выберите файл: <input type=file name=UserFile>
<input type=submit value=Отправить>
</form>”;
elseif(!is_uploaded_file($_FILES['UserFile']['tmp_name']))
die(”<b><font color=red>Файл не был загружен! Попробуйте <a href=?>повторить попытку</a>!</font></b>”);
else
{
if(@!copy($_FILES['UserFile']['tmp_name'],$path.chr(47).$_FILES['UserFile']['name']))
die(”<b><font color=red>Файл не был загружен! Попробуйте <a href=?>повторить попытку</a>!</font></b>”);
else
echo
“<center><b>Файл \”<font color=red>”.$_FILES['UserFile']['name'].”\”</font> успешно загружён на сервер!</font></b></center>”.
“<hr>”.
“Тип файла: <b>”.$_FILES['UserFile']['type'].”</b><br>”.
“Размер файла: <b>”.round($_FILES['UserFile']['size']/1024,2).” кб.</b>”.
“<hr><center><a href=?>Загрузить ещё один файл!</a></center>”;
}
?>

Потом создайте папку files там где вы поместили файл index.php и поставьте папке files CHMOD равный 777 или 0777. Готово, теперь можете экспериментировать с дизайном и со всем остальным.

Скриншоты:

• Форма выбора файла для загрузки на сервер
• Сообщение об ошибке, если папки files не существует
• Сообщение об успешной загрузке файла на сервер

Дополнительно:

• Скачать исходный код в rar архиве

Во многих WEB приложениях требуется подсветить php код, такая задача возникает при динамическом отображении php скриптов на странице сайта, в форумам посвящённых php и.т.п. Подсветка осуществляется при помощи стандартной функции php: highlight_string()
Итак, создайте файл, например index.php и вставьте в него следующий код:

<html>
<head>
<title>Подсветка кода с помощью стандартной функции PHP</title>
</head>
<body>
//PHP Скрипт
<?php
$code = ‘<?php
if(!$flag)
{
echo(”FlashRipper”);
$var = 1;
}
else break;
?>’;

highlight_string($code)
?>
</body>
</html>

Дополнительно:

• Скачать готовый пример(исходный код)
• Посмотреть готовый пример

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

Создайте файл code.php, который будет генерировать число, которое пользователю нужно будет ввести в поле. И вставьте в него следующий код:

<?php
Header(”Pragma: no-cache”);
$fp = fopen(’code.txt’,'w’);
fclose($fp);
$fp = fopen(’code.txt’,'a’);
$code=”;
for ($i=1;$i<5;$i++)
fwrite($fp,mt_rand(0,9));
fclose($fp);
$fp = fopen(’code.txt’,'r’);
$code = fread($fp,4);
fclose($fp);
$pic = ImageCreateFromgif(”image.gif”);
Header(”Content-type: image/gif”);
$color=ImageColorAllocate($pic, 0, 0, 0);
ImageString($pic,5,70,60,$code,$color);
Imagegif($pic);
ImageDestroy($pic);
?>

Затем создайте файл code.txt в который будет записываться и читаться код. В него ничего не надо вставлять. Когда загрузите его к себе на сервер поставьте ему CHMOD 777 или 0777.
После этого нам нужна форма из, которой будет происходить отправка письма на e-mail, для этого создайте файл, например: antispam2.php и вставьте в него следующий код:

<?php
Header(”Pragma: no-cache”);
echo “<form action=antispam2.php method=POST>”;
echo “<textarea rows=4 cols=40 name=message>Текст письма</textarea>”;
echo “<p><img src=code.php><p>”;
echo “Введите цифры с картинки: <input type=text value=’0000′ name=code><p>”;
echo ‘<p><input type=\’submit\’>’;
echo ‘</form>’;
if (isset($_POST['message']))
{
$fp = fopen(’code.txt’,'r’);
$realcode = fread($fp,4);
fclose($fp);
if ($_POST['code'] === $realcode)
{
mail(’flashripper@yandex.ru’,'FlashRipper.Net’,$_POST['message']);
echo “Ваше письмо было успешно отправлено”;
$fp = fopen(’code.txt’,'w’);
for ($i=1;$i<5;$i++)
fwrite($fp,mt_rand(0,9));
fclose($fp);
}
else
echo “<br>Неверный код!<br>”;
}

?>

Осталось только вставить изображение на котором будет выводится код. Я взял вот такое изображение(первое попавшиеся мне под руку), взять его можно здесь. Изображение должно быть с расширением gif, если вам нужно другое расширение или название, вам нужно открыть файл code.php и найти там строчку

$pic = ImageCreateFromgif(”image.gif”);
Header(”Content-type: image/gif”);

И соответственно поменять на нужные вам параметры
image.gif - название файла
image/gif - поменяйте только второе значение
Не забудьте картинке тоже поставьте CHMOD 777 или 0777
В этом примере вместо gif файла у меня png файл:

$pic = ImageCreateFromgif(”image.png”);
Header(”Content-type: image/png”);

Дополнительно:

• Посмотреть готовый пример
• Скачать архив с примером(все файлы и весь исходный код)

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

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

url:yoursite.com (Yahoo);
domain:yoursite.com (HotBot);
host:yoursite.com (AltaVista);
site:yoursite.com (Google).

Если ни одна из строчек не оказалась полезной, попробуйте другой вариант: orginurl: yoursite.com/index.html

Кроме, того, можно применить бесплатную программу, которая “опросит” несколько поисковых сайтов и выдаст отчет о вашем присутствии или отсутствии на каждом из них. Обычно такое ПО сообщает только о том, попал ли ваш сайт в число первых 50 ссылок, выведенных на определенный запрос, - или что-то в этом роде; так что полностью полагаться на результат не стоит.

Все же примите к сведению следующие ресурсы, они помогут вам это узнать:
http://netpromotion.ru
http://did-it.com/search_engine/detective.cgi
http://autosubmit.com/rate.html
http://cybertack.com/position/position.cgi

Автор: FlashRipper

В этой статей я постараюсь описать как можно “прикрутить“ к сайту LightBox v 2.0

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

Теперь разберем какже это чудо встроить в нашу html страничку.

Установка LightBox:

1. Lightbox использует JavaScript библиотеки Prototype Framework и Scriptaculous, нам нужно будет подключить в нашу страничку три файла, для этого вставьте
следующий код в вашу страничку между тэгами <head> и </head>

<script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script>
<script type=”text/javascript” src=”js/lightbox.js”></script>

2. Дальше нам нужно подключить CSS файл, который будет использовать LightBox, для этого вставьте в вашу страничку следующий код, между тэгами <head> и </head>

<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />

3. Потом проверьте в файле CSS ссылки на prev.gif next.gif. Также убедитесь в правильности ссылок на loading.gif и close.gif, в файле lightbox.js.

Использование LightBox:

1. Добавляем такую ссылку после тэга<body>, этим кодом мы сделали LightBox для картинки image-1.jpg, таким образом можно подключить и другие картинки. Атрибут title служит
для подписи картинки, его можно и не использовать.

<a href=”images/image-1.jpg” rel=”lightbox” title=”my caption”><img src=” images/image.jpg”></a>

2. Если у вас есть группа превьюшек, которые необходимо сгруппировать, необходимо дополнительно включить в атрибут rel - имя группы в квадратных скобках. Пример:

href=”images/image-1.jpg” rel=”lightbox[roadtrip]“>image #1</a>
<a href=”images/image-2.jpg” rel=”lightbox[roadtrip]“>image #2</a>
<a href=”images/image-3.jpg” rel=”lightbox[roadtrip]“>image #3</a>

Все, надеюсь вы поняли как использовать LightBox на своих страничках. Удачи!

Автор статьи: FlashRipper
Сайт: www.flashripper.net
E-mail: flashripper@yandex.ru

Меню очень красивое с анимацией сделанной на JavaScript. Для начала посмотрите пример данного меню, его можно увидеть здесь: http://flashripper.net/portfolio/menucssjs/

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

Затем создайте файл index.html и скопируйте в него следующий код, взять его можно тут.
Готово, теперь проверяйте. Разделы меню можно изменить в файле index.html

Дополнительно:

• Скачать целиком архив с примером
• Посмотреть исходной код файла ocscript.js
• Посмотреть исходный код файла index.html