Техника Web-дизайна для студента

Изменение параметров документа с фреймовой структурой

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

Изменение параметров фреймов осуществляется с помощью па­нели Properties (Свойства), что приведет к изменению парамет­ров меток <frameset>. Внешний вид документа в рабочем окне программы Dreamweaver показан на рис. 5.4. Фрагмент текста документа, определяющий его структуру, приведен в листин­ге 5.5.

Листинг 5.5. Фрагмент документа с фреймовой структурой

<frameset rows="70,*">

<frame src="TopDoc. htm" name="topFrame"> <frameset cols="200,200,*">

<frame src="Docl. htm" name="Framel"> <frame src="Doc2.htm" name="Frame2"> <frame src="Doc3.htm" name="Frame3">

</frameset>

</frameset>

Чтобы внести изменения в деление документа на горизонталь­ные фреймы, а следовательно, в первую метку <frameset>, нужно в рабочем окне щелкнуть по горизонтальной раздели­тельной линии. При этом панель свойств Properties (Свойства) примет вид как на рис. 5.4. Обратим внимание на то, что в се­лекторе меток строки состояния выделилась метка <frameset>. В правой части панели свойств представлена схема деления, из которой видно, что деление осуществлено на два фрейма, из которых активным является верхний фрейм. Это значит, что все изменения параметров будут относиться именно к этому фрейму.

В разделе Row (Строка) находятся поле Value (Значение) и спи­сок Units (Единицы измерения). Из списка Units (Единицы из­мерения) нужно выбрать единицу измерения высоты фрейма: Pixels— пиксели, Percent— проценты или Relative— относи­тельные единицы. В поле Row (Строка) ввести ее значение. В нашем случае нужно установить высоту фрейма 70 пикселей.

В списке Borders (Рамки) можно выбрать одно из трех значений: Default— по умолчанию (параметр frameborder не устанавлива­ется), Yes— отображать рамки вокруг фреймов, No— не ото­бражать рамки.

В поле Border width вводится толщина рамки, а в поле Border color — ее цвет.

Перейдем к изменению параметров второго горизонтального фрейма. Чтобы сделать его активным, нужно в схеме деления на фреймы панели свойств Properties (Свойства) щелкнуть по ниж­нему прямоугольнику. Для этого фрейма в списке Units (Едини­цы измерения) необходимо выбрать относительные единицы (Relative), а в поле Value (Значение) установить 1. В результате данных изменений вторым значением параметра rows станет знак то есть по высоте второй фрейм займет оставшуюся часть окна браузера.

Второй горизонтальный фрейм делится на три вертикальных второй меткой <frameset>. Чтобы перейти к изменению пара­метров вертикальных фреймов нужно щелкнуть по любой из вертикальных линий, разделяющих эти фреймы. При этом в се­лекторе меток строки состояния выделится вторая метка <frameset>, а схема деления на фреймы панели Properties (Свойства) изменит свой вид (рис. 5.5).

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