Первое – навигация. Вы должны уделить ей особое внимание. Прежде всего, она должна быть максимально простой. Если вы планируете сайт с общим количеством страниц не более 60, то реализация навигации не составит много хлопот. Но в случае совершенствования своего ресурса, есть вероятность, что web-страниц станет намного больше. Следовательно, чтобы самому же не запутаться в своей навигации, следует подойти к этому вопросу серьезно и правильно, ведь в этом случае и поисковику тоже легче будет проиндексировать ваш сайт.
Второе – картинки. Чтобы обеспечить для посетителей максимально привлекательный дизайн сайта, не стоит переполнять свой сайт большим количеством изображений, так как при загрузке это скажется на скорости. Пользователям гораздо легче будет воспринимать ваш сайт с правильным соотношением информации и графики. Баннеры тоже неблагоприятно воспринимаются посетителями, так как, в большинстве случаев, попросту раздражают зрение и не дают сосредоточиться на необходимом.
Третье – ссылки. Их следует выделять таким образом, чтобы основной текст и ссылка визуально отличались. При наведении на ссылку не стоит делать так, чтобы ее размер увеличивался, так как это послужит резкому сдвигу основного текста. А также не рекомендуется ставить ссылки, при переходе на которые нет страниц, и вместо них выходит ошибка.
Четвертое – шаблон. Здесь вы должны определиться, что вы выберете: готовый шаблон или захотите свой уникальный дизайн. Лучше конечно второе, так как среди всех остальных сайтов вы просто должны «блеснуть» своей оригинальностью. Но в некоторых случаях можно остановиться и на шаблоне, если у вас попросту не хватает времени или знаний . Тем более, что после небольшой редакции он уже не будет выглядеть столь банально.
При создании сайта я бы вам советовал использовать только свои информационные данные, так как «кража» чужих совсем не поощряется в Сети Интернет. Пусть это будут не такие уж сложные графические элементы, какие бы вам хотелось, но все же они будут свои. И фоновая заставка этих элементов пусть содержит название вашего сайта. Ведь это является и своего рода рекламой, и защитой авторских прав. А касаемо контента, тоже дам вам совет: не поленитесь, и напишите его сами, ведь оригинальность всегда пользуется успехом у любой аудитории!
Следовательно, чтобы иметь хороший результат, то есть привлекательный дизайн сайта, стоит и потрудиться!
]]>Интернет уже давно вошел в нашу жизнь. Попав в его виртуальное пространство, мы медленно, но уверенно осваиваем интернет-просторы, поглощая море информации.
Но когда-то наступает такой момент, когда хочется с кем-нибудь поделиться своими мыслями и соображениями, обсудить наболевшие проблемы, или просто поговорить с единомышленниками на интригующие и волнующие темы. Возникает желание создать собственный сайт, чтобы с помощью него выразить себя, как личность. Но с чего следует начинать? Хочется, чтобы сайт стал уникальным в своем роде, чтобы посетителям хотелось регулярно посещать ваш ресурс.
Конечно, необходимо для начала определиться с назначением будущего сайта:
Немаловажную роль при создании сайта играет выбор его оформления. Чтобы в дальнейшем было легче работать, опишите будущую структуру сайта на бумаге. Необходимо определиться со следующими элементами:
Графическое оформление сайта не должно отвлекать посетителя от основной информации. Хорошо, если при оформлении ресурса, вы будете придерживаться однотонных цветов. Конечно, текст не должен сливаться с общим фоном. Желательно, чтобы он был темным (черным), так как такой текст легче читать, а фон - светлым. Человек должен ощущать себя комфортно, находясь на вашем сайте. Количество посетителей будет возрастать с каждым днем, если размещенная на сайте информация будет уникальна, интересна, актуальна и полезна.
Еще нужно обратить внимание на работоспособность ссылок и на скорость загрузки страниц. Посетитель не должен быть разочарован.
Предложите посетить готовый сайт своим друзьям и знакомым. Пусть они дадут вам советы по оформлению сайта. Возможно, они увидят какие-то недостатки, которые впоследствии будут устранены вами.
]]>
В таком случае, возникает вопрос, что входит в комплексное продвижение сайта. Перечислим основные позиции. Прежде всего, это - подбор ключей, которыми служат ключевые фразы. Их пользователи набирают в поисковой системе. Имеет смысл и оптимизация сайта, когда в соответствии с определенными канонами выстраивается структуры сайта, что также служит его успешному продвижению. Важно добиться выдачи сайта на первых страницах поисковых систем. Затем специалистами проводится оценка удобства сайта для пользователей. И, конечно же, важная составная часть комплексного продвижения сайта - проведение контекстной рекламной кампании.
Оптимизация сайта в соответствии с требованиями поисковых машин позволяет добиться максимального роста продаж и одновременно уменьшения расходов на рекламу. А это значит, что необходимо провести корректировку текстов, и прежде всего - на главной странице сайта, размещение статей и др. Что и как лучше сделать, под силу определить профессионалам.
Основные виды дизайна – это жесткий и резиновый.
Жесткий дизайн предполагает под собой взятие за основную меру ячейки пиксели или какие-либо элемент (к примеру, изображение), который заложен в ячейке. То есть все частички нашей страницы расположены в строгом порядке, на определенном расстоянии друг от друга и имеют заданный размер. Наша страничка никоим образом не зависит от размера окна и других внешних факторов. Это крайне удобно, особенно при разработке сложного дизайна. Но есть и свои «но». Расширение экрана предполагается только среднее, и при его большем значении на компьютере пользователя у страницы расползаются поля, а при меньшем – часть становится не видна.
Но не стоит унывать, здесь нам на помощь приходит гибкий дизайн. Тогда при отображении браузером ваши страницы равномерно распределяются по всему размеру страницы. Правда, часто отображение элементов страницы не соответствует изначально задуманному. Хотелось бы также отметить и то, что загрузка «гибких» страниц длится значительно дольше «жестких».
Есть также и комбинированный способ: составляйте страницу из столбцов определенных или относительных размеров. Этот вариант наиболее популярен и используем.
Как видите, выбор достаточно сложен и неоднозначен. Но ведь вы - web-мастер и последнее слово только за вами!
]]>Класс createZip обеспечивает полноценную работу с формированием нового ZIP архива, с возможностью его выдачи на лету или сохранения на диск. Покажу несколько простых приёмов.
Ну, во-первый нужно объявить объект данного класса:
$createZip = new createZip;
Добавим в корень архива текстовый файл:
$fileContents = "Hello world!";
$createZip->addFile($fileContents, "textfile.txt");
Создадим новую директорию:
$createZip->addDirectory("images/");
Ну а теперь допустим у нас есть картинка image.png в директории где выполняется данный скрипт. Загрузим эту картинку в директорию images нашего архива:
$fileContents = file_get_contents("image.png");
$createZip->addFile($fileContents, "images/image.png");
Сохраняем архив на диск и выдаём посетителю ссылку:
$filename = "archive.zip";
$fd = fopen($filename, "wb");
$out = fwrite($fd, $createZip->getZippedfile());
fclose($fd);
echo "Скачать архив: $filename";
Всё достаточно легко и просто. При желании, можно выдать архив на лету, после чего его сразу удалить. В классе для этого есть вспомогательная функция forceDownload.
]]>Первое, что нам нужно для этого иметь – это базу данных с несколькими десятками строк, например статей или комментариев к ним (что угодно). Мы будем рассматривать базу данных MySQL, она является самой популярной на данный момент. Естественно используемый язык – это PHP.
Есть? Отлично! Продолжаем…
CREATE table primer (
id int auto_increment primary key key,
name varchar(100) NOT NULL,
text longtext NOT NULL
);
Сам код довольно небольшой и несложный, поэтому вылажу его сразу весь, пометки Вам помогут разобраться без проблем.
Запихиваем нижележаций код в primer.php и пытаемся понять как же он работает:
Ошибочка вышла!';
// СОЕДЕНИМСЯ С MySQL
$connect = mysql_connect ( $server, $user, $pass );
if (! $connect) {
echo $text_error;
exit ();
}
// СОЕДЕНИЯЕМСЯ С БАЗОЙ ДАННЫХ
$select = mysql_select_db ( $db );
if (! $select) {
echo $text_error;
exit ();
}
// СОЗДАЁМ ЗАПРОС
$result = mysql_query ( "SELECT * from $table ORDER by id desc" );
// СЧИТАЕМ КОЛЛИЧЕСТВО ЗАПИСЕЙ В ТАБЛИЦЕ - У МЕНЯ ИХ 20
$num_rows = mysql_num_rows ( $result );
// А ТЕПЕРЬ СЧИТАЕМ НА СКОЛЬКО СТРАНИЦ НАМ РАЗБИТЬ ЗАПИСИ И ВЫДЕЛЯЕМ ЦЕЛОЕ ЧИСЛО
$num_rows = round ( $num_rows / $chislo ); // 20 ДЕЛИМ НА 5. СКОЛЬКО? :)
// ЗДЕСЬ МЫ ПРОВЕРЯЕМ НА КАКОЙ СТРАНИЦЕ СЕЙЧАС ПОЛЬЗОВАТЕЛЬ
if (isset ( $_GET ['str'] )) {
$nav = $_GET ['str'];
} else {
$nav = 0;
}
$nav = intval ( $nav ); // ДЛЯ ЗАЩИТЫ ОТ НЕХОРОШИХ ДЯДЕНЕК МЫ ВЫДЕЛИМ ЦЕЛУЮ ЧАСТЬ $GET['str']
echo 'Навигация: ';
// А ТЕПЕРЬ ВЫВОДИМ НОМЕРА СТРАНЦ
for($i = 1; $i < $num_rows; $i ++) {
if ($i != $nav) {
echo '' . $i . ' ';
} else {
// АКТИВНУЮ СТРАНИЦУ ДЕЛАЕМ НЕ ГИПЕРССЫЛКОЙ
echo '' . $i . ' ';
}
}
echo ''; // ОТДЕЛИМ НАВИГАЦЮ ОТ КОНТЕНТА ДЛЯ НАГЛЯДНОСТИ
// НАЧИНАЕМ ВЫВОДИТЬ САМУ ИНФОРМАЦИЮ ПОСТРАНИЧНО :)
if (! isset ( $_GET ['str'] )) {
$str = 0;
} else {
$str = $_GET ['str'] * $chislo - $chislo;
}
$nomer = $str + 5;
// ФОРМИРУЕМ ЗАПРОС НУЖНОЙ НАМ ЧАСТИ ИНФОРМАЦИИ
$result = mysql_query ( "SELECT * from $table ORDER by id asc limit $str, $nomer" );
// ИНАЧЕ ВЫВОДИМ ОШИБКУ
if (! $result) {
echo $text_error;
exit ();
}
echo '
';
while ( $row = mysql_fetch_array ( $result ) ) {
echo '
' . $row ['id'] . ' - ' . $row ['name'] . '
' . substr ( $row ['text'], 0, 100 ) . '.. >>
';
}
echo '
';
mysql_close ( $connect );
?>
Поясню лишь, что в переменной "str" передаётся номер страницы, на которой находится пользователь, в адрессной строке браузера это выглядит так:
]]>Web — поистине универсальная платформа, и еще долгое время будет поддерживаться в сравнении с другими платформами, которые отойдут на второй план. В недалеком будущем новые системы будут использовать Web в качестве своего фундамента. Когда вы создаете сайт или приложение с применением установленных веб-стандартов, вы используете те части Web, которые вероятнее всего сохранятся и будут развиваться в будущем. Вы можете быть уверены, что ваше творение будет продолжать поддерживаться многочисленными поставщиками и устройствами еще долгое время. Опираясь на веб-стандарты сейчас, вы обеспечиваете защиту ваших инвестиций в настоящем и будете продолжать пожинать диведенты в будущем.
Разработка кросс-браузерной верстки и эффективная организация документов являются бичом для общества веб-разработчиков. Следование стандартам и практике предусматривает создание рабочего процесса, которое позволяет сэкономить не только время, но и облегчить жизнь веб-дизайнерам и разработчикам, работающим с трудными задачами. Использование веб-стандартов в работе и повышение квалификации и качества жизни людей в команде — наиболее ценных ресурсов — может помочь решению данной проблемы в среде стандартов.
Пожалуй, наиболее убедительным аргументом в пользу введения стандартов является то, что для оптимизации сайтов под поисковые системы наиболее правильно использовать язык разметок CSS и JavaScript в соответствие с идеологиями стандартов. Технически это улучшение можно объяснить тем, что семантическая разметка в документе с последовательным содержанием текста позволяет поисковым системам находить заголовки и важные ключевые слова в тексте намного быстрее.
Разрабатываете ли вы дизайн для наладонников или для людей со слабым зрением, концепцию доступности (которая включает в себя многочисленные возможности, такие как использование телефона, печать документов, просмотр веб-сайтов, а также доступ для людей с ограниченными физическими способностями) намного легче осуществить, используя технические приемы, пропагандируемые веб-стандартами, что делает документ существенно более стилизуемым и динамичным по многим причинам.
Со временем сайты имеют тенденцию расти. При наличии существующего рабочего процесса с применением стандартов по разработке дизайна можно избежать большой рутины. Это позволяет производить масштабирование, обновление и даже модернизацию сайтов с большей легкостью, чем для сайтов с нестандартной разработкой, в которых каждая страница "несет" свой дизайн, а не контролируется внешней таблицей стилей. Путем разделения содержимого документа, его представления и технической реализации можно избежать значительных затрат времени и денег, а также "разочарований" по мере роста сайта.
Более "легковесные" файлы, ассоциирующиеся с дизайном на основе стандартов, создают улучшенное восприятие пользователя. Для того, чтобы сайты были более эффективными, они должны быть удобны в обращении и помогать пользователю быстрее добиваться своей цели. Ясная инфраструктура и файлы меньшего размера, которые являются результатом использования веб-стандартов в рабочем процессе, могут оказать значительное влияние на время загрузки и отклика сайта, делая ваших пользователей счастливыми клиентами.
Приведены ключевые причины того, что веб-стандарты и технологии должны стать неотъемлемой частью современного профессионального веб-конструирования. Мы проводим разработки и стандартизацию почти в каждой области компьютерных технологий, но Интернет является действительно новым рубежом. Именно смекалистые веб-первопроходцы построили прочный фундамент для будущего развития новых технологий.
Всегда помните, что абсолютно любой пользователь – это опасность для незащищенного сайта, поэтому всегда стоит проверять запросы и переменные от пользователя.
Основные этапы:
Проверяйте входящие переменные в самом начале скрипта, не допускайте до работы с функциями и запросами к базе данных ещё не проверенные, потенциально опасные данные от пользователей. Таким образом, все необходимые для защиты функции будуд находиться в одном определённом месте или даже файле.
Пример: $a1=@$_GET["nomer"]; Символ @ применяется для «игнорирование» интерпритатором ошибок в случае отсутствия переменной nomer в массиве GET.
Абсолютно каждая переменная в скрипте должна на стадии проектирования уже иметь свой тип, будь это число или строка. Лучше всего проверять переменные на необходимый ей тип, например:
Тип нашей переменной целое число, тогда для фильтрации данных достачно сделать приведение переменную $a1 к целому типу:
$a1=@$_GET["nomer"];
$a1=intval($a1);
Например злоумышленник ввел в строке запроса ?nomer=43X34 в результате обработки переменная $a1 примет значение 43.
Нельзя забывать о диапазонах значений. Для этого следует проверить переменную на диапазон. Пусть $a1 находится в пределе от 1 до 100, тогда проверка будет следующей:
if (($a1<1)||($a1>100)) $a1=1;
Из примера видно, что происходит принудительная установка переменной $a1 в значение 1 в случае нарушения.
Особо опасны текстовые переменные, например поле для ввода поисковой фразы по сайту. Их просто необходимо проверять на наличие вредоносного кода. Для устранения опасности производится удаление некоторых элементов из текста или замена на другие символы.
Обычно удаляются html теги, php вставки и конструкции для изменения запросов к базе MySQL.
$a1=htmlspecialchars($a1,ENT_QUOTES,"cp1251");
$a1=str_replace("update","",$a1);
Первое, что мы делаем с запросом – это обрезаем строку поиска функцией substr:
$search = substr($search, 0, 64);
64 символа вполне хватит пользователю для поиска по сайту.
Теперь наступает очеред вырезать все опасные и не нужные нам символы из строки:
$search = preg_replace("/[^(w)|(x7f-xff)|(s)]/", " ", $search);
По идее, разрешать пользователям искать по сайту небольшими запросами из 1-2 символом нельзя – при большой посещаемости это может стать причиной большой нагрузки на сервер, поэтому ограничим поиск поисковыми фразами только больше 2 символов.
Итак, разрешим искать только по словам, которые длиннее двух букв (если ограничение больше, надо заменить "{1,2}" на "{1, кол-во символов}"):
$good = trim(preg_replace("/s([^s]{1,2})s/", " ", ereg_replace("[ ]+", " "," $search ")));
Затем после замены ненужных символов неплохо было бы убрать двойные пробелы из нашего запроса (они были сделаны специально для корректного поиска коротких слов):
$good = ereg_eplace("[ ]+", " ", $good);
Допустим, мы хотим предоставить пользователю возможность выбирать логику поиска - искать все слова или только одно из нескольких. Если вы хотите сделать как в Яндексе [2] [1] - два амперсанта означают "И" (слово1&&слово2&&слово3) или как-то еще, то я не советчик. Шаманство со строками на небольшом сайте imho не оправдывает затраченного времени. Поэтому форму для поиска рисуем так:
искать любое из слов или искать все слова
А в поисковом скрипте лишний раз проверяем, что пользователь ввел:
if ($logic!="and" && $logic!="or") $logic = "or"; Как будет использоваться логика — ниже.
Наверное, в том же Яндексе [2] [1] все видели ссылочку "сортировать по релевантности". Это оно и есть. Сортировка результатов по количеству совпадений слов.
Отчасти, кстати, такая сортировка снимает проблему обработки логики поиска. Но с БД mysql делать такую сортировку очень сложно. Надо сперва выбрать, где есть все слова, потом записи, где разные слова (исключив предыдущие). Если у вас постраничный вывод - то вообще дело труба!
Статистика поиска Неплохо будет сразу информировать пользователя, сколько он нашел строк таблицы. Для этого делается дополнительный запрос в базу:
$query = "select id from table where field like '%". str_replace(" ", "%' or field like '%", $good). "%'";
Для статистики по отдельным словам можно сделать следующее:
$word = explode(" ", $search); while (list($k, $v) = each($word)) { if (strlen($v)>2) $stat[]="$v:". mysql_num_rows(mysql_query("select id from table where field like '%$v%'")); else $stat[]="$v: короткое"; }; $word_stats = "Статистика слов: ". implode("", $stat). "
"; unset($stat);
Ну, когда у нас есть макет для поиска и количество строк результата поиска, сделать постраничный поиск - пара пустяков. Проверяем переменную $page (не меньше 0, не больше
$results_amount/$rows_in_page).
В запрос, который подсчитывает количество строк (смотри выше), пишем нужные нам поля и поля для сортировки. А потом дописываем
if ($page==0) $request .= "limit $rows_in_page"; else $request .= "limit ".$page*$rows_in_page. ",". $rows_in_page; (синтаксис: limit <кол-во строк> либо limit <кол-во строк отступа>, <кол-во строк>)
В результате выполнения подобного запроса мы получим именно те самые строки, которые надо выводить на странице.
Для навигации можно либо рисовать ссылки на следующую и предыдущую страницы, либо, что сложнее, делать панель навигации на несколько страниц.
if ($page>0) print ("< a href=search.php?search=". rawurlencode($good). "&page=".($page-1). ">предыдущая страница");
if ($page<$results_amount/$rows_in_page) print ("< a href=search.php?search=". rawurlencode($good). "&page=". ($page+1). ">следующая страница");
Для того, что бы подсветить поисковые запросы жирным шрифтом (а может быть определённым цветом, кому как больше нравиться), необходимо сделать всего лишь следующее:
$highlight = "(". str_replace(" ", "|", $good). ")";
Пробелы (а они у нас между словами стоят поодиночке, и нигде двойной пробел не встречается, к тому же с концов строки мы их тоже вырезали) достаточно заменить на вертикальную черту – разделитель вариантов в регулярных выражениях. "Плохие" слова мы не подсвечиваем, потому что в базе их не ищем :).
В коде, который выводит текст пишем:
$row["text"] = ereg_replace($highlight, "1",$row["text"]);
Если же у вас в тексте встречаются html теги, то следует поступить вот так:
$text = eregi_replace(">([^<]*)$words", ">123<", $text);
И в завершении я бы посоветовал сделать отдельную функцию, которая бы вырезала не только из поиска, но и вообще из всех полей ввода слова: INSERT, SELECT, DELETE и другие SQL команды, которые могут вызвать неприятности.
Применяя все эти приёмы в совокупности (а именно так я и советую), можно добиться вполне неплохого поиска на собственном сайте, а вместе с этим сделать его безопасным для сайта и не дать пользователю, который хотел бы навредить сайту:
А ещё мы помогли пользователю скорее сориентироваться, сделав подсветку поисковых фраз и разделив найденный текст по страницам.
]]>