Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
ГШ
',§ My Ситрі»"
¦Я
Рис. 7.42. Изображение заменено после наведения указателя мыши
страница
V Переместите указатель мыши за пределы нового баннера. В окне браузера будет отображаться исходный баннер (Рис. 7.33).
> Щелкните мыщью на кнопке \х\ в правом верхнем углу окна браузера, чтобы завершить работу этой программы.
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
293
> Выберите команду меню File ¦ Save (Файл ¦ Сохранить). Созданный документ будет сохранен на диске.
Заметим, что дополнительно к стандартным процедурам в программе Macromedia Dreamweaver MX 2004 есть возможность определять поведение -объектов с помощью специально созданных сценариев на языке JavaScript. ¦
импортируем и чистим HTML-kog, "
созданный G pegakmope Word
При создании сайтов часто необходимо готовые документы, созданные в редакторе Microsoft Word [Майкрософт Ворд], преобразовать в HTML-код и разместить на Web-странице. Однако при таком преобразовании программа Microsoft Word генерирует избыточный HTML-код. Дело в том, что созданный HTML-документ содержит код, который
требуется для форматирования и отображения документа в редакторе, но не нужен для
отображения страницы в браузере. В результате удаления лишнего кода размер файла может уменьшиться в два раза. В этом знакомстве мы рассмотрим, как импортировать и чистить HTML-код, созданный в программе Microsoft Word.
Необходимо иметь в виду, что очищенный HTML-документ нельзя будет открыть в редакторе Microsoft Word. В качестве «сырого» HTML-кода мы будем использовать предварительно сгенерированный в редакторе файл word.html, который хранится на прилагаемом к книге компакт-диске.
*> Выберите команду меню File ¦ Import ¦ Word Document (Файл ¦ Импорт ¦ Документ Word). На экране появится диалог Open (Открыть) (Рис. 7.43).
Q Сайты
Q о Ф ф ЁЬ
Ж:
Икйфайла: [Г
]3 I OnLTJUTb j
Тип файлов: 1 MnosoftWad ctocumsnir.doc) і*| | Отмена |
-И^т&:'-- Рис. 7.43. Диалог Open (Открыть) ....
> В открывающемся списке Папка (Save in) выберите компакт-диск.
В списке папок и файлов диалога выберите папку в кото-
рой находится необходимый документ.
294
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Щелкните мышью на файле word.html в списке папок и файлов. В поле ввода Имя файла (File name) появится имя выбранного файла.
$[ Нажмите кнопку Открыть (Open). Диалог Open (Открыть) закроется, а на экране '"¦ 'появится окно с выбранным документом (Рис. 7.44) и диалог Clean Up Word HTML (Очистить HTML-документ, созданный в программе Word) (Рис. 7.45).
1.4*1..
•"pr,:
з |I.uAi і j г* і nil L'к hrni'l
introduction
ЇЇЗІЇІЇЖ^ The
lessons in this guide lead you through the process of creating a simple but functional website.
" Macromedia Dreamweaver MX is a professional HTML editor for designing, coding, and developing websites, web pages, and web applications. Whether you enjoythe control of hand-coding HTML or prefer to work in a visual editing environment, Dreamweaver provides you with helpful toolsto enhanceyourweb creation experience.
The visual editing features in Dreamweaver let you quickly create pages without writing a line of code. If you prefer to code by hand.
<booV> <table> <tr> <td> <T?b> <p>
Puc. 7.44. Документ, созданный в программе Word
¦'..,.•.,."Ja-.*.'
" Рис. 7.45. Вкладка Basic (Основной) диалога Clean Up WOrdHTML ' 1
¦'; (Очистить HTML-документ, созданный в программе Word)
Диалог Clean Up Word HTML (Очистить HTML-документ, созданный в программе Word) .предназначен для удаления избыточного HTML-кода. По умолчанию в диалоге открыта вкладка Basic (Основной): ' В' открывающемся списке Clean Up HTML from (Очистить HTML-код из) должна быть установлена строка, определяющая версию редактора, в котором был создан HTML-код.
>• Если в открывающемся списке Clean "Up HTML from (Очистить HTML-код из) установлена неверная версия программы' MiCroSofiWord, то выберите правильную версию.
Флажок Remove Word, specific " markup ' (Удалить характерную для документов Word разметку) позволяет удалить HTML-код, связанный' со спецификой редактора Microsoft
ГЛАВА 7. Создание Web-сайта с помощью Macromedia Dreamweaver MX
295
Word. Флажок Clean up CSS (Очистить от стилей CSS) обеспечивает удаление элементов стилей CSS, характерных для созданных в программе Microsoft Word HTML-документов. С помощью флажка Clean up <font> tags (Очистить от тегов <font>) можно удалить теги <font>, преобразуя текст к размеру по умолчанию 2. Флажок Fix invalidly nested tags (Исправить неверно вложенные теги) позволяет удалить теги разметки' шрифта, вставленные программой Microsoft Word вне тегов абзаца или заголовка. '
В поле ввода Set background color (Установить цвет фона) можно ввести значение цвета фона -вашего документа. По умолчанию цвет фона - белый. Флажок Apply source formatting (Применить форматирование источника) обеспечивает применение к документу установленных параметров форматирования. Флажок Show log on completion (После завершения показать отчет) позволяет отобразить отчет о выполненных исправлениях после завершения очистки HTML-кода. ¦ ¦ '*