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

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

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

<img src="образец.jpg" style="width:300px;height:200px;" alt="Извините, рисунок временно отсутствует">

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

</body>

</html>

После сохранения выполненных изменений и открытия веб-страницы в окне Интернет-обозревателя она должна выглядеть так, как показано на рис. 5.43. < image l:href="#"/>

Рис. 5.43. Вставка графического объекта

Как видно на рисунке, изображение помещено между фразами – именно там, где в исходном коде веб-страницы находится соответствующий фрагмент кода.

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

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

С помощью программы 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>

<img dynsrc="vts_01_1.vob" style="width:300px;height:200px;" alt="Извините, видео времено отсутствует">

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

</body>

</html>

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

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

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