Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> В открывающемся списке Папка (Save in) выберите диск С:.
> В списке папок и файлов диалога Select File (Выбрать файл) дважды щелкните мышью на папке Сайты.
В списке папок и файлов щелкните мышью на файле на который будет
.'" ссылаться рисунок. В поле ввода Имя файла (File name) появится имя выбранного
файла.
Обратите внимание на то, что в поле URL отображается локальный электронный адрес документа.
» НаЖмите кнопку ОК, чтобы закрыть диалог Select File (Выбрать файл). На панели СврЙс'тв "в поле ввода Link'(Ссылка) появится имя файла аІІапШщ.^ьщка ндука-занный вставлена.
Давайте вставим ссылку, в которой указателем будет фрагмент текста, . другим способом.
298
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> В правой части рабочего окна программы Macromedia Dreamweaver MX 2004 закройте все группы панелей, кроме группы панелей Files (Файлы) (Рис. 7.49).
I Fjte Ed' View lrt*eit Modify Teil Coenondi Site Windo» Help
Puc. 7.49. Рабочее окно программы Macromedia Dreamweaver MX2004 ^ ¦ ::" с окном документа и панелью Files (Файлы) -
Напомним, что закрыть группу панелей можно, щелкнув правой кнопкой мыши на заголовке панели и выбрав команду _ Close Panel Group (Закрыть группу панелей) из контек-
стного меню.
^H1
Щелкните мышью на любом месте текста на создаваемой Web-странице. На панели свойств Properties (Свойства) появятся характеристики текста (Рис. 7.25).
> Выделите фрагмент текста компьютерным оборудованием, который будет
ссылкой.
> Установите указатель мыши на значке Q Point to File (Указать файл) справа от поля ввода Link (Ссылка) на панели свойств текста. ¦ ¦ '
Нажмите и удерживайте левую кнопку мыши.
Не отпуская левую кнопку мыши, переместите указатель мыши к файла
hard.htm в панели Files (Файлы), на который должен ссылаться фрагмент текста. При передвижении мыши указатель принимает вид О, а значок на панели свойств текста и указатель мыши будут соединены сплошной линией.
> Отпустите левую кнопку мыши. Фрагмент текста компьютерным оборудованием в
окне документа станет синим и подчеркнутым, а в поле ввода Link (Ссылка) на панели свойств появится имя файла hard.htm. Это означает, что данный фрагмент текста стал ссылкой. .
- - ¦ I
Сейчас вставим ссылку с помощью контекстного меню.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX_
299
Выделите фрагмент текста программами в окне- документа.' "
Щелкните правой кнопкой мыши на выделенном' фрагменте текста. На экране появится контекстное меню объекта (Рис. 7.50).
Table
Paragraph Formal
Litt
¦ >
Aligi
>
Font
SIyIe
>
CSS Stylet
>
Size
>
Template«
E«t Tag „.
CttbFS
Wrap Tag...
Remove Tag <p>
Make Link
Open Linked Page
Add to Color Favwitet
Create Hew Snippet
Cut
Copy
Patte
Propertie«
Рис. 7.50. Контекстное меню объекта
> Выберите команду Make Link (Создать ссылку) в меню. На экране появится диалог Select File (Выбрать файл) (Рис. 7.48).
> ' В открытом диалоге выберите файл С:\СайтьЛво«.Мт, на который должен ссылаться
выделенный фрагмент текста.
> Нажмите кнопку ОК, чтобы закрыть диалог Select File (Выбрать файл)..
Щелкните мышью в любом месте окна документа. Выделенный прежде фрагмент
^текста станет подчеркнутым (Рис. 7.51). Ссылка вставлена.
¦¦¦ . „Я: -
¦'¦¦'¦iі
Компания АТЛАНТ
КомпанияЛТ.1ЛНІобеспечит вас любым компьютерным 'убавчЬоетигми программами
"<ЬсоУ> <tlbb> <tr>rgd>]
1Ml »323 '^^Зжі2\
Рис. 7.51. Документ со ссылками
300
Быстро и легко создаем, программируем и раскручиваем Web-сайт
Чтобы просмотреть структуру сайта, его карту, выполните следующие шаги.
Нажмите кнопку (Ж) Expand/Collapse (Развернуть/Свернуть) в панели Files (Файлы). Панель будет развернута на все рабочее окно программы Macromedia Dreamweaver MX 2004.
Map OrHy Map and Files
Puc. 7.52. Меню для выбора форм представления кииты сайта
Нажмите и удерживайте кнопку® Site Мар (Картасайта) в панели Files (Файлы). Под кнопкой появится меню для выбора формы представления карты сайта (Рис. 7.52).
Выберите из этого меню команду Map and Files (Карта и файлы). В левой части панели Files (Файлы) появится карта сайта (Рис. 7.53),
4 HX 2001
File Edit View Site
Show; ^АТЛАНТ
13 & сIi !!ШИІ* fr # ъ IGb)
f .-, L ocal Files
Site navigation: Ш fndex.htm
т.
МІМІ.
~і—:-1
8L SL
вЩГ 5fte - АТЛАНТ (С:\Сайты
"¦-¦4: atlant.htm
иЩ bamer.gjF
г-ІЩ benner0.gif
)*".? barmerl.of І в" hard.htm
htf Jndm.-hbii
j-B stft.htm
i-w transperent.gif
wj word.htm
TOOAjOtotal terns selected totaling 0 bytes.
Puc. 7.53. Карта сайта
Карта сайта предоставляет информацию о документах сайта и связях между ними. По карте легко увидеть, что основной документ сайта index.htm имеет ссылки на файлы atlant.htm, hard.htm и soft.htm. Обратите внимание на значок © и синюю надпись javascript. Данный объект определяет смену рисунка при наведении на него указателя мыши. На карте сайта значок gj означает специальную ссылку, например,' на скрипт, значок ч? — некорректную ссылку, значок © - ссылку на файл, в котором разрешен только просмотр.