Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Если нужно, откройте панель инструментов Insert (Вставка), выбрав в меню команду Window ¦ Insert (Окно ¦ Вставка). Эта панель, в отличие от других, жестко прикреплена к верхнему краю рабочего окна (Рис. 7.16).
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
277
Common Ў
шА|аВ-<*-Я.<8ГВ*.$
Рис. 7.76. Панель инструментов Insert (Вставка)
.mm
> В раскрывающемся меню Common (Общие) панели Insert (Вставка) выберите команду Layout (Структура). Вид панели Insert (Вставка) изменится, отобразив элементы управления созданием структуры слоя (Рис. 7.17).
Layout
S Й !Standard | Expanded | Layout | Jg) Щ 0 Щ, $g gif
В
:/.-"' ¦', Рис. 7.17. Панель Insert (Вставка) в режиме Lay out (Структур а) ¦
> Нажмите кнопку (Щ) Draw Layer (Создать слой) на панели инструментов Insert (Вставка). При перемещении над рабочей областью окна указатель мыши будет принимать вид +.
> Установите указатель мыши на любом свободном месте рабочей области окна.'
> Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь. экране появится прямо-'угольная рамка, одна из вершин которой будет передвигаться вместе с указателем
мыши.
Прямоугольник показывает размер и положение слоя. Точное значение ширины и BBiC1Q-. ты слоя в пикселах отображается в строке состояния рабочего окна.
>• Выбрав по рамке размер слоя, отпустите левую кнопку мыши. Рядом с левой верхней вершиной построенного прямоугольника появится маркер выделения показывающий, что слой выделен. Слой создан.
> Создайте второй слой, расположенный ниже первого. ... '
> Создаитілт^е второго слоя третий (Рис. 7.18); '"" "* '•
<Ьоду>[<сЬЛ««3>|
Рис. 7.18. Слои в рабочем окне ' Обратите внимание на панель Layers (Слои) (Рис. 7.19). , ;
278 Быстро и легко создаем, программируем и раскручиваем Web-сайт
0 Prevent over laps
ЭМ Name I
1
Layera
3 .
LeyerZ
2
Leyerl
L
«:- :.-1- " ¦ Рис. 7.19. Панель Layers (Слои) со слоями '.
¦іГ.-а ¦
На панели Layers (Слои) отображаются имена трех созданных слоев: Layer 1 (Слой 1), Layer 2 (Слой 2) и Layer 3 (Слой 3). Отсутствие значка Щ слева от имени слоя показывает, что слой наследует свойство видимости от своего предка, в данном случае от текущего документа, который всегда является видимым. Числа в столбце Z означают порядок отображения слоев в браузере. Например, если слои Layer 3 (Слой 3) и Layer 2 (Слой 2) будут перекрываться, то в браузере можно будет полностью увидеть только слой Layer 3: (Слой 3). Отметим, что мы установили запрет на возможное наложение слоев. Чтобы изменить порядок отображения слоев, достаточно перетащить мышью нужный слой на
панели Layers (Слои) на необходимое место.
Теперь изменим размер второго слоя Layer 2 (Слой 2).
> Щелкните мышью на границе среднего прямоугольника в окне документа. На границе прямоугольной рамки появятся восемь темных квадратов, означающих, что слой выделен, а на панели свойств Properties (Свойства) появятся характеристики слоя (Рис. 7.20).
11 ioipi w |«iiu Mndixfl eghwl
В Оея|г«оп!г
»••»• |Lay»r2
Nl T)ItSK H|N« [•] »}соЬгГ^[
Overflow |
\'\ Op: L I R [
WC»*« Puc. 7.20. Панель свойств слоя Properties (Свойства)
Нижнюю половину панели свойств слоя Properties (Свойства) можно свернуть/развернуть, нажав кнопку @ или @ в правом нижнем углу панели. В полях ввода L и Т отображаются горизонтальная и вертикальная координаты левой верхней вершины слоя, а в полях W и Н - ширина и высота выделенного слоя в пикселах.
> Установите указатель мыши на темном квадрате в центре правой границы выделенного слоя. Указатель мыши изменится на
з* Нажмите и удерживайте левую кнопку мыши. ""'
> Не отпуская левую кнопку мыши, перемещайте .мышь вправо. Вместе с указателем мыши будет перемещаться правая сторона прямоугольной рамки, а в поле W на панели свойств слоя будет изменяться ширина выделенного слоя.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX _ 279 -
Спедует отметить, что устаревшие версии браузеров не поддерживают работу со слоями. Например, версия программы Microsoft Internet Explorer 4 и более ранние ее версии не смогут корректно отображать Web-страницы со слоями.
Зндісоли,*ї?о МеУ. Размещаем 6 слое графику и текст
> Основное содержимое Web-страниц составляют текст и графика. В этом знакомстве мы расскажем, как вставлять и выравнивать рисунки, вводить и форматировать текст, преобразовывать слои в таблицу.
' Сначала вставим баннер' фирмы АТЛАНТ в первый слой Layer 1 (Слой 1).
> Разверните панель Files (Файлы), щелкнув мышью на имени группы панелей.
> Средствами операционной системы Windows скопируйте файлы Приме-ры\Глава_3\баннер.дИ и Примеры\Глава_4\баннер1 .gif с прилагаемого к книге компакт-диска в папку В панели Files (Файлы) отобразятся имена этих
4 ' - файлов (Рис. 7.22).
> Выбрав новую ширину рамки, отпустите левую кнопку мыши. Слой примет нужный размер.