Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Щелкните мышью на верхнем рисунке. На панели свойств Properties' (Свойства) появятся характеристики выбранного рисунка (Рис. 7.24).
5] e
н[ёё HSo*» Г
'¦мі-
"о& и. нкияіяші
Рис. 7.24. Панель свойств рисунка
Поле ввода Alt (Альтернативный текст) используется для текста, который будет появляться на месте рисунка, если в браузере отключен режим просмотра графики. В поле Src (Источник) отображается имя графического файла выбранного изображения. В полях ввода W и Н указываются ширина и высота рисунка в пикселах. С помощью открывающегося списка Align (Выравнивание) можно, выровнять изображение. ...
> В поле ввода ниже надписи Image (Изображение) введите название рисунка banner.
Имена позволяют идентифицировать изображения. Например, в специальной программе для Web-страниц, скрипте на языке JavaScript, можно ссылаться на рисунки по их названиям. В именах изображений можно использовать только цифры и английские буквы, причем имя должно начинаться с буквы.
> Присвойте нижнему баннеру на странице имя bannerl.
Сейчас введем и отформатируем текст в. третьем слое Layer 3 (Слой 3).
Щелкните мышью на внутренней области нижней прямоугольной рамки. На панели свойств Properties (Свойства) появятся характеристики текста (Рис. 7.25).
!None ]з_
Defaul Font jW|
Plл ищи
IE :=ISJ u TjrgtH
I [ Ш: Item... I
Рис. 7.25. Панель свойств текста
> В открывающемся списке Font (Шрифт) на панели свойств текста выберите шрифт Times New Roman, Times, serif.
В открывающемся списке Size (Размер) на панели свойств текста введите размер
шрифта 4, а в раскрывающемся списке справа выберите points (пункты) в качестве
единиц измерения.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX_283
> Нажмите кнопку | В [ на панели свойств, чтобы установить полужирное начертание текста.
> Нажмите кнопку ]Ж| на панели свойств, чтобы вводимый текст был центрированным.
> Наберите на клавиатуре текстовую строку Компания АТЛАНТ, которая появится в третьем слое.
> Нажмите" клавишу для перехода к новому текстовому абзацу.
» В открывающемся списке Size (Размер) на панели свойств выберите " размер шрифта 2 пункта, а в раскрывающемся списке справа выберите points, (пункты).
Нажмите кнопку на панели свойств, чтобы отключить полужирное начертание
текста.
> Нажмите кнопку \1 на панели свойств для установки наклонного начертания текста... ¦
> Нажмите кнопку на панели свойств, чтобы вводимый текст был выровнен по
левому краю.
> Наберите на клавиатуре фрагмент текста Компания АТЛАНТ обеспечит вас любым компьютерным оборудованием и программами.
> Установите размер слоя Layer ' 3 (Слой 3) примерно равным размеру слоев Layer 1 (Слой 1) и Layer 2 (Слой 2) (см. знакомство «Определяем структуру страницы с помощью слоев») (Рис. 7.26).
Компания АТЛАНТ
Компания АТЛАНТ обеспечит вас любым компьютерным оборудованием и программами
_i4 Рис. 7.26. Текст в слое ¦ ¦ ¦
Если текст содержится в буфере обмена операционной системы Windows, то его можно* вставить из буфера в слой с помощью команды меню Edit ¦ Paste (Правка ¦ Вставить).
При работе с текстом часто необходимо разные фрагменты текста форматировать одинаково. Так называемые HTML-стили позволяют хранить информацию о форматировании фрагмента текста, которую нужно использовать в другой части документа. Для создания и использования HTML-стилей следует воспользоваться командой меню Window * HTML Styles (Окно ¦ HTML-стили).
На Web-страницах информация иногда имеет перечисляемую списочную структуру.
Создадим такой список.
» Щелкните мышью на втором абзаце текста.
> Нажмите кнопку Щ на панели свойств для созданий'нумерованного списків перед
вторым абзацем появится число 1 (Рис. 7.27).
284
Быстро и легко создаем, программируем и раскручиваем Web-сайт
Компания АТЛАНТ
1. Компания АТЛАНТ обеспечит васдюбым компьютерным
оборудованием и программами
." ¦ Рис. 7.27. Нумерованный список
В дальнейшем новый элемент списка будет автоматически создаваться при нажатии
клавиши lEnterl. ' '..„_. /,.
> Снова нажмите кнопку [J=I на панели свойств, чтобы отменить нумерацию. Второй абзац примет прежний вид. ...
Для создания маркированного, ненумерованного списка следует воспользоваться кнопкой [Щ] на панели свойств. В этом случае элементы списка будут помечаться темным
кружком. . " • У. 'Г. f v-i • '.: >Ч; -;
Чтобы изменить . цвет фона в третьем слое Layer 3 (Слой 3), выполните следующие шаги.
> Щелкните мышью на границе третьего слоя. Нижняя ¦ прямоугольная рамка будет выделена маркерами, а панель свойств отобразит элементы управления для изменения параметров слоя (Рис. 7.20). ""\
> ¦ Щелкните мышью на значке _Э_с надписью - Bg Color (Цвет фона) на панели .. свойств слоя. На экране появится окно выбора цвета (Рис. 7.28), а указатель мыши изменится на . .
'¦!і-
-¦Ы V!
Рис. 7.28. Окно выбора цвета
* і- ¦
>• Щелкните мышью на прямоугольнике' .желтого цвета. ¦ Окно выбора цвета закроется, а фон в третьем слое станет желтым.