Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
По умолчанию установлены все флажки вкладки Basic (Основной).
> Выберите вкладку Detailed (Подробный) (Рис. 7.46).
ШШЯШІШШШЯШШШШШЯШШШШІ^ШЯ
'і ЗДІ hoiv'hbWHag
Ь flawvitfoidq
FW^,*v'iM« аамг M tum «Jh-імвт, v...;.-..*.. .Rtmovi WV norvCSS tyk овсіваЬсті 4 ' *t I
Рис. 7.46. Вкладка Detailed (Подробный) диалога Clean Up Word HTML ¦ 1 (Очистить HTML-документ, созданный в программе Word) '™ .
На вкладке Detailed (Подробный) можно установить параметры, регулирующие ' удаление избыточного HTML-кода и стилей CSS. Например, флажок XML from <html> tag (XML из тега <html>) позволяет удалить теги, связанные с языком XML, из тегов <html>. Флажок Word meta and link tags from <head> (Теги ссылок и метаданных, сформированных программой Word, из тега <head>) обеспечивает удаление тегов ссылок и пользовательских метаданных, сгенерированных программой Microsoft Word, из заголовка документа. С помощью флажка Remove empty paragraphs and margins from styles
(Удалить пустые абзацы и поля из стилей) можно удалить пустые абзацы и поля из таблиц стилей.
Если при . работе с диалогом Clean Up Word HTML (Очистить HTML-документ, созданный в программе Word) вам встретились незнакомые понятия, то следует прочитать приложения к книге . (см. CD-ROM-диск), посвященные коду ' HTML и стилям CSS.
> Нажмите кнопку ОК, чтобы закрыть наш диалог. На экране появится диалог с отчетом о выполненных операциях при очистке HTML-кода (Рис. 7.47).
296
Быстро и легко создаем, программируем и раскручиваем Web-сайт
Macromedia Dieamweavei mx 2004
Clean Up Word HTML ResulU:
3 MeU tags Removed
30 Instances of Word XML Removed
42 Word" '¦ Removed
13 Paragraphs ved
17 Margin Removed
13 Instance: of Unneeded Inline CSS Removed
90 Word-wily " Removed
1 Instances of Unused CSS Style Definitions Removed
Background Colo. Set to ttFFFFFF . . _ ,.
Source Formatting Applied ' •
ok'"
i) '''.-^i-'/'':
Puc. 7.47. Отчетов операциях при очистке HTML-кода
Нажмите кнопку ОК, чтобы закрыть диалог с отчетом. Избыточный HTML-код будет удален и в окне документа.
Сохраните очищенный HTML-документ на жестком диске в папке СЛСайтьЛ под именем word.htm (см. знакомство «Создаем макет Web-страницы»).
Средствами операционной системы Windows убедитесь, что размер документа после удаления избыточного HTML-кода значительно уменьшился.
Щелкните мышью на кнопке [х] в правом верхнем углу окна программы Macromedia Dreamweaver MX 2004 с HTML-документом, созданным в редакторе Microsoft Word, чтобы закрыть окно.
f
Следует заметить, что избыточный HTML-код может возникать не только в редакторе Microsoft Word, но и в других программах или при ручном создании HTML-документов. С помощью команды меню Command ф Clean Up HTML (Команды + Очистить HTML-код) есть возможность удалить пустые теги, вложенные теги <font> и другой лишний HTML-код. .,..',
3**ш>м**&о ш&. Вставляем ссылки
Ссылки являются основным механизмом Web-интерфейса и организации структуры сайта. При создании сайта следует тщательно продумать его структуру и связи между документами. Сайт с запутанной, непонятной структурой может разочаровать своих посетителей. В этом знакомстве мы расскажем, как вставлять в документ ссылки, представленные рисунком и текстом.
Сначала создадим вспомогательные на которые будем ссылаться.
> Создайте новый HTML-документ с текстом Приходите в компанию АТЛАНТ, и вы ¦ 'забудете о'.своих проблемах с компьютером и сохраните его в'папке СЛСаиты под
";" именем' atlant.htm (см. знакомства «Создаем макет Web-страницы» и «Размещаем в слое графику и текст», не забывая установить русскую кодировку текста). ji-
F- ' - '
> Подготовьте новую Web-страницу с текстом Персональные компьютеры, "серверы, комплектующие и сохраните его в папке СЛСайты под именем hard.htm. ,
ГЛАВА7. Создание Web-сайта с помощью Macromedia Dreamweaver MX_297
> Создайте новый HTML-документ с текстом Операционные системы, офисные, сетевые и обучающие программы и сохраните его в папке СЛСайты под именем soft.htm.
Теперь вставим ссылку, в которой указателем будет рисунок.
> Щелкните мышью на первом сверху баннере фирмы АТЛАНТ нашей Web-страницы. На панели свойств Properties (Свойства) появятся характеристики рисунка (Рис.
7.24). , * ......v. ••••
> Щелкните мышью на значке справа от поля ввода Link (Ссылка) на панели свойств. На экране появится диалог Select FjIe (Выбрать файл) (Рис. 7.48).
, І
¦ ЛгНй>, im .
Select He name from: © Fie system О Data sources
I Sites and Servera... |
Папка: \ Щ Сайты
33 ® ff » es-
?)atlant htm ^bannerOlgif ^ bannei1.gif ^ banner.gif |u hard htm
B5 index htm J toll hin
transparent gil rvordhtm
Имй Файла: Г
Тип Файлов: | All Rles Г")
3 [ QK [
URL |rteWC№ocumsnlt andSeUings/B'W.nacka/\ | Parameter*,. |
Relatrvelo: | Document Wl indeK.htm
Рис. 7.48. Диалог Select File (Выбрать файл)
> Если не установлен переключатель File system (Файловая "система), то установите его, чтобы ссылаться на файл.