Логический дизайн
Бытует мнение, что подготовка содержания публикации и ее гипертекстовое оформление — это две разные задачи, которые могут выполнять разные специалисты: содержание готовит журналист, а кодировку в HTML осуществляет веб-дизайнер или веб-мастер. Именно так и происходит чаще всего на практике. По нашему мнению, такое положение вещей носит временный характер. Более того, пока журналисты не научатся мыслить и писать категориями гипертекстуальной реальности, онлайновая журналистика будет оставаться традиционной журналистикой, точнее, ее электронным клоном, без возможности использовать преимущества Web. Именно по этой причине нужно познакомиться с описанием некоторых полезных программ и утилит.
Специфика подобного описания заключается в том, что важно знание не конкретных программных продуктов, а их функций. Как уже отмечалось, программы постоянно совершенствуются, обновляются, заменяются другими, в то время как функции остаются прежними. Полезно упомянуть и о программах, многие из которые можно бесплатно скачать из интернета. Затем пользоваться ими, пока не появилось что-то более новое.
Домашнее программное обеспечение
Браузеры
Браузеры — это средства просмотра веб-страниц, преобразующие исходный код в картинку на экране и позволяющие переходить от страницы к странице по гиперссылкам. Таким образом, браузер — это программа, позволяющая работать в интернете и «перелистывать» сайты и страницы.
Наиболее популярными браузерами являются Internet Explorer (поставляется вместе с операционными системами Windows, так что IE в большинстве случаев уже установлен на вашем компьютере), Netscape Navigator, Opera.
Браузеры различаются скоростью загрузки, некоторыми дополнительными функциями и, самое главное и неприятное, различными правилами чтения некоторых элементов кода. Последнее надо иметь в виду при разработке страниц, т.е. необходимо тестировать документ во всех популярных браузерах. Кроме того, различие проявляется и в версиях. Для чтения лучше устанавливать новейшие версии, которые поддерживают максимальное количество нововведений. А вот при тестировании страниц лучше пользоваться старыми версиями, чтобы обеспечить читаемость ваших документов максимальным количеством возможных пользователей. К имеющимся браузерам умельцами выпускаются различные утилиты, снабжающие исходную программу дополнительными функциями. Например, NetSurf — многооконный браузер на движке IE, позволяющий просто и логично управлять ресурсами Internet и компьютера (http://wvvw.ldodware.narod.ru) или MylE (http://www.myie2.com/html_en/update.htm) и другие.Почтовые программы
К наиболее известным почтовым программам относятся: встроенный в Windows Outlook Express и The Bat! По нашему мнению, The Bat! удобнее.
Главная задача почтовых программ — обеспечение работы электронной почты, составление архивов, работа в конференциях. Среди интересных почтовых программ укажем также The Bee (http://www.avtlab.ru). Ее особенности: быстрый доступ и работа в любых условиях с электронной почтой (Е-май), группами телеконференций (News) и основными сервисами ICQ (включая отправку SMS-сообщений на сотовые телефоны). The Bee не требует инсталляции, не сохраняет промежуточных результатов работы на локальном диске, имеет малый размер. Это позволяет запускать программу прямо с дискеты (или компакт-диска) на любом компьютере (в гостях, в Интернет-кафе и т.д.) без создания новых учетных записей и не беспокоясь при этом, что она оставит после своей работы что-то лишнее.
Редакторы HTML-страниц
HTML-редакторы делятся на две группы: визуальные HTML-редакторы и текстовые HTML-редакторы. Эти два типа редакторов во многом отличаются друг от друга принципом работы.
Визуальные HTML-редакторы больше всего подходят тем, кто впервые знакомится с HTML и не знаком с кодом.
Визуальные редакторы удобны тем, что при программировании страницы можно сразу видеть результат. Однако визуальные редакторы не лишены недостатков: 1) автогенерация кода, как правило, сопряжена с его неоптимальностью; 2) визуальные редакторы не успевают следить за нововведениями. Правда, у визуальных редакторов всегда имеется возможность редактировать код непосредственно. Наиболее удобные среди них Microsoft FrontPage поздних версий (присутствует в полном пакете Microsoft Office) и Macromedia Dreamweaver MX. Текстовый редактор Word со встроенной функцией «сохранить как вебстраницу» лучше не использовать, он генерит очень тяжелый и плохой HTML, который затем трудно редактировать. В .этом случае единственный выход — использовать макрос «Перестройка» (http://www.freesoft.ru/pageview.html?id=515&dl=0).Текстовые HTML-редакторы позволяют редактировать непосредственно код. Самый простой редактор — это известный блокнот. Он может также запускаться из любого браузера. Продвинутые текстовые HTML-редакторы обладают сервисом: набором тэгов, проверкой корректности кода и т.п. Наиболее популярный редактор такого типа — это Macromedia HomeSite+.
Оптимизация и проверка HTML
Под оптимизацией подразумевается устранение из кода всего лишнего. В результате проведения процедуры оптимизации размер файла может уменьшиться в несколько раз или примерно на треть, если код изначально был достаточно «чистым». Уменьшение размера уменьшает время загрузки, т.е. увеличивает качество страницы с позиции пользователя. Одновременно нужно осуществлять проверку на наличие ошибок, разорванных (никуда не идущих) ссылок и т.п. Эта задача возникает достаточно часто, особенно если страница сделана визуальным редактором. В сети существует масса программ и утилит, выполняющих эту работу.
Например:
ClearTXT (http://www.gribuser.ru/freeware/cleartxt/index.shtmt) решает сразу две задачи; это простая, прозрачная программа, в то же время обеспечивающая требовательного пользователя максимальным контролем над преобразованием/форматированием текста.
HTML Optimize! (http://www.anetto.host.sk/) предназначена для оптимизации HTML-файлов следующими способами: удаление ненужных кавычек у значений параметров, удаление параметров с пустыми значениями, удаление двойных пробелов, пустых строк, двойных и др., удаление комментариев, удаление ненужных метатэгов, удаление и замена тэгов по желанию пользователя и др.
HTML Link Validator — проверка линков на сайте, различает реестр и предоставляет возможность исправлять ошибки.
@Text Replacer 1.1 — это небольшая утилита, позволяющая искать и заменять целые фрагменты текста во всех указанных файлах в выбранной директории и во всех вложенных директориях.
Программа умеет игнорировать регистр символов, спецсимволы и различия операционных систем (к примеру, перевод строки в Unix состоит из одного символа, а в Windows — из двух). Список игнорируемых спецсимволов можно настраивать, добавляя нужные элементы.Edithtml — удаление почти одинаковых текстовых блоков из множества HTML-файлов.
Редакторы CSS
Рекомендуем всем, кто начинает изучать, как изготовлять вебстраницы, одновременно с HTML изучать и использовать каскадные таблицы стилей. Это избавит от множества ошибок и переделок.
CSS (Cascading Style Sheets) — это язык, обладающий совокупностью свойств для определения внешнего вида документа. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента веб-страницы. CSS — это средство управлять дизайном сайтов, редактируя один-единственный файл, а также способ уменьшить размеры загружаемых страниц. Пользоваться каскадными стилями — хороший стиль веб-разработок.
Для работы с CSS можно рекомендовать следующие программы:
CSSMagic (http://css.wallst.ru/index.htm) — программа предназначена для быстрого создания и изменения каскадных таблиц стилей. Интерфейс аналогичен панелям Word. Отличие от подобных продуктов заключается в ориентации разработки на пользователя любого уровня квалификации. CSS Magic создавался для ускорения редактирования оформительских характеристик сайта целиком, а не по одной странице.
TopStyle — пожалуй, самый удобный редактор CSS с многими дополнительными возможностями.
Любой текстовый редактор — так как файлы типа still.css являются текстовыми, их можно редактировать с помощью любого текстового редактора, в том числе и блокнота.