Билет 16 Инструменты разработки сайта

У сайтостроителя д.б. следующий минимальный набор инструментов:

• текстовый редактор (один хороший);

• браузеры (много);

• анализатор правописания;

• анализатор кода (валидатор);

• справочники (по HTML и CSS);

• графические редакторы (векторный и растровый);

• оптимизатор графики;

• ftp-клиент (для копирования сайта на сервер).

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

Рассмотрим возм-ти наиболее популярных ср-в разработки. HTML-страницы представляют собой док-ты в обычном текстовом формате, содержащие спец. команды форматирования (теги HTML). Т.О., эти док-ты можно открывать и редак-ать в любом текстовом редакторе, включая всем известный Блокнот Windows. Кроме блокнота также сущ-ует немало программ, спец-щихся на редактировании HTML-кода. Такие редакторы позволяют вводить HTML-код страницы непоср-но, а также предоставляют в распоряжение разработчика ряд доп-ых ср-в автом.о создания тегов на основании указанных параметров.HTML редакторы:Macromedia DreamWeaver,HomeSite,HotDog. Программы такого рода, хотя и не накладывают никаких ограничений на создаваемый код и позв-ют создавать достаточно компактные HTML-страницы ,для их применения необходимо хорошее знание языка HTML. По этой причине их использование на этапе изучения HTML нельзя считать целесообразным.

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

Популярные программы визуальной разработки Web-документов: 1)Microsoft FrontPage Express (входит в состав Microsoft Internet Explorer;2)Netscape Composer (входит в состав пакета Netscape Communicator).

Билет 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”>

Атрибуты 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>