Алексей Гладкий - Веб-Самоделкин. Как самому создать сайт быстро и профессионально

Читать онлайн «Веб-Самоделкин. Как самому создать сайт быстро и профессионально». Страница 38

Автор Алексей Гладкий

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

Вставка флеш-объектов в программе NeonHtml осуществляется на вкладке Мультимедиа с помощью кнопки Флеш-ролик, которая является крайней справа (см. рис. 5.41). При нажатии данной кнопки на экране открывается окно, изображенное на рис. 5.44.

Рис. 5.44. Настройка вставки флеш-ролика

В данном окне осуществляется настройка параметров вставки флеш-объекта. В первую очередь в поле Путь к ролику нужно указать путь к файлу вставляемого флеш-объекта. Для этого нужно нажать расположенную справа от данного поля кнопку Выбрать ролик на диске, и в открывшемся окне по обычным правилам Windows указать требуемый путь. Отметим, что если формат выбранного файла не соответствует флеш-формату, то поле Путь к ролику останется незаполненным.

В полях Ширина и Высота с клавиатуры либо с помощью кнопок счетчика можно указать соответствующие параметры флеш-объекта. По умолчанию значение каждого из этих полей – 100.

Если необходимо, чтобы данный флеш-ролик успешно взаимодействовал с объектами JavaScript, установите флажок Совместим с JavaScript, расположенный внизу окна.

Завершается процесс вставки флеш-объекта нажатием в данном окне кнопки ОК. Сразу после этого в исходный код веб-страницы будет добавлен соответствующий фрагмент, автоматически сгенерированный программой.

Вставка в веб-документ видеоролика

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

Для этого на вкладке Мультимедиа нужно нажать кнопку Видеоролик. При этом на экране отобразится окно, изображенное на рис. 5.45.

Рис. 5.45. Настройка параметров вставки видеоролика

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

После этого можно указать размеры видеоролика по высоте и ширине. Для этого нужно установить соответствующие флажки, затем с клавиатуры либо с помощью кнопок счетчика ввести требуемый размер, а из расположенного рядом раскрывающегося списка выбрать единицу измерения размера. (пиксель, миллиметр, сантиметр и др.). По умолчанию в качестве единицы измерения предлагается использовать пиксель.

В поле alt с клавиатуры можно ввести альтернативный текст, который будет отображаться на экране в том случае, если видеоролик по каким-то причинам не может быть воспроизведен (например, когда Интернет-обозреватель не поддерживает работу с подобными объектами либо когда воспроизведение видеороликов в нем отключено, и т.п.). Например, здесь можно ввести следующее значение: Извините, видео временно отсутствует (см. рис. 5.45).

Возможности программы позволяют вставить видеоролик таким образом, что при подведении к нему указателя мыши будет отображаться соответствующая всплывающая подсказка. Текст этой подсказки вводится с клавиатуры в поле title.

Завершается процесс вставки видеоролика нажатием в данном окне кнопки ОК. В листинге 4.18 показан программный код веб-страницы, с которой мы работали ранее, после вставки в него видеоролика в соответствии с настройками, представленными на рис. 5.45.

Листинг 4.18. Вставка видеоролика в веб-документ

<html>

<head>

<title>Работа в программе NeonHtml</title>

</head>

<body>

<h1>Здесь мы научимся создавать сайты.</h1>

Для этого будем использовать программу NeonHtml.<br>

Полученные знания применим на практике.

</body>

</html>

После сохранения выполненных изменений и открытия веб-страницы в окне Интернет-обозревателя можно воспроизвести имеющийся в ней видеоролик.

Быстрый поиск и замена данных в программе NeonHtml

В программе NeonHtml реализована возможность быстрого поиска данных. Это особенно актуально при работе с большими программными кодами или с большими объемами данных, поскольку поиск требуемой информации вручную (например, путем просмотра программного кода) может занять слишком много времени, и к тому же не гарантирует положительного результата. К тому же один и тот же фрагмент иногда встречается в тексте или программном коде несколько раз, и при ручном поиске велика вероятность того, что где-то нужный элемент будет пропущен.

Чтобы приступить к поиску данных, нужно в главном меню программы выполнить команду Выполнить ► Окна, диалоги ► Поиск, замена, которая вызывается также нажатием клавиши F3. Также можно воспользоваться кнопкой Поиск, замена, которая расположена в панели инструментов рабочей области (напомним, что названия кнопок инструментальных панелей отображаются в виде всплывающей подсказки при подведении к ним указателя мыши). При выполнении любого из перечисленных действий на экране отображается окно настройки параметров поиска и замены, изображенное на рис. 5.46.

Рис. 5.46. Настройка параметров поиска и замены

В данном окне в поле Что нужно ввести фрагмент текста или программного кода, который требуется найти. Например, на рис. 5.46 в данном поле введено значение green, следовательно – данное слово будет являться объектом поиска.

Под полем Что с помощью соответствующих параметров можно выполнить дополнительную настройку поиска. Если необходимо, чтобы в процессе поиска учитывался регистр символов (прописные или строчные), то установите флажок Учитывать регистр. В этом случае, если в поле Что введено слово green, то слово Green при поиске будет проигнорировано. Чтобы начать поиск с каретки, установите флажок Начать с каретки.

Возможности программы предусматривают не только автоматический поиск, но и быструю замену данных. Это позволяет оперативно внести требуемые корректировки в программный код. Например, вы хотите, чтобы все элементы, которые раньше на странице отображались зеленым цветом, стали красными. Для этого вам необязательно просматривать весь программный код, вручную заменяя green на red, а просто задать соответствующий режим замены – и все будет сделано моментально.

Текстовый фрагмент, которым необходимо заменить найденный фрагмент, вводится в поле Чем.

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

Чтобы запустить поиск данных в соответствии с установленными параметрами, нажмите в данном окне кнопку Найти. Для выполнения поиска с одновременной заменой данных нажмите кнопку Заменить. Если установить флажок Не скрывать окно, то во время поиска и замены окно настройки параметров будет отображаться на экране. При снятом данном флажке окно будет скрыто сразу после нажатия кнопки Найти или Заменить.