Онлайновый HTML-редактор-тренажёр
Создан для тренировки (и повышения мастерства) начинающих веб-дизайнеров и веб-программистов (язык JavaScript). Страница отображается в том же окне, что и её код (только в другом фрейме). Ограничения на способности тренажёра связаны только с наличием этого самого фрейма. Если редактируемая страница некритична к фреймам, то всё нормально работает.
Позволяет:
Снизу слева находится текстовое поле, куда Вы и можете вводить HTML
код страницы.
Нажатие кнопки Просмотр запускает эту страницу в верхней области окна.
Название страницы показывается не в заголовке окна броузера, а в поле «Название» вверху окна.
Внеся изменения в код, нажимайте опять кнопку Просмотр чтобы увидеть как будет выглядеть изменённая страница.
Кнопка !Простой помещает в поле кода текст простейшей веб-страницы. При этом всё то, что в этом поле было, стирается.
Кнопка !Сложный действует аналогично, но генерирует код более сложной
страницы.
Кнопка Очистить удаляет весь текст из поля кода.
Кнопки для вставки тегов, атрибутов, свойств и псевдоклассов с некоторых пор также имеются и очень ускоряют создание документов, при этом уменьшая шансы совершить ошибку при вводе. Пользуйтесь ими — и будет Вам «щастье»! В окне выбора тега у каждой кнопки есть всплывающая подсказка. В окне CSS имеются своего рода разделы, каждый из которых открывает кнопки вставки соответствующих ему свойств.
Кнопка Закрыть закрывает SM Web Тренажёр.
Кнопка Загрузить... загружает в область просмотра страницу из Интернета, локальной сети или машины. В появившемся окне запроса нужно ввести URL адреса (если из Интернета) или UNC пути (если из локальной сетки или Вашего компа). Загружать рекомендую файлы HTML (расширения htm, html, dhtml, shtml и т. п.), но если хотите, то можно поэкспериментировать и с другими адресами, к примеру со сценариями CGI (на Ваш страх и риск). Естественно, что CGI сценарий Вы таким способом всё равно не «взломаете» — загружаться-то будет не он, а созданный им HTML код :-) Только POST аргументов сценарию Вы при таком вызове передать не сможете, так что лучше используйте какой-нибудь другой способ.
При загрузке кнопкой Загрузить... код не появится в поле редактирования. Чтобы его изменять, сначала щёлкните на просматриваемой странице правой клавишей мышки, выберите Просмотр исходного текста. Откроется текст. Там скопируйте всё в буфер. Затем в SM Web Тренажёре вставьте этот код из буфера в поле кода. Вот теперь можно редактировать.
Снизу справа находится отладчик JavaScript.
Всё, что он позволяет — это
просматривать и изменять значения
переменных для редактируемой
страницы. Как пользоваться, легко
понять без объяснений.
Пример: допустим, что у
Вас есть такой фрагмент кода
<script><!--
var user="Visitor", ageOfUser=17, ageOfWebmaster=25;
function checkAge(age){
if (age<18) user="Young user";
if ((age>=18) && (age<=50)) user="Обычный
юзер";
if (age>50) user="Old user";
if ((age>500) || (age<0)) user="durak";
}
//--></script>
теперь, если просмотреть значение
переменной user до вызова функции checkAge, то
значение будет "Visitor"; если посмотреть его
после вызова checkAge(ageOfUser), то user будет равно "Young user";
если после вызова checkAge(ageOfWebmaster), то "Обычный
юзер"; ну, а если
был вызов checkAge(1000), то user будет равно "durak".
Этому примеру можно дать и реальное
применение (чтоб Вы могли
проверить). Для этого кроме него в
код надо добавить ещё вот такой кусочек:
<form
name="ageForm" onsubmit="return false">
<b>Проверьте свой возраст</b><br>
<input type="text" name="ageComment"
readonly><br>
ваш возраст: <input type="text"
name="userAge"><br>
<button type=button
onclick="checkAge(parseInt(af.userAge.value));
af.ageComment.value=user">
Проверить</button>
</form>
<script><!--
var af=document.ageForm;
//--></script>
В таком виде это будет формочка,
куда посетитель странички сможет
ввести свой возраст. И, нажав
кнопку, увидеть комментарий.
Замечу, что SM Web Тренажёр редактором если и можно назвать, то
с большой натяжкой. Ведь ни сохранять файлы, ни ещё чего такого он не умеет. Зато очень удобен если Вам надо срочно чего-нибудь сделать и Вы при этом находитесь где-нибудь в Интернет-кафе, где HTML-редактора на машине может не быть вообще, а тем более такого, какой позволяет ещё и просматривать страницу сразу же.
Если Вы что-то создали, что Вам понравилось — можете скопировать код и куда-нибудь его сохранить.