В этом руководстве будет подробно описана работа с популярным визуальным редактором вебстраниц Macromedia Dreamweaver. Руководство написано для пользователей четвертой версии редактора, но почти во всем применимо и к Dreamweaver 3.0. Если в тексте будет встречаться описание функций, недоступных в третьей версии, то я обязательно упомяну об этих ограничениях.
Введение
Меня часто спрашивают: «А почему именно Dreamweaver? Чем он лучше других визуальных редакторов, например, FrontPage? И вообще, вроде бы верстать страницы в визуальных редакторах — дурной тон, мне рекомендовали воспользоваться блокнотом…» Отвечать на такой вопрос можно бесконечно долго, в красках расписывая достоинства программы, но самым простым ответом является предложение сравнить HTML-код двух страниц, выглядящих абсолютно одинаково, но сверстанных в разных программах: в MS FrontPage и в Dreamweaver’e. Код странички, сделанной во FrontPage, будет как минимум на две строки длиннее: за счет лишних meta-тэгов, прославляющих корпорацию Microsoft и ее детище. Но это как минимум. Если же вы создаете многоязычный документ во FrontPage2000, будьте готовы в один прекрасный момент, открыв страничку в «Блокноте», увидеть примерно следующее:
<p style=»margin-left: 170; margin-right: 0; margin-top: -20″> <span style=»position: absolute; left: 12; top: 187″> <a href=»http://www.motherland.narod.ru/folder/politics.htm»> <img border=»0″ src=»http://www.motherland.narod.ru/pictures/politbutton.gif» width=»134″ height=»17″ alt=»Полит ика»></a> </span>
</p>
Вся эта галиматья — всего лишь рисунок, являющийся ссылкой, с русскоязычным параметром alt. Даже если вы верно настроите кодировку, FrontPage все равно позаботится о том, чтобы заключить вашу картинку в пяток-другой вложенных друг в друга тэгов: <p>, внутри него — <div>, внутри этого — <span>… И для каждого прописан свой собственный inline-стиль, обязательно включающий в себя свойства абсолютного позиционирования. Уникальный пример того, как любую прекрасную идею (в данном случае — идею создания логичных страниц за счет отделения содержания от визуального представления) можно довести до полного абсурда.
Dreamweaver же очень бережно отнесется к создаваемому вами коду. Единственный meta-тэг, который он прописывает в «голову» страницы по умолчанию, — это тэг, определяющий кодировку (вида <meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>). Если вы удалите его, при следующей загрузке страницы в редактор тэг не будет воссоздан.
Новая, четвертая версия Dreamweaver’a включает еще более усовершенствованные инструменты для работы непосредственно с исходным кодом страницы. Кроме того, в нее включен встроенный справочник по тэгам и атрибутам HTML, свойствам CSS и языку сценариев JavaScript. Использование этого справочника позволит новичкам быстро и легко изучить синтаксис HTML, а всем остальным предоставит необходимую информацию в случае возникновения затруднений при создании собственных страниц или логическом разборе чужих.
Множество удобных визуальных инструментов и хороший встроенный текстовый редактор делают Dreamweaver практически незаменимым как для начинающих, так и для профессионалов. Во многих дизайн-студиях использование этого редактора является обязательным при коллективной работе над проектом.
Если нужно найти номер такси — контакты всех служб вашего региона вы можете найти на сайте такси.taxi!
