Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Напомним, что работу со слоями не поддерживают ранние версии браузеров, например Microsoft Internet Explorer 3. Давайте преобразуем слои в таблицу, которая также позволяет произвольным образом размещать данные и рисунки на странице. .
> Точно расположите все слои, выровняв их по левым границам (см. знакомство «Определяем структуру страницы с помощью слоев»).
> Выберите команду меню Modify¦ Convert* Layers to Table (Изменить* Преобразовать ¦ Слои в таблицу). На экране появится диалог Convert Layers to Table (Преобразовать слои в таблицу) (Рис. 7.29).
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
285
Table layout: © Most accurate
O Smallest; collapse empty cells г ,5..*'' Less than: [4 | Pixels wide
' 0 Use transparentGIFs
O Center on page
Layout tools: Q Prevent layer overlaps D Show layers panel ? Show grid
Snap to
"'"' Puc. 7.29. Диалог Convert Layers to Table (Преобразоватъсло'и в та^иц^"*^
> Если не установлен переключатель Most accurate (Наиболее точно) в группе элементов управления Table layout (Расположение таблицы), то установите его, чтобы расположение, рисунков и текста в таблице полностью соответствовало их местоположению в слоях.
При установленном переключателе Smallest: collapse empty cells (Наименьшее: сжимать пустые ячейки) границы небольших пустых ячеек будут совмещены, в результате чего расположение текста и рисунков в таблице несколько изменится,
> Если сброшен флажок Use transparent GIFs (Использовать прозрачные GIF-¦ файлы) в группе элементов управления Table layout (Расположение таблицы), то
установите его, чтобы последний ряд таблицы был заполнен прозрачным GIF-
--¦файлом transparent.gif. ,:,;ч, ^.и^^л. ¦.¦
Использование прозрачного GIF-файла обеспечивает отображение таблицы с одинаковой шириной колонок во всех браузерах.. ~ " : ""
При установленном флажке Center on page (Центрировать на странице) таблица будет
располагаться по центру страницы. Если установить флажок Show grid (Показать сетку)
в группе элементов управления Layout Tools (Средства разметки), то в таблице будет
отображаться сетка.
> Нажмите кнопку ОК, чтобы закрыть диалог Convert -Layers to Table (Преобразовать слои в таблицу). В окне программы слои будут" преобразованы в таблицу (Рис. 7.30).
?| F Jiiiwij!* crpjiiHUd (СаміиЛпйи^Ыл!*)
¦ Щ1Ю
Компйбтер^Г то Любой вкус
г Компания АТЛАНТ ' -ЩдЩ
Комкам АТЛАНТ обеспечит вас любым компьютерным { рборуос и программами •.
Рис. 7.30. Слои преобразованы в таблицу
286_ Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Выберите команду меню File ¦ Save (Файл ¦ Сохранить). Созданный документ будет сохранен на диске.
Более подробно работа с таблицами будет рассмотрена в знакомстве «Создаем таблицу».
Просматриваем Web-сайт В браузере
Редактор Macromedia Dreamweaver MX 2004 позволяет отображать сайт почти так, как он будет выглядеть. Однако необходимо проверять вид сайта в браузере: например, в знакомстве «Размещаем в слое графику и текст» можно было убедиться, что в программе Macromedia Dreamweaver MX 2004 не видна анимация. В этом знакомстве мы рассмотрим, как просматривать сайт в браузере и расширять .список браузеров.
Сначала просмотрим созданную страницу, запустив браузер напрямую из редактора.
>• Нажмите кнопку Щ} Preview/Debug in Browser (Просмотреть/Отладить в браузере) на панели инструментов Document (Документ). На экране появится меню выбора браузера (Рис. 7.31). ' I' '
Preview in iexplore F12
Edit Browser List...
Puc. 7.31. Меню выбора браузера
*¦ Выберите команду Preview in iexplore (Предварительный просмотр в браузере Microsoft Internet Explorer) в меню. На экране может появиться диалог с предложением настроить параметры просмотра (Рис. 7.32).
тч The Preview Using Application Server feature is currently 1J enabled butno eppfcafon server i» defined torsite' АТЛАНТ. Would you liketo change tiit preference?
Ш show me this message agan.
V ... Puc. 7.32. Диалог для настройки параметров просмотра . •
> Установите флажок Don't show this message again (He отображать это сообщение
снова), чтобы в дальнейшем данный диалог не появлялся.
Нажмите кнопку No (Нет), чтобы не настраивать параметры просмотра. Диалог с сообщением закроется, а на экране появится окно браузера, в котором будет отображаться созданная Web-страница (Рис. 7.33).
ГЛАВА 7. Создание Web-^айта с помощью Macromedia Dreamweaver MX
287
и„<іН 1(Ih
inn I mJuiu
в а о
ИаЛранм
м Сарни Справи
.-,f.-v
1"
' U 1 *
Компьютеры на любой і кус
... ,
Iv]
...........
II 1 II
Il (I 111«VC04-
...........A
Puc. 7.33. WethcmpctHUuaв браузере
Обратите внимание, что на втором рисунке проигрывается анимация: по буквам текста будет пробегать волна, частично затеняющая их.
> Щелкните мышью на кнопке [х] в правом верхнем углу окна браузера, чтобы завершить работу этой программы.