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

Для создания и редактирования HTML-документов достаточно любого текстового редактора. Однако, на практике обычно используются средства редактирования с графическим интерфесом, разработанные специально для написания HTML. Подобные программы-редакторы позволяют значительно сократить время разработки веб-сайта. Существенным недостатком визуальных HTML-редакторов является то, что они не создают чистого HTML-кода, добавляя в него избыточные, а иногда и фирменные теги. В некоторых случаях, для достижения нужного эффекта они используют сложные методы, иногда могут сгенерировать даже неверный код.

1). При использовании Word’а как визуального HTML-редактора возникают следующие проблемы:

· Невозможно добиться точного соответствия Word-страницы визуальному представлению полученного HTML-документа.

· Word вставляет в HTML-коды много лишнего. Процент “мусора” порой достигает 50%. А пересылка “довеска” по сети стоит времени и денег.

· Word не справляется с конвертированием в HTML больших и сложных по структуре файлов.

· Word не умеет записывать HTML-тексты “шрифтом по умолчанию”. Он обязательно вставляет тег FONT с атрибутом face, в котором прописывает конкретный шрифт. Эта “привычка” Word’а не является безобидной для русскоязычных сайтов. Если на машине клиента указанные шрифты не содержат русских букв, то прочитать текст нельзя. Вероятно, вы встречались в Интернете с такой ситуацией, пробовали менять кодировки, но все с нулевым эффектом — браузер показывает текст шрифтом, в котором нет русских букв, и смена кодировки в этом случае, естественно, не помогает.

Существуют более продвинутые, по сравнению с Word, визуальные HTML-редакторы. Среди них — очень хороший и мощный продукт HomeSite, а также очень простой в обращении FrontPage Express.

Последний редактор, подобно Word’у, переформатирует текст HTML-программы по-своему, причем, не лучшим образом. Переформатирует весь код заново, а не только ту вставку, которая сделана в этом редакторе.

Последнее достижение фирмы Microsoft — FrontPage 2000. FrontPage 2000 не выкидывает те теги, которые не может понять и осмыслить, и не вписывает сотни тегов, которые никому не нужны. А главное, FrontPage 2000 не трогает то, что трогать не надо. Код, который создается в визуальном режиме, он форматирует по-своему, а код, написанный вручную, переписывает без изменений.

Dreamweaver– один из лучших HTML-редактором, в настоящее время является промышленным стандартом в области веб-конструирования.

— Генерирует достаточно чистый код, соответствующий стандарту языка HTML.

— Позволяет осуществлять как разработку документа в визуальном режиме, так и его ручное кодирование.

— Располагает мощными средствами автоматизации разработки и управления веб-сайтом.

— Содержит множество полезных вспомогательных инструментов.

6. Основные правила веб-дизайна.

Используйте продуманную иерархию заголовков

Помните, что Ваш документ будет читаться гораздо лучше, если в нем будет четкое разбиение на разделы и подразделы. HTML предоставляет в Ваше распоряжение шесть уровней заголовков. Воспользуйтесь этим богатством в своих интересах — создайте легко читаемый документ с интуитивно ясной структурой.

Следите за вложенностью меток

При разработке крупных документов создавайте оглавления

При написании крупного документа очень полезно поместить в его начале оглавление с гипертекстовыми ссылками на разделы. Это может облегчить пользователю работу с документом, особенно если документ носит справочный характер.

Хорошо продумайте навигацию

Попытайтесь вообразить себе, что в распоряжении пользователя нет кнопки Back. Подумайте о том, как обеспечить пользователю необходимую свободу перемещения в этом случае. Это поможет Вам спроектировать удобную в пользовании коллекцию HTML-документов.

При включении в документ изображений указывайте альтернативный текст, атрибуты width и height в теге IMG

Помните, что пользователи могут отключать автоматическую загрузку изображений. Не ленитесь подсказать пользователю, чего именно он не видит. Это особенно важно, когда изображения являются гипертекстовыми ссылками.

Загрузка…

Используйте только оптимизированную графику

Не используйте фон, на котором текст плохо читается

Подбирайте цветовую палитру, не утомляющую глаз.

Не используйте слишком большое количество цветов, движущиеся и мерцающие надписи, агрессивную gif-анимацию, лишние декоративные элементы.

Все страницы сайта должны быть оформлены в едином стиле, все элементы страницы должны быть выровнены отн. друг друга

Используйте не более двух разных шрифтов

Не рекомендуется использовать звук и видео на странице

Недопустима горизонтальная протяжка в окне браузера

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *