Билет 10 Разработка Web-документов. Выбор средств разработки

Рассмотрим возможности наиболее популярных средств разработки.

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

Таким образом, эти документы можно открывать и редактировать в любом текстовом редакторе, включая всем известный Блокнот Windows.

Кроме блокнота также существует немало программ, специализирующихся на редактировании HTML-кода. Такие редакторы позволяют вводить HTML-код страницы непосредственно, а также предоставляют в распоряжение разработчика ряд дополнительных средств автоматического создания тегов на основании указанных параметров.

HTML редакторы:

• Macromedia DreamWeaver

• HomeSite

• HotDog

• AdobePageMill

• MultiEdit

• Aditor

• Aolpress

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

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

Наиболее серьезным недостатком всех таких средств разработки является значительный объем получаемого HTML-кода, что отрицательно сказывается на скорости загрузки Web-страниц, публикуемых в Интернете. Тем не менее наглядность и удобство таких средств делает их незаменимыми для новичков (и не только).

Популярные программы визуальной разработки Web-документов:

• Microsoft FrontPage Express (входит в состав Microsoft Internet Explorer)

• Netscape Composer (входит в состав пакета Netscape Communicator).

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

Microsoft -Frontpage . Frontpage является профессиональным пакетом разработки Web-страниц, обладает средствами поддержки Web-сайтов, позволяет создавать на Web-страницах все основные и целый ряд дополнительных элементов, поддерживает работу с фреймами, предоставляет в распоряжение разработчика ряд эффективных средств импорта и обработки графических файлов и к тому же позволяет получать достаточно компактный HTML-код. Frontpage обеспечивает возможность настройки параметров совместимости с наиболее популярными версиями браузеров Microsoft Internet Explorer и Netscape Navigator.

Билет 11 Использование графических элементов в html документах Использование графических элементов

Атрибут src = имя_файла

Для включения графич. изображений в html используется тег IMG атрибут SRC используется для задания имени файла, в котором хранится изображение.

Вставить изображение хранящееся в файле piramida.gif

<img src = “piramida.gif”>

Для размещения на странице картинки, которая находиться на другом компьютере необходимо указать ее URL адрес

<img src = “www.homepage.ru/one/piramida.gif”>

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

<img src = “d:/one/two/piramida.gif”>

По умолчанию картинка выравнивается по нижней границе абзаца.

Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута:

Align=top – вертикальное выравнивание по верхнему краю;

Align= middle – вертикальное выравнивание по центру;

Align = left - горизонтальное выравнивание по левому краю

Align = right – горизонтальное выравнивание по правому краю

Например:

<img align= top src=”piramida.gif”>

<p>

Сова говорила и говорила какие – то длинные слова …..

<img src =”sova.jpg” align=left width=141 height=114 alt = “”>

Alt= “текст_надписи”

Если браузер не находит картинки в указанном месте на диске он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись которая задана атрибутом alt например:

<img src = “monstr.jpg” alt = “Страшный зверь”>

Атрибут alt рекомендуется использовать всегда, даже если картинка найдена браузером задание надписи не будет лишним:

Стоит пользователю остановить курсор на картинке, как надпись появится в маленьком окошке и сообщит дополнительную информацию.

Атрибуты width=n и height=m

Задают ширину и высоту (в пиксеялях) прямоугольника, в котором находится картинка.

Например:

<img src = “zevs.gif” height = “200” width = “200”>

Когда размеры прямоугольника не совпадают с размерами картинки браузер производит масштабирование картинки, подгоняя ее под указанные величины. Если размеры указываются неверно, то картинка выводится браузером с искажением.

Кроме того размеры рисунков могут указываться в процентах к тому размеру который рисунок имел изначально в файле.

<img src = “zevs.gif” height = “20%” width = “20%”>

Атрибуты hspace и vspace позволяют задать размеры пустого пространства (по горизонтали и вертикали соответственно), которое будет оставлено между изображением и другими элементами документа (поля)

<img src = “zevs.jpg” hspace=”10” vspace=”20”>

Атрибут border =n

Позволяет задать рамку вокруг иллюстрации толщиной в n пискселей. Если n=0 рамка не задается.

<img src = “zevs.jpg” border=1>