Заблудившийся в тагах, или Страшная Сказка про Macromedia Dreamweaver 3.0.
Спецвыпуск хакер, номер #002, стр. 002-076-1
Геннадий Крэк-о-делов (Dr.Cod@xakep.ru)
Благодарности: Во время написания этой статьи один придурок вырубил свет во всем доме. Отдельное спасибо тебе, придурок, после этого накрылся даже мой телефон. Еще спасибо фирме Macromedia, которая продукт сделала, и ребятам, которые его сперли. И еще большое спасибо антизависатору, который дружно повисал вместе с этим продуктом.
Дедка с кошкой жили-были и такого народили...
Ты чуть-чуть понимаешь HTML? Не понимаешь вовсе? Ну и не надо. Дримувер будет писать код за тебя. По уровню его интерфейс походит на издательскую систему, но простому пользователю разобраться вполне реально. Если ты решил профессионально заняться WEB-дизайном, то Dreamweaver 3.0 не для тебя, профессионалы пишут вручную. И не надо на меня орать, что Дримувер сильно время экономит. Неправда! Я руками напишу быстрее и лучше.
Про базовую настройку паги
В день летнего солнцестояния возлюбил дедка репку, да так, что никто ее жрать потом не стал... Ах да, традиционные настройки страницы. Там ты можешь настроить кодировку, в которой будет выводиться твоя пага. Советую использовать для начала KOI-8. Цвета топтаных и нетоптаных ссылок, цвет фона, фоновый рисунок, поля и, конечно, заголовок всей страницы - все это настройки твоей странички.
Чтобы можно было точно просчитать расположение объектов на экране, есть линеечки и сеточка. Можно настроить будущую страничку на нужное разрешение экрана. А рядышком отражается скорость вывода изображения в секах. Это очень полезно, ведь если перегрузишь пагу графикой, она будет медленно грузиться, и никто на нее ходить не будет.
Про таблички
И пришел дед к золотой рыбке, и повяли уши его от рыбьего мата... Объекты на любой хорошо сделанной странице привязаны к таблице. Разные браузеры могут показать один и тот же документ десятью способами. Чтобы форматирование документа не сильно изменялось при смене браузера, используют таблицы.
Если HTML-редактор хорошо работает с таблицами, то, вероятно, его можно терпеть. Давай проверим Dreamweaver моим любимым тестом на спиральки. Нет, не на противозачаточные. На обычные. Чтобы построить табличку в виде спирали, мне понадобилось 10 минут, вручную я бы писал такую минут 20. Кстати, если ты считаешь себя крутым HTML-программистом, попробуй запрограммировать такую таблицу вручную. :)
Все очень просто и понятно. В правом меню Дримувера стандартные объекты, такие как таблицы, рисунки и пр. А в нижнем меню множество настроек выбранного объекта. Особенно мне нравится палитра. Ты можешь выбрать цвет из палитры, можешь взять цвет пипеткой с любого места рабочего стола. А если ни один не подходит, то можешь намешать любой цвет в RGB.
Состояние нижнего меню зависит от того, куда ты поместил курсор, т.е. какой объект (таг) ты сейчас редактируешь. Можно редактировать таблицу целиком, а можно поставить курсор на конкретную клетку и редактировать ее. В меню появляются настройки всех стандартных атрибутов выделенного тага. Для таблицы это: ширина, высота, расстояния между ячейками, фоновый цвет и рисунок, цвет бордюров таблицы и их толщина. Тут же можно поставить ссылку (якорь).
