Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
значков Header (Заголовок) можно выбрать структуру таблицы, а в группе Accessibility (Доступ) указать подпись таблицы и ее выравнивание, а также ввести какой-либо комментарий.
' •• :¦<
312
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Нажмите кнопку ОК, чтобы закрыть диалог Table (Таблица). В окне программы появится пустая таблица, а на панели свойств Properties (Свойства) появятся характеристики таблицы (Рис. 7.73). ^ ;
____ 1 * шт
File Edit Vio» Insert Mod»; Твій Commandi Site Window Help
t<S? it. it. \ C
1' @% Templates
-Ш
aaant.htm
"I!
banner.gtf
-?
bahnerO.gjf
-?
banned,
—W
hard.htm
..-B
tndex.htm
¦ ф
monkor htm
-¦B
Office.htm
loft.htm
template, htm
transparent.
word.htm
1 local imiBledsdtoUfeg flS2 bj№
.- PMC. 7.75. Таблица на Web-странице
Теперь введем в таблицу текст.
> В ячейки первой строки таблицы введите слева направо текст Товары, Параметры, Цена, предварительно щелкая мышью на нужной ячейке.
> В ячейки второй строки наберите на клавиатуре текст Процессор, 1 ГГц, 100. % ¦
> В ячейки третьей строки таблицы введите Память, 256 Мб, 80. . "
> В ячейки четвертой строки введите текст Винчестер, 40 Гб, 90 (Рис. 7.74). '-' -¦¦^
1 *1 UiihlluJ DuLuniftil ftJnlilled VJ
>i, lW*>:f "іit- hvfst'. Ц *'•• ¦'.¦•:< ¦ :, >,•;.. N
.'л' :..:../>*> j V.,'
¦.. :•. v..:..'j ;<':•'. :¦.*.' !¦•?¦!.1: ,о.'41?'' 3-
•V. i" >-¦•:.•: v. ¦
!опары J^a^e/pL.,..-:-,! Процессор^ ГГц |[10Q )
Ламяіь _ ,,[256 МБ___||o_!
,Винчестер |j40 ГбJ90) j
<body><taore> <tr> <td>
¦• ..:¦•»:: •¦¦.,.
V- с ; і •.. • f '•-
¦"- ¦-¦1'P.. 'jV
і/'іт'і/і: ¦.•L-IjWiV
•¦ '•' Рис. 7.74. Заполненная таблица на Web-странице ,,... - -
Теперь отформатируем таблицу. " "'••'"-" 1
> Выберите команду меню Modify Table ¦ Select Table (Изменить ¦ Таблицу Выбрать таблицу). Вся таблица будет выделена.
ГЛАВА 7. СоЗдание Web-сайта с помощью Macromedia Dreamweaver MX
313
> В открывающемся списке Align (Выравнивание) на панели свойств таблицы выбери"' те строку Center (Центр). Таблица будет выровнена по центру окна; •' • •
> В поле ввода Border (Граница) на панели свойств введите ширин^''границы'-таблицы 2 пиксела. . ~. ¦
Поля ввода Rows (Строки) и Cols (Столбцы) на панели свойств позволяют изменить число строк и столбцов таблицы, а поля W (Ширина) и Н (Высота) - ширину и высоту
таблицы.
> Установите полужирное начертание текста в первой строке таблицы, наклонное начертание - в первом столбце, и назначьте всему тексту шрифт Times New Roman, Times, serif (см. знакомство «Размещаем в слое графику «текст») (Рис. 7.75).
Uril lUt-d Document lUntitledb"!
<body> <tacJa> <tr> <td> <ipan.style5>
Puc. 7.75. Отформатированная таблица .
> Сохраните документ в папке СЛСайты под именем price.htm (ем. знакомство «Создаем макет Web-страницы»).
> Щелкните мышью на кнопке [х] в правом верхнем углу окна с таблицей, чтобы закрыть окно.
' Если вам нужно импортировать табулированные данныеГ'т.е.''данньюГразІелешйе'яіе-циальными символами, например запятой, то можно воспользоваться кнопкой |Щ) Tabular Data (Табулированные данные) на панели Layout (Структура)«группы панелей Insert (Вставка). • . ' \
3«а«х>мл,х&о N8/1 г. Создаем формы
На сайтах практически невозможно обойтись без получения информации от посетителей. Для этого используются формы. Формы позволяют организовать диалог с пользователем, используя такие элементы, как текстовые поля, кнопки, флажки, переключатели, списки, файловые и графические поля. Полученные в диалоге данные от посетителя сайта можно обработать с помощью серверной или клиентской программы. В этом знакомстве мы расскажем, как создавать форму для регистрации пользователя, используя текстовое поле, кнопку, флажок и список.
Сначала создадим пустую форму.
> Создайте новый документ и установите в нем кодировку русских букв (см. знакомство «Создаем макет Web-страницы»). .. z, '.. ¦
314
_Быстро и легко создаем, программируем и раскручиваем Web-сайт
> В крайнем левом меню на панели Insert (Вставка) выберите пункт Forms (Формы) (Рис. 7.76).
Рис. 7.76. Панель Insert (Вставка) с инструментами для работы с формами •
> Нажмите кнопку (Э| Form (Форма) на панели Insert (Вставка). В окне программы появится красная пунктирная рамка, обозначающая форму, а на панели свойств 1 Properties (Свойства) появятся характеристики формы (Рис. 7.77).
-or
Action | Method | POST
ЁЭ Target |
|
па
Рис. 7.77. Панель свойств формы
> В поле ввода Form name (Имя формы) на панели свойств формы введите название формы Регистрация.
r-i:.:: ¦ ¦ - ¦¦¦ «Г,'. Vi
Поле ввода Action (Процедура) на панели свойств формы используется для ввода электронного адреса программы, которая будет обрабатывать данные формы. Эти программы, называемые также сценариями или скриптами, могут быть клиентскими или серверными. Клиентские скрипты исполняются на компьютере посетителя сайта. Серверные программы выполняются на компьютере размещения сайта. К популярным языкам для создания скриптов относятся Java, JavaScript, Perl, PHP. Более подробно о работе со сценариями будет рассказано в отдельной главе книги.
