WebMаster.Soft - еженедельные обзоры софта для веб-мастеров: Выпуск 150
WebMaster.soft // №150
НОВЫЕ ПРОГРАММЫ
→ Internet Explorer Collection 1.3.0.1
Пакет для веб-разработчиков, в котором находятся различные версии браузера Internet Explorer.
Пакет Internet Explorer Collection позволяет устанавливать в операционной системе сразу несколько различных версий браузера Internet Explorer для тестирования веб-сайтов в той или иной версии браузера. Кроме того, данный пакет содержит панель для веб-разработчиков Internet Explorer Developer Toolbar, которая устанавливается в браузер как плагин и добавляет инструменты для тестирования и диагностики разрабатываемых
веб-сайтов. При установке компонентов этого пакета учитывается версия ОС, в которую устанавливаются различные варианты браузера. Обратите внимание: если вы инсталлируете данный пакет, то разработчик этого пакета настоятельно рекомендует не устанавливать браузер Internet Explorer, как браузер по умолчанию.
Состав пакета Internet Explorer Collection:
- Internet Explorer 1.0 (4.40.308)
- Internet Explorer 1.5 (0.1.0.10)
- Internet Explorer 2.01 (2.01.046)
- Internet Explorer 3.0 (3.0.1152)
- Internet Explorer 4.01 (4.72.3110.0)
- Internet Explorer 5.01 (5.00.3314.2100)
- Internet Explorer 5.5 (5.51.4807.2300)
- Internet Explorer 6.0 (6.00.2800.1106)
- Internet Explorer 6.0 (6.00.2900.2180)
- Internet Explorer 7.0 (7.00.5730.13)
- Internet Explorer 8.0 (8.00.6001.18702)
OneOrZero - один из самых мощных скриптов с открытым кодом для создания службы поддержки на сайте. Пригодится он разработчикам программного обеспечения, коммерсантам и всем, кому надо поддерживать пользователей на сайте. Скрипт русифицирован.
Автор скрипта придерживался, в последние годы, несколько необычной лицензионной политики, хотя надо сразу отметить - что это его законное право. Сначала он предоставлял все бесплатно, потом ввел платную поддержку, когда у него набралось достаточно пользователей и скрипт стал популярным. Такой набор услуг для ПО с открытым исходным кодом обычно приветствуется - надо же как-то зарабатывать программистам - разработчикам общедоступного ПО. Но потом он стал предоставлять последние версии скрипта только тем, кто оплатил
поддержку. А плата была достаточной - 45 евро в год за пользование форумом поддержки и 500 евро за платиновую поддержку (4 часа), когда вы отправляете запросы персоналы фирмы - разработчика.
По всей видимости, такой подход перестал эффективно срабатывать в период кризиса и автор решил снова на время вернуться к свободному распространению последних версий скрипта. Это не может не радовать русских пользователей, привыкших решать проблемы со скриптами самостоятельно.
Часто бывает так, что потихоньку развивая свой сайт, вебмастеру становится довольно непросто "уследить" за всеми страничками своего сайта. В результате - пользователь, зашедший на сайт, может долго искать нужную ему информацию или вообще не найти ее (хотя, фактически, она присутствует на сайте).
Чтобы избежать подобных "казусов", как правило, на сайтах, имеющих несколько десятков страниц и больше, практикуется использование Карты сайта - специальной страницы сайта, на которой (обычно в виде иерархического дерева) представлены все странички сайта. Но, если сайт содержит более сотни страниц, то поддерживать вручную "в рабочем состоянии" Карту сайта довольно хлопотное дело.
Бесплатный скрипт "Генератор карты сайта" предназначен для автоматического создания на сайте страницы "Карта сайта", на которой, в виде структурированного дерева, изображаются html-страницы, присутствующие на сайте.
Maple4 Site Creator — это инструмент для создания/ведения/публикации сайта.
Особенности программы:
– Встроенный в программу WYSIWYG-редактор Tiny_mce позволяет непосредственно редактировать контент страницы. Пользователю предоставляется ограниченная (только стилем сайта) возможность редактирования – вставка файлов графики, управление шрифтом, работа с таблицами, стилями и пр. Впрочем, есть возможность прямого редактирования HTML-кода. В любом случае, сгенеренный код будет оптимизирован для уменьшения размера.
– Генерация меню и ссылок на страницы.
– Генерация с необходимым размещением файлов графики.
– Интуитивный интерфейс управления контентом.
– Ведение, редактирование специальных объектов - новостей (блогов), файлов графики, продуктов, панелей (или вкладок).
– Объекты позволяют с легкостью управлять новостями (блогами), файлами графики и продуктами.
– Открытый активный код для расширения функциональности.
При помощи этой программы можно за несколько минут избавиться от такой неприятной
вещи как "мертвые" ссылки на страницах ресурса. Появиться они могут по разным
причинам. Сайт на который вела ссылка может исчезнуть с просторов Всемирной паутины,
или же можно попросту ошибиться, заполняя тэг "A". Web Link Validator может проверить
работоспособность всех ссылок ресурса за пару минут. Нужно просто создать проект,
указать адрес заглавной страницы сайта и нажать на кнопку. Программа проверит не только
ссылки на другие страницы ресурса, но и работоспособность адресов, указывающих на
графические элементы и т. п. Помимо разработчиков программа может пригодиться и обычным
пользователям. При помощи Web Link Validator можно быстро проверить на живучесть
закладки вашего браузера, причем не важно, каким именно браузером вы пользуетесь. С
равным успехом Web Link Validator может отыскать "битые" ссылки в закладках Internet
Explorer, Mozilla и Opera.
Возможности программы:
-проверка более 1,000,000 ссылок;
-поддержка JavaScript и Macromedia Flash (.SWF файлы) гиперссылок;
-поиск орфографических ошибок;
-около 20 фильтров для списка ссылок, включая медленно загружающиеся, новые и старые страницы;
-индивидуальные настройки для каждого проверяемого сайта;
-проверка работоспособности ссылок в Избранном Internet Explorer, Netscape Navigator и Opera;
-автоматическая отправка отчёта по электронной почте;
-поддержка коммандной строки;
-поддержка HTTP, FTP и SOCKS прокси.
AJAX представляет собой своеобразное асинхронное взаимодействие между клиентом и
сервером, осуществляемое в «фоновом» режиме. Данные, которые отправляются
серверному скрипту со стороны клиента и принимаются обратно, находятся под
управлением JavaScript функций. В данной статье мы рассмотрим основные моменты
работы в JavaScript, применительно к технологии AJAX.
Итак, одна из главных функций, которая нам может потребоваться в написании
нашего клиентского кода – getElementById(“name”). Данная функция осуществляет
доступ к элементу страницы с заданным именем (точнее, с заданным параметром id),
после чего, обратившись непосредственно к свойству того или иного элемента на
странице мы можем получить для нас всю необходимую информацию.
В определённый момент времени (по наступлению какого-либо события) нам требуется
узнать, что ввел пользователь в это поле. Сделать это очень просто. Создаем
JavaScript функцию, которая будет вызываться по наступлению того или иного
события, в которой пишем следующее:
Данный пример выведет на экран alert box, содержащий текст, введённый
пользователем в поле first_name. Таким образом, Вы можете получить данное
значение, проанализировать его, сделать коррективы и, например, отослать в php
скрипт на сервере, который обработает эти данные.
Следующий момент, который может Вам пригодиться: создание невидимых блоков на
странице. Приведем пример не связанный с AJAX, но более наглядно демонстрирующий
конкретный случай. Если Вы поймете все в этом примере, то применить эти знания
непосредственно с использованием AJAX не составит никакого труда.
Итак, мы хотим реализовать следующую функциональность: на странице две ссылки (О
нас и Контакты). Необходимо сделать так, чтобы информация «о нас» и «контакты»
загружалась сразу же на одной странице и отображалась моментально (без всякой
загрузки), при нажатии на ссылку. Вот html код, который понадобится нам:
<a href=”#” onclick=”showAbout()”>О нас</a><br/>
<a href=”#” onclick=”showContacts()”>Контакты</a><br/><br/>
<span id=”about” name=”about”>Информация О нас!!!</span>
<span id=”contacts” name=”contacts” style="”display:none”>Свяжитесь" с
нами!!!</span>
Мы описали две ссылки, по щелчку на которые будут вызываться некоторые
JavaScript функции. А так же мы описали два блока <span>. В одном из них на
страницу сразу же выведется информация «О нас», в другом содержится информация о
контактах, но на экран она не будет выведена, так как мы сделали данный блок
невидимым, используя конструкцию style="”display:none”."
Теперь нам осталось сделать так, чтобы по щелчку на «Контакты» скрывался блок с
информацией «О нас», и наоборот соответственно.
Функция showAbout будет выглядеть следующим образом:
function showAbout()
{
document.getElementById(“about”).style.display = “block”;
document.getElementById(“contacts”).style.display = “none”;
}
Здесь мы говорим, что <span> с информацией о нас нам надо показать, а с
информацией о Контактах – скрыть. По аналогии делаем функцию showContacts()
function showContacts()
{
document.getElementById(“about”).style.display = “none”;
document.getElementById(“contacts”).style.display = “block”;
}
Все готово!
Наконец, пожалуй, самое важное применение JavaScript в технологии AJAX для
клиента – это возможность изменения вида и значений элементов страницы «на
лету», при получении ответа от сервера. Реализуется это следующим образом:
var old_content = document.getElementById(“element”);
var new_content = “Допустим, здесь ответ, пришедший от сервера”;
var newEl = old_content.cloneNode(true); //делаем «клон» всего, что было внутри
элемента, //информацию в которой надо дополнить пришедшей от сервера
newEl.innerHTML += new_content; //Дополняем новым контентом
old_content.parentNode.replaceChild(newEl, content); //Заменяем старый контент –
новым.
Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail:
admin@wm-zone.info
