Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Теперь просмотрим созданную страницу другим способом: с помощью панели Files (Файлы), которую удобно использовать для просмотра и изменения, структуры сайта..
> Если на экране не отображается панель Files (Файлы), выберите команду меню Window ¦ Files (Окно • Файлы). В правой части рабочего окна программы появится панель Files (Файлы) (Рис. 7.34). . -...... - - /г -•¦ '
. ,чг:Й:. ¦¦
ВИ Же-АТЛАЖ(С:\Слйты)
I-* bannero.gtf
? barmen.glf
D hdex.htm
I transparent.cjf
,¦А!,...........................¦
Dat« 19.10.20041V.;
Рис. 7.34. Панель Files (Файлы)
> Щелкните правой кнопкой мыши на файле index.htm в правой части открытого окна. На экране появится контекстное меню файла сайта (Рис. 7.35).
288
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Выберите команду Preview in Browser * iexplore (Предварительный просмотр в браузере ¦ Microsoft
¦ Internet Explorer) в контекстном меню. На экране поя. вится окно браузера, в котором будет отображаться соз-r'. данная Web-страница (Рис. 7.33).
> Закройте окно браузера с помощью кнопки [х] в правом' верхнем углу окна. ¦ .
Сейчас покажем, как можно добавить новый браузер в список браузеров в программе Macromedia Dreamweaver MX2004.
> Нажмите кнопку
в
инструментов Document появится меню выбора браузера (Рис. 7.31).
у Preview/Debug
браузере)
(Документ).
in Browser
на
На
панели экране
> Выберите в меню команду Edit Browser List (Редактировать список браузеров). На экране появится диалог Preferences (Настройки) (Рис. 7.36).
t> Убедитесь, что в списке Category (Категория) выбрана *- строка Preview in Browser (Предварительный просмотр в браузере), позволяющая редактировать список
браузеров.
New File
New Folder
Open
Open With
Edit
Select
>
Get
Check Qt*
. Put Л
Check In
Undo Check Out
Ro* Back Рада
Synchronize...
Cloaking
Tum oll Read 0n%»
Locate in Remote Site
Set at Home Page
Preview in Browser
Check Link*
>
Add to Favontet
Detign Notet...
Рис. 7.35. Контекстное меню файла сайта
Category
Preview m Browser
[General
Accessibility
Code CoOring
Code Format
Code Hnts
Code Ftewrrting
CSS Styles
Fte Types / Editors
Fonts
Hlgr*ghUng
k-wisble Elements Layers Layout Mode New Document Office Copy/Paste Panels
Site Status Bar Valdator
Browsers; j+] 0
Defaults: 0 Rimary browser
O Secondary browser
Options: D Preview usng temporary file
Checking this option wl create a temporary copy for preview and server debugging. To update the document directly please uneheck ¦ «hta option.
Puc. 7.36. Диалог Preferences (Настройки)
> Нажмите кнопку На экране появится диалог Add Browser (Добавить браузер)
(Рис. 7.37).
: it..'. < ¦¦'
• 'т -. і ¦ ¦.
•HU .<.•• . •
¦. V
¦ »>•(«*»•
I OK
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX ' 289
Name: |
і
Application: I
}j Browse... j
.' . * .¦.•-.) JSSibaX:faiOT4
Defaults: CJl Primary browser
П Secondary browser
L
OK I I Cancel j
Puc. 7.37. Диалог Add Browser (Добавить браузер)
Поле ввода Name (Имя) используется для ввода имени нового браузера. С помощью по. ля ¦ Application (Программа) можно указать полный путь к программе браузера. Флажки Primary browser (Основной браузер) и Secondary browser (Вторичный браузер) позволяют определить, будет новый браузер основным или вторичным.
> Нажмите кнопку Cancel (Отмена), чтобы закрыть диалог Add Browser (Добавить .
браузер).
В диалоге Preferences (Настройки) кнопка Q удаляет ненужный браузер из списка, а кнопка Edit (Редактировать) используется для редактирования параметров . браузера.
' > Нажмите кнопку о К, чтобы закрыть диалог Preferences (Настройки).
Отметим, что просмотреть сайт в браузере можно и без программы Macromedia Dreamweaver MX 2004, если запустить браузер средствами операционной системы Windows и v,, открыть в нем нужную страницу.. .
ЗнАісоли.^о М9&>. Определяем поведение объектов
На сегодняшний день внешний вид многих Web-страниц может изменяться в зависимости от действий пользователя, например, после щелчка мыши или наведения указателя мыши изображение может измениться. Подобные страницы придают сайту дополнительную гибкость, привлекают новых посетителей. В этом знакомстве мы расскажем, - как подсвечивать изображения при подведении на них указателя мыши.
Программа Macromedia Dreamweaver MX 2004 способна определять поведение объектов на Web-странице при возникновении какого-либо события, например, двойном щелчке мыши, изменении размеров окна браузера или прокрутке окна. Поведение
объектов, например, изображения, ссылки или текста, можно задавать стандартными определяющими поведение объекта. В качестве стандартных процедур ' могут быть переход на другую Web-страницу, установка цвета фона слоя, изменение и форматирование текста, воспроизведение звукового файла и много других. Давайте определим такое рисунка, чтобы при наведении на него указателя мыши появлялось другое изображение.