|
Читайте также: |
Для создания и редактирования 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 | Нарушение авторских прав