Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
и
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
309
>
Нажмите кнопку Browse (Обзор). На экране появится диалог Select File (Выбрать . файл) (Рис. 7.48). ¦"'> ~~¦'~' ¦¦
В открытом диалоге выберите файл С:\Сайты\топпог.Мт, на который должен ссылаться первый элемент списка.
Нажмите кнопку OK, чтобы закрыть диалог Select File (Выбрать файл). В поле ввода When selected, go to URL (Перейти по URL при выборе) диалога Insert Jump Menu ¦{Вставить меню переходов) появится имя выбранного файла, а в поле Menu items ¦ (Элементы меню) - информация об элементе списка мониторы (monitor.htm).
Если в открывающемся списке Open URLs in (Открыть URL в) не выбрана строка Main window (Главное окно), то выберите ее, чтобы документ по указанной ссылке открывался в текущем окне.
Нажмите кнопку [+1. Поля ввода диалога Insert Jump Menu (Вставить меню перехо-станут пустыми для создания нового элемента открывающегося списка.
В поле ввода Text (Текст) введите название второго элемента открывающегося спи-• ска Microsoft Office. ' ^ * • *'
С помощью кнопки Browse (Обзор) в диалоге Select File (Выбрать файл) выберите файл С:\Сайтьі\оттісе.Мт,на который должен ссылаться второй элемент списка.
Флажок Insert go button after menu (Вставить кнопку- перехода рядом с меню) позволяет вставить кнопку Go (Перейти) рядом с открывающемся списком. С помощью флажка Select first item after URL change (Выбрать первый пункт после перехода по URL) можно установить отображение первого элемента в открывающемся списке.
> Нажмите кнопку ОК, чтобы закрыть диалог Insert Jump Menu (Вставить меню переходов). Внизу окна со страницей появится открывающийся список (Рис. 7.68).
тропика ICdfriu/indujc htm'l
Компьютеры на любой вкусШ
Компания АТЛАНТ
Комъанил АТЛАШобеспечит вас любым компъютвуным=;; і&вуудоаанием и н&ограммхми Выбе&шт нужный продую»: \
<faody> <tatts> <tr>ktd>r"
Рис. 7.68. Открывающийся список на странице
¦'. ¦ ..• U.V. ...
Осталось просмотреть страницу в браузере.
>
>
>
>
31O
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Выберите команду меню File ¦ Save (Файл ¦ Сохранить). Созданный документ будет ; сохранен на диске.
> Нажмите кнопку Щ\ Preview/Debug in Browser (Просмотреть/Отладить в браузере) 1 на панели инструментов Document (Документ). На экране - появится меню' выбора' браузера(Рис.7.31).
> Выберите команду меню Preview in .explore (Предварительный просмотр в брауЗере Microsoft Internet Explorer). На экране появится окно браузера, в котором отобразится Web-страница с открьтающимся списком (Рис. 7.69).
MlCrOSufl ІПІІІІГК'Г'г V[JIi
s3
Ч>М« Прави Вш Изврати Саршс Сциажа
Компьютеры на любой вкус
Компания ATJlAlIT j
КомиакияАТПАНТобеспечит вас любым -:><Штш'% Штудоввшем и ют Выберите нужный крод)лт;ї
X
El
My Computet
Рис. 7.69. Открывающийся список в окне браузера
> Откройте открывающийся список (Рис. 7.70).
монигоры
> Выберите строку Microsoft Office в открытом списке. В окне__
браузера появится информация о версиях программы Microsoft ' Microsoft Office |
Office, предлагаемых фирмой АТЛАНТ (Рис. 7.71). ?Q
> Щелкните мышью на кнопке [х] в правом верхнем углу окна Открытый список браузера, чтобы завершить работу этой программы.
•¦ :-::-1 .;: ¦
Бы можете купить версии программ Microsoft Office. 97. 2000. XP Microsoft Office 97. 2000. XP ............ „
Рис. 7.71. Доступные версии программы Microsoft Office
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
311
Отметим, что для редактирования открывающегося списка следует воспользоваться командой List Values (Значения списка) в контекстном меню.
Z^^mUIU wAA. Создаем таблицу
¦ ¦UJl
Таблицы полезно использовать на Web-страницах ,для размещения . текста - и рисунков в нужном месте документа и для представления, табличных данных. В этом ' знакомстве мы рассмотрим, как создавать таблицу. !' " '1
Давайте создадим таблицу с ценами на товары фирмы АТЛАНТ.
>• Создайте новый документ и установите в нем русскую кодировку (см. знакомство «Создаем, макет Web-страницы»).
> В панели Insert (Вставка) выберите, если нужно, пункт Common (Общие) в крайнем левом открывающемся списке и нажмите кнопку (S) Insert Table (Вставить таблицу) в середине панели. На экране появится диалог Table (Таблица) для создания таблицы (Рис. 7.72).
¦ ~ - 'і -
¦¦ 'II
Ео»!; \l__I Columns: Jj-
Tette ***: ЦаГІ fc«<_Q Border ttictaiess! |1 _ j pixels
CeI spacing:|__j в
Accessfeit>' -
Align caption: [353TTjJ Summary: I
Puc. 7.72. Диалог Table (Таблица)
>
В поле ввода Rows (Строки) введите число строк таблицы 4.
> В поле ввода Columns (Столбцы) наберите на клавиатуре число столбцов таблицы 3.'
Поле ввода Width (Ширина) позволяет указать ширину таблицы в процентах от размера окна браузера. С помощью поля Border thickness (Ширина границы) можно ввести ширину границы таблицы в пикселах; если указать ширину 0 пикселов, то граница будет отсутствовать. Поле Cell padding (Поле ячейки) предназначено для задания расстояния в пикселах между содержимым ячейки и ее рамкой. Поле ввода Cell spacing . (Расстояние между ячейками) позволяет указать интервал между ячейками в пикселах. В группе