ityouth.ru Среда, 2012-02-08, 5:28 AM
Привет Посетитель | RSS | Feedburner
Главная | Каталог статей | Регистрация | Вход
» Меню сайта

» Категории раздела
SYS | Программирование [2]
Web | Программирование [4]
XP | Vista | Server [8]
Linux | Unix | FreeBSD [2]
Веб мастер | БД [19]
Internet | LAN | Протоколы [14]
Хакинг | Защита [19]
Службы | Сервисы [4]
SEO | Продвижение [14]
Hardware | News [5]
Невероятно | Факты [3]
Другое | ETC [2]

» Теги
APU Acer Lenovo MSI ViewSonic безопасность планшет продвижение сайта windows xp nokia microsoft laptop HTC Canon Toshiba хакинг Android 2.3 Драйверы Galaxy DVD ультрабук Radeon HD 7900 антивирус ноутбук Android USB 3.0 вебмастеру nod32 браузер OLED SEO apple CES 2012 Android 4.0 NVIDIA HP windows asus Office Мультимедиа Thermaltake google оптимизация windows GIGABYTE Dell LTE SSD Sony his конвертер смартфон Panasonic защита eset LG Samsung корпус взлом Intel AMD

» Архив новостей
2005 год 2006 год 2007 год 2008 год 2009 год

» Категории файлов
Antivirus and Spyware [22]
Антивирусы и Антитрояны
Firewalls and Security [6]
Фаерволы и Защита
Cleaning and Tweaking [13]
Реестр и Чистка
Compression and Restore [7]
Архивация и Восстановление
File Transfer and P2P [4]
Передача фалов и Пиринг
CD and DVD Tools [8]
Работа с CD и DVD
Messaging and Chat [12]
Мессенжеры и Чаты
Browsers and Plugins [12]
Браузеры и Плагины
Desktop and Interface [3]
Рабочий стол и Интерфейс
Programming and Tools [4]
Программирование и Плагины
Hack and Frick [14]
Хакинг и Фрикинг
Audio and Video [25]
Аудио и Видео
Drivers [4]
Драйверы
Webmaster and Designer [27]
Вебмастер и Дизайнер
Bisness and Books [14]
Бизнес и Книги
Office and PDF [5]
Офис и PDF
Operation System [9]
Операционные Системы
Utilities and Other [19]
Утилиты и Прочее

» Категории статей
SYS | Программирование [2]
Web | Программирование [4]
XP | Vista | Server [8]
Linux | Unix | FreeBSD [2]
Веб мастер | БД [19]
Internet | LAN | Протоколы [14]
Хакинг | Защита [19]
Службы | Сервисы [4]
SEO | Продвижение [14]
Hardware | News [5]
Невероятно | Факты [3]
Другое | ETC [2]

» Фото

» --

Главная » Статьи » Веб мастер | БД

Визуальный HTML-редактор Composer

Вообще,  я еще не видел WYSIWYG-редактора (What You See Is What You Get — что видишь, то и получаешь), который бы меня устроил, так как все они неизбежно вставляют "лишний" код, поэтому я возможности пользуюсь невизуальными редакторами. Но сегодня мы поговорим о визуальным редакторе, весьма близком к идеалу. Называется он Composer и входит в состав коммуникационного пакета Mozilla, наследника знаменитого Netscape Navigator. Недавно вышла его версия 1.3, которая и оказалась на моем жестком диске.

После завершения работы весьма симпатичной программы установки, нашему взору открывается браузер, из которого можно запустить все остальные программы пакета. Выбрав из меню "Окно" пункт "Компоновщик" (честно говоря, не самый лучший перевод слова "Composer") мы попадаем в редактор.

Первое, что привлекает внимание — необычайно красивые иконки в панели инструментов (Windows XP отдыхает :)). Как и во всех приложениях из комплекта Mozilla, нажав на небольшую стрелку слева от панели или меню, можно свернуть их, освободив тем самым место на экране. Присутствуют только самые необходимые кнопки, ничего лишнего.



С интерфейсом понятно, теперь испытаем Composer в деле. Сначала попробуем простое форматирование: выделение цветом, изменение гарнитуры и т.п.

В Composer есть очень удобный селектор цветов, наподобие Photoshop:  можно выбрать основной цвет и цвет цвет фона. С выделением текста полужирным и курсивом проблем не происходит, а вот с гарнитурой приходится почесать голову... Выбор невелик:
  • пропорциональный или моноширинный (у моноширинных шрифтов все символы имеют одинаковую ширину, а у пропорциональных ширина символов "l" и "w" различается почти в три раза)
  • Helvetica, Arial (на компьютерах Apple принято использовать Helvetica, на PC с Windows — Arial, на PC с Linux есть и тот и другой)
  • Times
  • Courier
А вот, например, моих любимых Tahoma и Verdana, увы, нет. Может быть, это и правильно. Composer вообще выводит "правильный" код, например, он никогда не вставляет тег <font>, который официально считается устаревшим и не рекомендован к использованию (а вот FrontPage 2000 все равно активно его использует).

Кстати, о коде. Хоть редактор и визуальный, возможность просмотра и редактирования исходного HTML, разумеется, есть (причем этой возможностью приходится часто пользоваться, например, для вставки тире (&mdash;)).  Что хорошо, так это то, что исходный код показывается "как есть", то есть безо всяких украшательств вроде подсветки тегов, из-за которой FrontPage 2000 (я привык все редакторы сравнивать с ним, все-таки FrontPage является одним из самых распространенных) заметно тормозит на моем PII-350. То ли дело Composer — текст кода показывается, как в Блокноте. Нет никаких раздражающих наворотов,  вроде "выделяешь пол-слова — выделяется вся страница" во FrontPage.

Есть и еще один способ редактирования, похожий на визуальный, когда теги показываются в виде небольших прямоугольников. Щелкнув по прямоугольнику, изображающему тег, вы тем самым выделите всю область, его действия. На рисунке справа был щелкнут тег <a>, поэтому выделен весь текст гиперссылки.

Честно говоря, я так и не понял, чемя отличаются режимы "Обычный" и "Предварительный просмотр". В отличие от предварительного просмотра в FrontPage, в Сomposer'е в этом режиме можно точно так же редактировать текст, как и в "Обычном".

Теперь немного отдохнем и развлечемся :). Всем известны "перлы" программы проверки орфографии в офисном пакете Microsoft. Испытаем теперь проверку орфографии в Composer. Для тестирования были взяты слова, некорректно обрабатываемые с точки зрения орфографии Word'ом, а именно:
  • Илюшка
  • Мультиканальный
  • Отмелькала
  • Стриптизершей
  • Задвоенных
  • Volkov Commander
  • Культурологии
  • Кратенько
  • Спецназовец
  • Полтыщи
Для начала попробуйте скопировать эти слова в Word или FrontPage 2000 и нажмите "Проверка орфографии". Если после вашего истеричного смеха вы еще сможете встать на ноги, тогда мы продолжим ;). Итак, результаты проверки тех же самых слов в Composer:
  • Илюшка - Composer - OK, FrontPage- проверьте сами ;)
  • Мультиканальный - нет в словаре, но предлагает заменить не на "мультик анальный", как FrontPage, а на "мульти канальный". Это радует smile
  • Отмелькала - нет в словаре, вариант FrontPage'а - "отмель кала", Composer'а - "от мелькала". У Composer'а явно не такой извращенный ум, как у FrontPage:)
  • Хотя я поторопился.  "Стриптиз ершей" любят оба редактора.
  • Равно как и "Зад военных".
  • Слава богу, хоть Volkov'a Composer не тронул. Вариантов замены нет. Зато FrontPage предложил несколько, в числе которых "Vodka" и "Volvo".
  • Создатели FrontPage, видимо, являются почитателями таинственного "Культа Урологии", судя по толкованию слова "культурология". Composer остался атеистом.
  • "Крутенько", сказал FrontPage, быстро сделав распальцовку. Да нет, "кратенько", ответил ему интеллигентный Composer.
  • "Со спецназовцами шутки плохи", уверен Composer. FrontPage же откровенно заявляет, что, мол, в спецназе служат овцы (его вариант - "спецназ овец").
  • Composer писали не какие-нибудь садисты, поэтому он не пытается заменить "полтыщи" на "полтещи", как FrontPage. Такое слово есть в словаре программы и никаких сомнений по поводу правильности его написания не возникает.
В Composer, к сожалению, нет проверки пунктуации, тезауруса и словаря синонимов, но не стоит требовать многого от бесплатного продукта.

Развлеклись и хватит. Рассмотрим возможности по вставке в документ картинок. При нажатии на кнопку "Изображение" открывается диалог с четырьмя закладками. Опции в основном стандартные: размер, обтекание текстом, ссылки и т.д., кроме того, есть очень полезный флажок "Относительный URL". При его установке вы не рискуете, вставив картинку со своего жесткого диска и закачав страницу на сервер, увидеть лишь пустое место из-за того, что путь к картинке указался в виде "file:///c:/images/1.gif". Если вам потребуется установить еще какие-либо параметры изображения, нажмите кнопку "Дополнительно". В появившемся диалоге можно указать такие параметры, как  толщина границы, назначить изображению карту (usemap), назначить изображению события JavaScript и  многое другое.

Кстати, о Javascript'e. В комплекте редактора есть отладчик JavaScript'a, правда, достаточно сложный. Из других сервисов можно отметить "Проверить HTML". По сути дела, эта команда ничего не проверяет, а всего лишь открывает эту страницу, на которой можно загрузить файл с вашего жесткого диска для проверки "правильности" HTML-кода. Для эксперимента я загрузил эту статью - ошибок не было обнаружено. Потом я попробовал загрузить документ, созданный во FrontPage. Нашлась всего одна ошибка в конструкции <hr color="blue">, т.к. атрибута color, определяющего цвет горизонтальной линии, у тега <hr> не существует. Его придумали в Microsoft и в стандарт HTML этот атрибут не включен (поэтому цветная линия будет выглядеть цветной только при просмотре в Internet Explorer, в остальных браузерах она будет просто серой).

Во время написания статьи я заметил еще два отличия от FrontPage (одно хорошее, другое плохое :)). Хорошо то, что для вставки картинки (без обтекания текстом) не нужно начинать новый абзац, как в FrontPage 2000. Кроме того, в последнем постоянно возникают глюки из-за использования тега <p>, например, при выравнивании картинки по центру выравнивается и весь текст страницы. А теперь о плохом: если вставить в документ ссылку и продолжить печатать текст,  он будет печататься до тега </a>, то есть ссылка будет продолжаться. Приходится переключаться в режим редактирования кода и исправлять.

И в заключение небольшое тестирование, опять же по сравнению с FrontPage. Сделаем и в том, и в другом редакторе таблицу 5x5, в каждой ячейке текст "Пример", фон таблицы зеленый, текст желтый. Тут же выясняется небольшой недостаток Composer: в пустые ячейки не вставляется &nbsp;. А жаль. Итак, по результатам теста Composer все-таки выдал на 19% больший код, чем FrontPage. В большей части это из-за того, что в каждую ячейку он вставляет  "style=vertical-align:top;", что совершенно не нужно, т.к. по умолчанию значение этого параметра и есть "top".

Вывод: Composer - неплохой визуальный редактор с множеством возможностей, но, пожалуй, еще нуждается в некоторой доработке. Рекомендую его начинающим веб-дизайнерам или тем, у кого нет времени на изучение HTML.




Похожие материалы:


Материал входит в категории:



Источник: http://www.web-silver.ru/articles/html/9.php
Категория: Веб мастер | БД | Добавил: Дофин (2007-12-14) | Автор: Антон Иванов
Просмотров: 3177 | Теги: html, WYSIWYG, визуальный редактор, вебмастеру | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
» Форма входа
Логин:
Пароль:

» Поиск


» Игры

» Окажи помощь

» Реклама

» Почта
Логин:
@ityouth.ru
Пароль:
Не удается войти в аккаунт?

» Подписаться на новости
Подписаться через RSS2Email

ИТ новости и ПО




» Всего материалов
Comments: 2501
Forum: 441/5118
Photo: 118
Blog: 18
News: 1520
Downloads: 193
Publisher: 78
Directory: 13534
Ad-board: 14
Games: 218
FAQ: 15
Guestbook: 140
Tests: 34

» Статьи

» Файлы

» Кнопка сайта

ИТ молодежь


» Статистика

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

» Корзина
Ваша корзина пуста



имхо | ссылки | киса

Copyright © 2008 [ ityouth.ru ]

Техническая поддержка: icq [263-504]
Пишите нам: [ Обратная связь ]
Используются технологии uCoz