Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
свойства, управлять отображением содержимого фреймов с помощью ссылок. Сначала создадим фрейм на начальной странице.
> Если начальная страница не отображается в рабочем окне программы, загрузите ее, дважды щелкнув мышью на имени файла index.htm на панели Files (Файлы) . (Рис. 7.93).
¦>¦ В крайнем левом открывающемся списке панели Insert (Вставка) выберите пункт Layout (Структура), и нажмите кнопку (Ц) Frames (Фреймы). В открывшемся меню можно выбрать один из предварительно заданных наборов фреймов (Рис. 7.94).
iU
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
323
[ ?!• E4I ?«™ ЦпШ, InI Соминії sua Uindo« Цаїр <
fffl|'c»J.1fflS(*JaOMHn'| 1йа:Irn-HMtTPM«.' ~ Iff* ML ф. І С
Компьютеры Hj
11& АТЛАНТ рі[Гд^УЮ?
N о I » » * й | в
JiT1 Я.-АТЛДКТ(С:Кайга)
ЇКси*їокиі АТЛАНТ обеспечит sac Ш^оюшЮи^^ШшІлі Вкае?.. нужный
Templates
etiant.htm
—t*t
barmer.gf
.„tp
barrerD.gf
—W
bamarl.of
bardhtm
-а
*юех.гйп
...а
rMda.hurt
-и
-а
-а
ptrre.Stni
at
registry.tern
h*
toft.htm
НІ
3putr*-twf
ні
tranipefent.tjf
і-а
WWAUDI .WAV
La
word, htm
у". ; л
Рис. 7.93. Начальная страница сайта
six: у::і
JE
t-'!¦.JViIr
Щ Left Fiama Щ) Right Fiame Top Frame | Bottom Frame [Я Bottom and Nested Left Flame
| and Netted Right Fiame Left and Bottom Fiame | Right and Netted Bottom Fiame
| Top and Bottom Flames (J|I Left and Netted Top Flame» Щ| Right and Nested op Flame I TopandNestecLeft Flames
| Top and Netted Right Flame
rt-wv/fu:?-;; V мирт *'V . tp*
!'^a-I-(VlJSI?-••• • ЧГ'Л-
i. Puc. 7.94. Меню для выбора предварительно ¦ ''[\ .
- ;"-V^.' ^¦i^f^^r- заданных наборов фреймов «йьчаш* ч
> Нажмите кнопку (И] Left Frame (Фрейм слева). В окне документа, в левой части начальной страницы, появится пунктирная рамка, означающая фрейм, а на панели г-ч- свойств Properties (Свойства) появятся характеристики структуры фреймов (Рис. 7.95).
Framatat
ftews: 1 ._
Cols: 2 Border width j О
BcrcVIJNo TH Border икгГДГ
VaKH Urfts
I
Рис. 7.95. Панель свойств структуры фреймов
№
Быстро илегко создаем, программируем и раскручиваем Web-сайт
Заметим, что кнопка Щ Right Frame (Фрейм справа) позволяет вставить фрейм дправа, кнопка
вставить фрейм сверху, кнопка
вставить фрейм снизу.
На панели свойств структуры фреймов в открывающемся списке Borders (Границы) можно указать наличие границ фрейма. С помощью поля ввода Border width (Ширина границы) есть возможность ввести ширину границы фрейма.
Сейчас как изменять параметры фрейма.
>• Выберите команду меню Window ¦ Frames (Окно * Фреймы). На экране появится панель Frames (Фреймы) (Рис. 7.96).
л;» V.
. і
Рис. 7.96. Панель Frames (Фреймы)
На панели Frames (Фреймы) хорошо видна структура фреймов. Левый фрейм мы вставили, а правым фреймом стала наша начальная страница. На панели Frames (Фреймы) удобно выделять нужный фрейм.> Щелкните мышью на правом фрейме на панели Frames (Фреймы), чтобы выделить
фрейм. На панели свойств Properties (Свойства) появятся характеристики фрейма
(Рис. 7.97).
Src |пад/С|/СайтыЛ«1ех.Ыт О U Border! |pefaut
Scrol |pefaut Щ О No resize Bordercolor |Q|
Margn width | Margin haght ["
Рис. 7.97. Панель свойств фрейма
> _ В поле ввода Frame name (Имя фрейма) на панели свойств введите название фрейма " '' main (Основной), которое можно использовать для ссылок и в скриптах.
> В открывающемся списке Borders (Границы) на панели свойств выберите строку Yes (Да), чтобы отображались границы фрейма.
В поле ввода Src (Источник) указывается HTML-файл, который будет показываться во фрейме. Открывающийся список Scroll (Прокрутка) на панели свойств позволяет задать использование полосы прокрутки во фрейме. Поле Border Color (Цвет границы) обеспечивает установку цвета границ фрейма.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
325
Для изменения размеров фрейма достаточно перетащить мышью его границу в окне документа. Если перетащить мышью границу фрейма за пределы страницы, то фрейм будет удален.
Давайте введем текст в левый фрейм.
> Щелкните мышью на левом фрейме в окне программы.
> Установите для фрейма русскую кодировку текста (см. знакомство «Создаем макет Web-страницы»), -ггти*-;м
> Введите текст О компании и нажмите клавишу llEnterJ
> Наберите на клавиатуре текст Регистрация и нажмите
> Введите текст Деятельность и нажмите клавишу ?Щ.
для перехода на новую строку.. • •:•«*; .'!.¦•'¦1¦.¦JJk.
¦
> Наберите на клавиатуре слово Новости и нажмите клавишу IEnterl.
> Введите текст Прайс-лист и нажмите клавишу INH.
Наберите на клавиатуре слово Контакты.
> Если какие-то текстовые фрагменты не помещаются в одну строку, то увеличьте
ширину фрейма, перетащив мышью его границу вправо (Рис. 7.98).
