Описание фреймов

1. Запустите редактор Блокнот и введите следующий документ:

<html> <head> <title>Описание фреймов</title> </head> <frameset rows="60%,*"> <frame src="таблица.htm"> <frameset cols="35%,65%" noresize> <frame src="1.htm"> <frame src="ссылка.htm"> </frameset> </html>

3. Сохраните документ как фрейм.htm. Откройте его в Internet Explorer.

4. Изучите представление нескольких созданных ранее документов в отдельных фреймах. Что происходит при изменении ширины окна браузера? Можно изменить положение границ фреймов перетаскиванием мышью?

5. Щелкните на ссылке в фрейме. Как отобразится новый документ?

Щелкните на кнопке Назад и убедитесь, что возврат к предыдущему документу не нарушает структуру фреймов.

3. Вернитесь в Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.

7. В Internet Explorer щелкните Обновить. Но если измененный вид web-страницы не соответствует замыслу, в Блокноте исправьте ошибки.

&-последовательности

Символы "<" и ">" воспринимаются браузерами как начало и конец html-тэгов. А если надо на экране, на web-странице отразить эти символы как знаки "меньше" и "больше"? Как быть? Аналогично в языке HTML для служебных целей используются кавычки (") и амперсанд (&).

Если же надо вставить в текст эти зарезервированные символы, используют их эквиваленты – &-последовательности (или коды ASCII):

Недопустимые символы	Выражения для кодирования символов
< (знак "больше")	<
> (знак "меньше")	>
& (амперсанд)	&
" (двойная кавычка)	"
' (апостроф)	'
[ (квадратная скобка)	[
] (квадратная скобка)	]
несколько пробелов	нажать Ctrl+Shift+пробел (в коде отразится &nbsp;)

Правила: точка с запятой - обязательный элемент &-последовательности. Все буквы последовательности должны быть маленькие (в нижнем регистре). Т.е. использование меток типа &QUOT; или &AMP; не допускается.

Комментарии

Браузеры игнорируют любой текст, помещенный между <!-- и -->.

Поэтому так размещают комментариев. Пример: <!-- Это комментарий -->

Глава 5. Сайтостроение в Macromedia Dreamweaver

I. Интерфейс Dreamweaver. Начало работы

Рис.1. Интерфейс программы Dreamweaver

Главные компоненты рабочей области:

• окно документа показывает редактируемый документ в режиме Дизайна;

• панель объектов (Insert) имеет кнопки для быстрого размещения на странице разных объектов – рисунков, таблиц, спец. символов и т.д. Чтоб открыть/закрыть палитру объектов, нажмите в меню Окно /Объекты (Window /Insert, или Ctrl+F2);

• плавающие палитры (Floating Palettes) позволяют объединять в общие блоки окна, инспекторы и палитры.

• палитра свойств (Properties) показывает свойства выделенного текста или объекта, дает возможность их редактировать. Для появления палитры нужно нажать Окно /Свойства (Window /Properties) или Ctrl+F3.

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

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

Выделять объекты можно и в окне документа, и в окне html-кода.

Панель объектов имеет разделы:

• Common – отражает наиболее используемые объекты – рисунок, таблица, клипы Flash, аплеты Java и др. Этот раздел открыт по умолчанию;

• Characters – спец. символы - знак копирайта, символы валют, скобки, дает возможность вставить символ по выбору;

• Forms – создание форм и элементов управления;

• Frames - содержит наиболее используемые структуры фреймов на странице

• Head – теги заголовка страницы, такие как META, KEYWORDS и BASE, REFRESH и др.