Заголовок.
Рисунки (фотографии и любые другие).
Текст.
Таблица расписания. Может использоваться для расписания движения транспорта и подобной информации.
Меню (набор гиперссылок, включённый через HTML-тег iframe).
Варианты использования программы:
1) На вашем интернет-сайте.
2) На вашем компьютере. Однако: операционная система Windows сама по себе не работает с PHP-скриптами. Установите сервер для выполнения этой и других программ на PHP. Автор пользуется программой Open Server; можете посмотреть другие варианты.
Можно скопировать код и сохранить файл с именем sozdanie.php.
Можете загрузить с моего сайта:
http://www.levinnic.ru/sozdanie/programm.zip
(2 варианта программы + таблица стилей для оформления интерфейса).
--- Начало программы
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="Создание походной страницы">
<title>Создание страницы (фотографии + текст)</title>
<link rel="stylesheet" type="text/css" href="file1.css">
</head>
<body>
<h1 class=A>Создание страницы (фотографии + текст)</h1>
<FORM action="sozdanie.php" method="POST" name="sozdanie">
Адрес вашего сайта (для HTML-тега base href)<br>
<input type="text" size=200 name="adrsayta"><br><br>
Заголовок страницы:
<br><input type="text" size=200 name="pohod"><br>
Класс заголовка (A, B, V, G, D):
<input type="text" size=10 name="zagolovok" value="A"><br><br>
Ниже введите описание (события, предмета рассмотрения и так далее)<br>
<textarea name="opisanie" rows=28 cols=120>
ОПИСАНИЕ
</textarea><br><br>
Таблица стилей (CSS) для оформления. Введите имя файла без расширения:
<input type="text" size=40 name="stili"><br>
Папка, в которой находится CSS-файл:
<input type="text" size=40 name="csspapka"><br><br>
Сколько фотографий будет на создаваемой странице:
<input type="text" size=10 maxlength=5 name="foto"><br><br>
Укажите количество остановок (сколько строк должно быть в таблице расписания). Чтобы таблица расписания НЕ создавалась, оставьте 0<br>
<input type="text" size=10 maxlength=5 name="rasp" value="0"><br><br>
Папка (на сайте), в которой находятся рисунки создаваемой страницы:<br>
<input type="text" size=40 name="papka"><br><br>
Ключевые слова. Пожалуйста, разделите запятыми:<br>
<input type="text" size=200 name="slova" value="Россия, природа, Подмосковье"><br><br>
Меню (включаемая область) для создаваемой страницы:
<input type="text" size=40 name="frame" value="menu.htm"><br>
Путь к файлу меню (в какой папке он находится):
<input type="text" size=40 name="menupapka"><br><br>
Параметры стандартного малого рисунка (img class=standart…)<br>
Ширина: <input type="text" size=10 name="shirina" value="200">
Высота: <input type="text" size=10 name="vysota" value="150"><br><br>
Параметры вертикального малого рисунка (img class=vertical…)<br>
Ширина: <input type="text" size=10 name="shirina2" value="150">
Высота: <input type="text" size=10 name="vysota2" value="200"><br><br>
Файл рисунка имеет расширение (обратите внимание на регистр):
<input type="text" size=10 name="rsh" value="JPG"><br><br>
Шаблон имени малой фотографии (используемой в качестве ссылки):
<input type="text" size=40 name="malshablon"><br>
Шаблон имени БОЛЬШОЙ фотографии:
<input type="text" size=40 name="krupnshablon"><br><br>
Стандартный замещающий текст для рисунка (HTML-тег alt):
<input type="text" size=70 name="ztext"><br><br>
Стандартная подпись к фотографии:
<input type="text" size=70 name="podpisi" value="Фотография"><br><br>
<input type="submit" value="НАЖМИТЕ, ЧТОБЫ СОЗДАТЬ КОД">
</FORM>
<br><b>Результат</b> (готовый код) отобразится ниже – после нажатия кнопки «Создать код».<br>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST")
{
$marshrut = trim(strip_tags($_POST["pohod"]));
$O = nl2br($_POST["opisanie"], false);
$stili = trim(strip_tags($_POST["stili"]));
$F = trim(strip_tags($_POST["foto"])) * 1;
$P = trim(strip_tags($_POST["papka"]));
$K = trim(strip_tags($_POST["slova"]));
$Z = trim(strip_tags($_POST["zagolovok"]));
$R = trim(strip_tags($_POST["rasp"] ))* 1;
$frame = trim(strip_tags($_POST["frame"]));
$adres = trim(strip_tags($_POST["adrsayta"]));
$csspapka = trim(strip_tags($_POST["csspapka"]));
$menupapka = trim(strip_tags($_POST["menupapka"]));
$rsh = trim(strip_tags($_POST["rsh"]));
$shirina = trim(strip_tags($_POST["shirina"])) * 1;
$vysota = trim(strip_tags($_POST["vysota"])) * 1;
$shirina2 = trim(strip_tags($_POST["shirina2"])) * 1;
$vysota2 = trim(strip_tags($_POST["vysota2"])) * 1;
$M = trim(strip_tags($_POST["malshablon"]));
$B = trim(strip_tags($_POST["krupnshablon"]));
$ztext = trim(strip_tags($_POST["ztext"]));
$podpisi = trim(strip_tags($_POST["podpisi"]));
echo "
<TEXTAREA readonly rows=70 cols=120>
<!--
<!DOCTYPE html>
<html lang=\"ru\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
<meta name=\"keywords\" content=\"$K\">
<title>$marshrut</title>
<base href=\"$adres\" target=\"_blank\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"/$csspapka/$stili.css\">
</head>
<body>
<h1 class=$Z>$marshrut</h1>
";
if ($F > 0)
{
echo "<table class=foto>";
$i = 1;
while ($i <= $F)
{
$razm = getimagesize("$M($i).$rsh");
if ($razm[0] == $shirina && $razm[1] == $vysota) {echo "<tr>
<td class=F><a href=\"/$P/$B($i).$rsh\">
<img src=\"/$P/$M($i).$rsh\" class=standart alt=\"$ztext\"></a><br>$podpisi<br><br>
</td></tr>"; }
elseif ($razm[0] == $shirina2 && $razm[1] == $vysota2) {echo "<tr>
<td class=F><a href=\"/$P/$B($i).$rsh\">
<img src=\"/$P/$M($i).$rsh\" class=vertical alt=\"$ztext\"></a><br>$podpisi<br><br>
</td></tr>"; }
else {echo "<tr>
<td class=F><a href=\"/$P/$B($i).$rsh\">
<img src=\"/$P/$M($i).$rsh\" class=abc width=$razm[0] height=$razm[1] alt=\"$ztext\"></a><br>$podpisi<br><br>
</td></tr>"; }
$i++;
}
echo "</table>";
}
if ($R > 0)
{
echo "<br><br>Расписание:
<br>
<table class=rasp>
";
$RR = 1;
for ($RR = 1; $RR <= $R; $RR++) {echo "<tr><td class=punkt>Остановка$RR</td>
<td class=vremya></td><td class=vremya></td><td class=vremya></td>
</tr>";}
echo "</table>";
}
echo "
<p>
$O
</p>
<iframe src=\"/$menupapka/$frame\"></iframe>
</body>
</html>
-->
</TEXTAREA>
";
}
?>
<br>
</body>
</html>
-- Конец программы
Инструкция к программе:
http://www.levinnic.ru/sozdanie/instruk.htm
http://www.levinnic.ru/sozdanie/programma.htm
Также можете взять любую из 8 моих таблиц стилей (CSS):
http://www.levinnic.ru/sozdanie/css.zip
Если нужны не все файлы: на странице http://www.levinnic.ru/sozdanie/programma.htm есть отдельные ссылки. И примеры, показывающие, как будет выглядеть страница при использовании разных таблиц стилей.
В готовом файле указываются классы заголовка, таблицы, ячеек, рисунков. Рекомендую использовать программу совместно с предложенными CSS-файлами. Если какие-то параметры (например, ширина таблицы или стандартные размеры рисунка) отличаются, отредактируйте CSS-файл для себя.