Пятница, 22-Сентябрь-2017, 4.32 PM

Dletemplate.ru

Категории раздела
Наш опрос
Сколько тебе лет?
Всего ответов: 347
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статьи

Главная » Статьи » HTML-redactor

Dreamweaver
Так уж сложилось, что в 1997 году я впервые попробовал создавать веб страницы. Оказалось, что странички для интернет можно создавать и не зная HTML с помощью специальных программ. Перепробовав с десяток программ, остановился на GoLive CyberStudio версии 3.0, которая тогда только появилась. Программа работала только на платформе Macintosh, в связи с чем была мало распространена в нашей стране. Однако она была настолько мощнее и удобнее конкурентов, что, в конце концов, ее купила фирма Adobe вместо собственного продукта PageMill. Теперь она представляет самые передовые продукты во всех областях дизайна: Photoshop, Illusrator, GoLive... Но, к сожалению, у программы имеются проблемы с кодировками. На макинтоше с маковской кодировкой программа Adobe GoLive 4.01 работает идеально. Но если на маке выбрать кодировку windows появляется масса проблем. Во первых перестают работать многие скрипты. Кроме того, при переключении представления страницы в формат редактирования кодов и обратно, программа часто виснет. Я и пробовал ПиСишный вариант программы, который вперые разработан фирмой Adobe. Получается еще хуже. При переключении представления страницы в формат редактирования кодов и обратно в тексте страницы произвольно исчезают пробелы между словами! Поскольку мне нужно теперь работать с кодировкой windows-1251 и, кроме того, часто приходится подправлять сгенерированный HTML код, т.е. не обойтись без соответствующего представления страниц - я стал искать замену Adobe GoLive. И я ее нашел.

Dreamweaver 3 - мечта веб дизайнера.

"Редактор Macromedia Dreamweaver в своем последнем воплощении включает больше профессиональных средств и функций, чем все его соперники вместе взятые"
(Компьюарт 3/2000)

Полностью согласен с вышеприведенной характеристикой. Программа Dreamweaver 3 превзошла все мои ожидания. Предлагаю познакомиться с новыми взможностями в сравнении с Adobe GoLive. Одни и те же возможности имеющиеся в обоих программах вызываются по разному, но, чтобы как-то систематизировать свои наблюдения я буду рассказывать о них рассматривая раскрывающиеся меню программы Dreamweaver.

В предустановках обнаруживается первая чрезвычайно полезная функция программы: возможность отмены многократных действий. По умолчанию установлена возможность отмены 50 шагов редактирования! Думаю, эта возможность комментариев не требует...

Переходим к меню Edit

Здесь обращает на себя внимание тот факт, что можно копировать и вставлять в новое место текст с тегами или просто текст. Когда привыкаешь к новым сочетаниям клавиш - осознаешь, что это удобно. Здесь же есть возможность подключения внешнего редактора HTML (хотя и встроенный редактор не вызывает нареканий). Очень полезна возможность поиска и замены. В отличие от GoLive, здесь можно ограничитьcя поиском в тексте (простой и расширенный), в HTML-кодах или осуществить выборочный поиск определенных тэгов с теми или иными аттрибутами (их наличием или отсутствием).

В меню View мы находим возможность включения линеек и сетки на экране. Пустячок, но приятно. В GoLive этой возможности нет хотя она есть во многих более простых программах. Но гораздо интереснее пункт Trasing image. Сколько раз я разрабатывал страницы в графических программах, а потом глядя на распечатку готовой страницы пытался построить то же самое в формате HTML. Теперь задав такую картинку (jpg,gif) в качестве Trasing image мы получаем ее изображение прямо на новой странице. И прямо поверх картинки можно начать ее верстку. Для большего удобства, картинку можно сделать полупрозрачной. Здесь же можно включить Status Bar. На полосе внизу страницы отражается ее размер, время ее загрузки, вызов различных вспомогательных окон и т.д. Но, главное там отражаются все теги относящиеся к выделенному в данный момент элементу. И любой из них можно тут же отредактировать нажав определенные клавиши.

Далее расположено меню Isert

Здесь множество возможностей, но вместо этого меню обычно используются палитра объектов. Любой обект мышкой переносится в нужное место. Подобно тому, как это делается в GoLive. Разница только в том, что объекты можно легко строить самостоятельно и добавлять в палитру. Нужно отметить,что в программе имеется возможность вставлять файлы созданные программами Flash, ShockWave, Generator и управлять их воспроизведением, переходить к любым кадрам и пр. Фирма Macromedia постаралась максимально интегрировать возможности своих продуктов.

Перейдем к меню Modify

В параметрах страницы, гораздо больше настроек, собственно, есть все, что может понадобиться от цвета текста и ссылок до размеров полей. Эти настройки в GoLive всегда были слабее^ чем во FrontPage. Dreamweaver, по крайней мере, не уступает последнему. Quick Tag Editor - дает возможность модифицировать любой тэг из статусной строки (см выше) Далее находятся строки для работы с таблицами. Исторически слабое место GoLive. Здесь широкие возможности одновременного редактирования множества ячеек, организованные гораздо удобнее чем во FrontPage. Здесь же команды для работы со слоями. Но кроме обычных есть и замечательное новшество. Как известно, большинство веб-дизайнеров обычно заключают все элементы страницы в ячейки таблицы. Это позволяет легко задавать их относительное положение. В новых браузерах используя слои можно получить очень точную верстку, но, вот беда, в старых все расползается. В данной программе предложили обе возможности объединив их конвертором. Теперь не надо думать как расположить ячейки таблицы. Вы рисуете в нужном месте слои, заполняете их текстом и изображениями, указываете цвета и т.д. Все можно проконтролировать с точностью до пикселя или воспользоваться наличием Trasing image. Затем даете команду и страница преобразуется в аккуратную таблицу. В любой момент можно произвести обратное преобразование. Передвинуть слои, поменять местами и снова переход в табличное представление. Очень удобная возможность. Здесь же представлены команды по работе с шаблонами и библиотеками. Лично мне здесь не понравилась одна недоработка программы. Дело в том, что я предпочитаю работать на компьютере Макинтош, хотя приходится использовать кодировку windows-1251. Работа происходит абсолютно прозрачно пока не используются шаблоны или библиотека. Если же модифицировать шаблон или библиотечный элемент, а потом разрешить модификацию всех страниц сделанных на основе последнего, программа забывает про перекодировку и портит текст соответствующих страниц.. Но на ПС все работает идеально.

Хочу напомнить, что это не описание программы Dreamweaver 3, а фиксация отличий (чаще всего, в лучшую сторону) от одной из самых продвинутых программ для верстки веб-страниц и создания веб-сайтов - Adobe GoLive 4.01

Итак, продолжим. Следующее меню: Text

Здесь в наличии все, что нужно для работы с текстом. Особенно удобно то, что кроме таблиц стилей (CSS), можно использовать HTML стили. Так же, как в QuarkXpress Вы выбираете абзац, слово или букву и сохраняете их оформление как новый стиль дав ему имя. При применении стиль может заменять существующий или дополнять его. В наборе имеется возможность очистки выбранного текста или целого абзаца от всех HTML тегов. Очень полезно. При неоднократном изменении параметров теги плодятся как тараканы.

Далее мы находим меню Commands

Здесь присутствует масса замечательных возможностей. Первая: Вы можете записать последовательность любых действий и сохранить их в виде команды. Примерно так же, как это осуществляется в последних версиях Photoshop и Illustrator. Записанные таким образом команды можно многократно воспроизводить при работе с разными сайтами. При необходимости, их можно отредактировать. Можно воспользоваться чужими разработками, для чего есть команда: Get more commands. При этом происходит подключение к сайту Macromedia.com, на котором регулярно публикуются все новые команды. Ниже помещены еще две очень полезные команды: очистка HTML кода и, отдельно, очистка HTML Word кода. Первая команда убирает любые пары пустых тегов, лишние вложенные теги, комментарии созданные в Dreamweaver 3 или в других программах. Можно указать конкретные теги, а так же уменьшить их количество комбинируя по нескольку параметров шрифта в один тег. Я не пользуюсь возможностью Word сохранять файлы в HTML формате, потому что там появляется слишком много мусора. Но, по словам тех, кто это делает, последующая очистка сокращает размер файла почти вдвое! Еще две команды полезны, если на Вашем компьютере установлен Fireworks 3. Прямо из программы можно оптимизировать изображение или создать фотоальбом. (Под фотоальбомом подразумевется индексная страница с маленькими копиями заданных изображений. Все копии автоматически имеют ссылки на оригинал) Две команды предназаначены для работы с таблицами. Первая позволяет автоматически раскрасить таблицу, используя либо предустановленные варианты, либо по своему усмотрению. Пользователи FrontPage наверное пожмут плечами: а что тут такого? Но в Adobe GoLive 4.01 такой возможности не было. Вторая команда позволяет сортировать данные в таблице, как это делается в электронной таблице. Иногда это очень полезно. В этом же меню можно установить на странице предустановленную цветовую схему, т.е. цвет фона, текста, линков и проч. Сейчас у меня в меню присутствет еще множество других полезных команд, но они получены с сайта Macromedia.com или написаны мной и их мы рассматривать не будем.

Следущее меню Site

По сравнению с Adobe GoLive 4.01 здесь есть как плюсы так и минусы. Сначала поговорим о минусах: В Adobe GoLive лучше организовано цветовое решение сайта. Все использованные цвета можно увидеть сгруппированными на одной странице с указанием соответствия их веб-цветам. Тут-же можно изменить тот или иной цвет по всему сайту. Я этой возможностью пользовался очень активно. В Dreamweaver 3 подобной возможности нет. В GoLive можно сразу видеть наличие ошибок при любом представлении сайта (файлы или карта). Иконки страниц с ошибками и даже папок со страницами помечены кактусом. В Dreamweaver 3 такой возможности нет. И если не сделать поиск ошибок они так и останутся незамеченными. Гораздо удобнее в Adobe GoLive дано представление сайта в виде карты. Там можно увидеть иконки страниц в соответствии с их действительным видом. И последнее. На основании карты сайта Adobe GoLive создает текстовую карту, что очень полезно для текстовых браузеров. Правда, эту текстовую карту, чаще всего, приходится редактировать, но это гораздо проще, чем создать ее заново. Разработчики Dreamweaver 3 видимо сосредоточили свое внимание на возможности коллективной работы над сайтом. Во-первых, к любой странице можно прилепить "Design notes" со своими соображениями и комментариями. Во-вторых, файл, который Вы редактируете в данный момент может быть помечен особым образом. Тогда остальные разработчики сайта смогут его смотреть но не смогут изменять... Еще хотелось бы отметить, что сайт кэшируется компьютером и позтому все действия в Dreamweaver 3 выполняются очень быстро. К сожалению, Adobe GoLive накапливает где-то все изменения и становится все медленнее в работе. В последней версии Adobe GoLive стало трудно делать изменения ссылки сразу во многих файлах. В прежних версиях это делалось легко. В Dreamweaver 3 для этого есть специальная команда.

И, наконец, последнее меню Windows

В программе предусмотрена масса окон. Они несут очень полезную информацию но сильно загромождают экран. При разрешении экрана 1152х870 я, то и дело, вынужден искать окно, которое обязательно прячется в самом низу стопки. Например, окно для редакции HTML кодов всегда прикрывает основное окно и только меняет цвет если щелкнуть мышкой мимо него. К достоинству окон можно отнести возможность их переконфигурации (как это делается в Photoshop или Illustrator) Невозможно переоценить наличие окна History, где за один прием можно отменить множество сделанных шагов точно так же как в Photoshop.

В целом, программа Dreamweaver 3 производит великолепное впечатление, работает исключительно стабильно и сильно облегчает жизнь веб-дизайнера.

Категория: HTML-redactor | Добавил: oleg (12-Сентябрь-2006) | Автор: oleg E
Просмотров: 1055 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *: