Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> В открывающемся списке Папка (Save in) выберите диск С: для сохранениядокумента.-
> В списке папок и файлов диалога Save As (Сохранить как) дважды щелкните мышью ¦ таганке ¦ Сайты, в которую нужно записать Web-страницу.
> ?поліщюда Имя файла (File name) введите название файла index.
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Save As (Сохранить как). Документ будет сохранен на диске, а в дереве файлов на панели Files (Файлы) поя-
¦' вится имя нового файла (Рис. 7.11).
274
Быстро и легко создаем, программируем и раскручиваем Web-сайт
ЕДТПДНТ 1 -I llatal view foj
BEi Ste • АТЛАНТ (С:\Сайты) •~Ш mdex.htm
Dal« 18.10.2004 11:15
Рис. 7.11. Файл lndex.htm в панели Files (Файлы)'/ Давайте установим параметры Web-страницы.
> Выберите команду меню Modify • Page Properties (Изменить ¦ Параметры страницы). На экране появится страница Appearance (Вид) диалога Page Properties (Параметры страницы) (Рис. 7.12). ? ' '
Pagetort'. I Mai*
Pont
LJIbUI
»*|
!»llWxeli |-t
Text«*»; ГЭГ
'—1
Backoroind color: fjl
Background image; I
_Jl Втаке... I
Left maroji: Г~[[„„,, ГД R^htmargin: ] | IpTaE JTf Top margin: Г ||єіяіі ГД Bottom margin: Г "lloixefc 1-1
13
Cancel Apply
Рис. 7./2. Страница Appearance (Вид) диалога Page Properties (Параметры страницы)
> В левой области диалога щелкните мышью на строке Title/Encoding (Заголовок/Кодировка), чтобы открыть страницу Title/Encoding (Заголовок/Кодировка)
(Рис. 7.13).
> В поле ввода Title (Заголовок) введите заголовок Web-страницы Главная страница,
которыйпозволяетидентифицироватьдокумент.
При просмотре сайтов браузером заголовок страницы можно увидеть, например, в списке последних посещенных документов.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX 275
Tide: I Untitled Document
,Encoding; Западноевропейская
UrttxfcNcmalMtoFvmu I None
"HI **>°* I
33
Document folder: (Жайты\ Site folder: CfKaJtM
Help
f
/>ис. 7.11 Страница Title/Encoding (Заголовок/Кодировка) диалога Page Properties (Параметры страницы)
Для выбора фонового изображения достаточно на странице Appearance (Вид) ввести полный путь к графическому файлу в поле ввода Background Image (Фоновое изображения}. Чтобы установить цвет фона, можно щелкнуть мышью на значке ?J_ с именем Background (Фон) и в открывшейся палитре выбрать нужный цвет. Значки Q"c названиями Text (Текст), Visited Links (Просмотренные ссылки), Active Links (Активные ссылки) и Links (Ссылки) на странице Links (Ссылки) позволяют выбрать цвета обычного текста, просмотренных, активных и остальных ссылок. ¦¦¦ ¦
> В открывающемся списке Encoding (Кодировка) выберите строку Cyrillic (Windows) ¦ - ¦ (Кириллица (Windows)), чтобы установить кодировку русских букв для операционной системы Windows.
> Нажмите кнопку ОК. Диалог Page Properties (Параметры страницы) закроется, параметры Web-страницы будут установлены, а в заголовке окна документа появится
, название страницы (Рис. 7.14).
¦J.Ki:P. ¦
Рис. 7.14. Документ Главная страница
Category
OK
Иногда необходимо просмотреть или отредактировать код документа на языке HTML. Чтобы перейти в режим редактирования HTML- ко да, достаточно нажать кнопку (uu**!
276 ' " ¦ Быстро и легко создаем, программируем и раскручиваем Web-сайт
Show Code View (Показать код) на панели инструментов Document (Документ). Для
возврата в режим визуального, естественного представления Web-страницы, нужно нажать кнопку jffl^] Show Design View (Показать визуальное представление) на панели инструментов Document (Документ).
Определяем cmpykmypy страницы с помощью слоев
При создании Web-страниц часто нужно размещать различные объекты, например рисунки или фрагменты текста, в определенном месте. Слой, своего рода контейнер для хранения отдельных элементов Web-страницы, можно поместить в любое место документа с точностью до пиксела (точки). Объекты, расположенные в слое, перемещаются вместе с ним. Кроме того, помещая элементы в слой, можно управлять очередностью, отображения объектов на Web-странице, установив на передний план одни элементы и скрывая другие. В этом знакомстве мы рассмотрим, как создавать слой, изменять его размер и положение в документе, устанавливать его свойства.
Сначала создадим новый слой.
> Сверните панель Files (Файлы), щелкнув мышью на имени группы панелей Files (Файлы), в которую входит панель Files (Файлы). В правой части рабочего окна программы освободится место для панели Layers (Слои), которую мы сейчас откроем..
X1 Выберите команду меню Window ' Layers (Слои) (Рис. 7.15).
:«¦-•':. • .,v •«. ^????' ч *
Layers ' (Окно * Слои). На экране появится 'панель
:,. >..-.!.х.
:- , ., ' Рис. 7.15. Панель Layers (Слои) 'j
' ' . •
На панели Layers (Слои) отображаются названия созданных слоев, а также их некоторые параметры, например видимость. Пока данная панель пуста.
> На панели Layers (Слои) установите флажок Prevent Overlaps (Запретить перекрытия), чтобы созданные слои не перекрывались.