На главную | Отправить SMS | Сделать стартовой | Поставить закладку |
Разделы сайта

 Главная
 Новости
 Регистрация
 Region Free Keys
 Телефония
 Железо
 Software
 Секреты Windows
 Безопасность
 Web-дизайн
 Web-мастерам
 Фото-приколы
 Хостинги
 Раскрутка сайта
 Анекдоты
 Игромания
 Фотогалерея
 Разное
 Знакомства
 Мир техники
 Флейм
 Голосования
 Музыка
 Спорт
 Кино
 Авто
 Зал суда
 Программа TB
 Форум
 Авторам статей
 Реклама на сайте

Рассылка

Реклама



Web-дизайн

| Основы Web-технологий | Введение в Web-дизайн | Первая Web-страница | Графика web-дизайне | Специальные возможности HTML | Каскадные таблицы стилей | Полезные приемы в Web-дизайне | Обслуживание Web-сайта | Программирование на JavaScript и VBScript | Раскрутка сайта | Деньги и интернет | Партнерские программы | Web-софт | Поисковая оптимизация | Хостинг |

Полезные приемы web-дизайна

Добавляем страницу в Избранное

Наверняка вы встречали на некоторых сайтах Интернета текстовые или графические гиперссылки, при нажатии на которые данная страничка автоматически добавляется в список ресурсов, расположенный в меню Избранное броузера Microsoft Internet Explorer. Самым простым методом реализации такой функции является использование соответствующего сценария JavaScript.

Нарисуйте небольшое изображение, которое впоследствии сыграет роль графического представления вашей ссылки, после чего сохраните его на диске под именем favorites.gif. Можно переходить к редактированию содержимого web-страницы, адрес которой вы хотите добавить в список меню Избранное. В общем виде код данной функции будет выглядеть следующим образом:

<А HREF="javascript:window. external. AddFavorite (URL вашей web-странички', 'Краткое описание вашей странички')"><IMG SRC="URL расположения файла favorites.gif" АLT="Альтернативный текст" BORDER="0" WIDTH="Ширина изображения" НЕIGНТ="Высота изображения"></А>

А вот пример применения подобного сценария JavaScript:

<А HREF="javascript:window. external. AddFavorite ('http://www.smile.pl.ru'. 'Юморная страничка Валентина Холмогорова')"><IMG SRC="../images/favorites.gif" АLT="Добавить сайт в 'Избранное'" BORDER="0" WIDTH="15" HEIGHT="10"></A>

Этот текст размещается в том месте листинга html-документа, в котором вы хотели бы представить гиперссылку. Если вместо графической гиперссылки вы планируете использовать обычную, текстовую, код функции заметно упрощается:

<А HREF="javascript:window. external. AddFavorite

('URL вашей web-странички'. 'Краткое описание вашей странички')">

Добавить сайт в 'Избранное'</А>

Можно реализовать данную возможность иным, менее компактным и более трудоемким способом, а именно — с использованием специальной функции JavaScript, помещенной в заголовок html-документа. Для этого наберите в любой строке html-кода между тегами <HEAD> и </HEAD> следующий текст:

<SCRIPT LANGUAGE="JavaScript">

var url="URL вашего сайта"

var title="Kpaткoe описание вашего сайта "function bookmark(){ 

if (document.all) 

window. external. AddFavorite(url.title)

}

</SCRIPT>

В предложенной выше функции, имеющей уникальное на данной странице имя bookmark, определены две переменные, url и title. Первая из них указывает на адрес, по которому размещается ваша страничка в сети Интернет, вторая содержит ее краткое описание. При вызове функции bookmark на исполнение броузер автоматически заносит значения обеих переменных в папку Избранное. Для того чтобы выполнить данный сценарий, в код html-документа необходимо добавить следующий текст гиперссылки:

<А HREF="javascript:bookmark()">Добавить сайт в 'Избранное'</А>

Вместо текста ;Добавить сайт в 'Избранное'» может быть использовано любое графическое изображение, специфицированное тегом <IMG>.

Главным недостатком обоих методов является то, что указанные функции работают только в броузере Microsoft Internet Explorer и не поддерживаются Netscape Navigator.

  Создаем систему быстрой навигации

Если объем разрабатываемого вами сайта достаточно велик, к тому же он имеет сложную логическую структуру, а количество составляющих его документов и разделов превышает возможности человеческой памяти или фантазии, пользователю не всегда представляется удобным использовать для путешествия по такому ресурсу стандартные средства навигации, выполненные в виде кнопок или текстовых ссылок. Для того чтобы облегчить посетителям задачу поиска среди обилия опубликованных вами документов того, который им нужен, опытные web-дизайнеры дублируют традиционные кнопки, направляющие пользователя к основным разделам ресурса, системой быстрой навигации, представляющей собой выпадающее меню. Выбор одного из пунктов этого меню переводит посетителя на соответствующую web-страницу. Такое меню можно создать с применением стандартных средств JavaScript.

Общий вид кода формы меню, выполняющего функции системы быстрой навигации, таков:

<FORM>

<SELECT NAME="forml" SIZE="1" 

onchange="top. location. href=this.options[this.selectedindex].value; this.selectedindex=0">

<OPTION SЕLЕСТЕD>Перейти в следующий раздел сайта:</OPTION>

<OPTION VALUE="URL первой странички">Страница 1</OPTION>

<OPTION VALUE="URL второй странички">Страница 2</OPTION>

<OPTION VALUE="URL N-й странички">Страница N</OPTION>

</SELECT>

</FORM>

В качестве значения атрибута value тега OPTION следует указать полный либо сокращенный адрес URL, по которому находится страничка, определяемая каждым пунктом меню. Между тегами <OPTION> и </OPTION> записывается название данной странички. Внешний вид отображенной в окне броузера формы быстрой навигации по сайту показан на рис. 9.11.

Рис. 9.11. Форма быстрой навигации по сайту

Если вы хотите, чтобы документ, открываемый при выборе какого-либо пункта навигационного меню, загружался в новом окне, вторую строку предложенного выше кода необходимо заменить следующей:

<SELECT NAME="form1" SIZE="1" onchange="window.open(this.options[this.selectedlndex].value): this.selectedindex=0">

  Защитим страницу паролем

В ряде случаев возникает необходимость запретить доступ к какому-либо разделу вашего сайта неавторизованным пользователям, то есть лицам, не знающим соответствующий пароль. Традиционный алгоритм установки пароля на web-страницу подразумевает использование подключенного к обычной форме CGI-скрипта, управляющего процедурой передачи данных в момент нажатия пользователем кнопки Отправить и осуществляющего процесс авторизации.

ПРИМЕЧАНИЕ Авторизацией называется процедура проверки введенного пользователем в какую-либо интерактивную форму пароля или сочетания логического идентификационного имени и пароля на подлинность.

Очевидно, что применение такого метода на практике неизбежно связано с необходимостью размещения сценариев CGI в специальной серверной директории и запуска программ на удаленном узле, что требует как минимум наличия у васправ администратора. Альтернативным путем, не вызывающим необходимости вступать в переговоры с владельцами сервера, предоставляющего вам web-xoc-тинг, для получения у них разрешения на использование технологии CGI, является простая защита вашего сайта от несанкционированного доступа посредством применения JavaScript.

Общий механизм такой защиты действует следующим образом. В одной из директорий вашего сайта с условным названием private создается независимый раздел, содержимое которого и будет составлять вашу защищенную зону. В другой папке с условным названием access содержится пустой html-документ, имя которого совпадает с придуманным вами паролем, а заголовок <HEAD> содержит МЕТА-определитель, осуществляющий автоматическую переадресацию(редирект) броузера на стартовую страницу защищенной зоны. Постараюсь пояснить изложенную здесь методику чуть подробнее. Если, например, стартовый документ закрытого паролем раздела сохранен в файле с именем getting.html, асам пароль представляет собой следующую последовательность цифр и символов: xQ17kDFr4ty, то файл, хранящийся в папке access, должен будет называться xQ17kDFr4ty.html и содержать в заголовке директиву <МЕТА HTTP-EQUIV="Refresh". CONTENT="10: URL=. ./private/getting.html">. Теперь вам осталось только разместить на web-странице, с которой осуществляется доступ в закрытый раздел, содержащую JavaScript форму с предложением ввести в ее текстовое поле пароль. После нажатия на кнопку Отправить JavaScript автоматически добавит вконец заданной пользователем символьной последовательности расширение .html и переадресует броузер к web-странице с получившимся названием, которая, в свою очередь, переадресует его к стартовому документу защищенной зоны. Очевидно, что такой алгоритм позволяет размещать в папке access неограниченное количество страниц с именами, соответствующими различным паролям, благодаря чему вы можете менять число и состав посетителей, имеющих доступ к закрытому разделу.

Следует отметить, что разработка такой элементарной защиты имеет смысл лишь в том случае, когда в настройках web-сервера, предоставляющего вам хостинг, установлена функция отображения файла not_found.html с сообщением об ошибке, если пользователь пытается загрузить страницу с неправильным именем или отсутствующий на сервере документ. Если данная функция отключена, сервер продемонстрирует в рабочем окне броузера список всех файлов, имеющихся в данном разделе его диска, причем каждый из них пользователь сможет открыть по собственному желанию. Администрация многих узлов, предоставляющих бесплатный web-хостинг, понимает, что содержимое пользовательских директорий может являться информацией сугубо конфиденциальной, и потому запрещает посетителям доступ к списку файлов, составляющих сайты своих клиентов.

Очевидно также, что существует элементарный способ обойти такую несложную защиту: достаточно узнать у имеющих доступ к закрытой зоне вашего ресурса пользователей имя ее стартового файла и название директории, в которой он размещается. Выход из этой ситуации может быть только один: почаще меняйте пароли и название стартового документа защищенного раздела. А теперь самое главное — код интерактивной формы, которая позволит пользователям осуществить переход в защищенную зону вашего ресурса:

<FORM NAME="access1">

Пожалуйста, введите пароль:

<INPUT NAME="passwd" TYPE="password">

<INPUT TYPE="button" VALUE="Отправить"

onclick=(window. location. href=document. accessl. passwd value +" html")>

</FORM>

1>>>2>>>3>>>4>>>5

Содержание

Обсудить в форуме...>>>>

 

Каталог

Реклама


Rambler's Top100 Rambler's Top100

© 2002-2012, DIWAXX.RU. Дизайн Freeline Studio. Хостинг http://www.mtw.ru. Вопросы, пожелания, предложения: admin@diwaxx.ru