Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

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



Читайте также:
  1. Аудиовизуальные документы. Средства и способы записи аудиовизуальной информации
  2. ВИЗУАЛЬНЫЕ КОНФИГУРАЦИИ ПЕЧАТНОГО МАТЕРИАЛА.
  3. Визуальные невербальные средства общения
  4. ВИЗУАЛЬНЫЕ СИГНАЛЫ РУКАМИ.
  5. Над передачей информации текстом доминируют визуальные виды творчества.

Для создания и редактирования 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-анимацию, лишние декоративные элементы.

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

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

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

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


Дата добавления: 2015-07-10; просмотров: 197 | Нарушение авторских прав






mybiblioteka.su - 2015-2024 год. (0.006 сек.)