Глава 2. программное обеспечение для веб-журналиста

Логический дизайн

Подготовка материала для Web подразумевает его логическое струк­турирование в соответствии с требованиями гипертекста. Такого рода работа называется логическим дизайном, элементами которого являются не только текст, но и графика, а также гипертекстовые связи. Осуществлять ее в идеале должен сам автор текста. Для всего этого не­обходимо весьма разнообразное программное обеспечение (софт от англ. soft), которое также нужно рассматривать как компонент обору­дования рабочего места.

Бытует мнение, что подготовка содержания публикации и ее гипер­текстовое оформление — это две разные задачи, которые могут выполнять разные специалисты: содержание готовит журналист, а кодировку в HTML осуществляет веб-дизайнер или веб-мастер. Именно так и проис­ходит чаще всего на практике. По нашему мнению, такое положение ве­щей носит временный характер. Более того, пока журналисты не научатся мыслить и писать категориями гипертекстуальной реальности, онлайно­вая журналистика будет оставаться традиционной журналистикой, точ­нее, ее электронным клоном, без возможности использовать преимуще­ства Web. Именно по этой причине нужно познакомиться с описанием некоторых полезных программ и утилит.

Специфика подобного описания заключается в том, что важно знание не конкретных программных продуктов, а их функций. Как уже отмечалось, программы постоянно совершенствуются, обновляются, заменяются другими, в то время как функции остаются прежними. Полезно упомянуть и о программах, многие из которые можно бесплатно скачать из интернета. Затем пользоваться ими, пока не появилось что-то более новое.

Домашнее программное обеспечение

Браузеры

Браузеры — это средства просмотра веб-страниц, преобразующие исходный код в картинку на экране и позволяющие переходить от страницы к странице по гиперссылкам. Таким образом, браузер — это программа, позволяющая работать в интернете и «перелисты­вать» сайты и страницы.

Наиболее популярными браузерами являются Internet Explorer (поставляется вместе с операционными системами Windows, так что IE в большинстве случаев уже установлен на вашем компьютере), Netscape Navigator, Opera. Браузеры различаются скоростью загрузки, некоторыми дополнительными функциями и, самое главное и не­приятное, различными правилами чтения некоторых элементов кода. Последнее надо иметь в виду при разработке страниц, т.е. необходи­мо тестировать документ во всех популярных браузерах. Кроме того, различие проявляется и в версиях. Для чтения лучше устанавливать новейшие версии, которые поддерживают максимальное количество нововведений. А вот при тестировании страниц лучше пользоваться старыми версиями, чтобы обеспечить читаемость ваших документов максимальным количеством возможных пользователей. К имеющимся браузерам умельцами выпускаются различные утилиты, снабжающие ис­ходную программу дополнительными функциями. Например, NetSurf — многооконный браузер на движке IE, позволяющий просто и логично управлять ресурсами Internet и компьютера (https://wvvw.ldodware.narod.ru) или MylE (https://www.myie2.com/html_en/update.htm) и другие.

Почтовые программы

К наиболее известным почтовым программам относятся: встро­енный в Windows Outlook Express и The Bat! По нашему мнению, The Bat! удобнее.

Главная задача почтовых программ — обеспечение работы элек­тронной почты, составление архивов, работа в конференциях. Среди интересных почтовых программ укажем также The Bee (https://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, который затем трудно редактировать. В .этом случае единственный выход — использовать макрос «Перестройка» (https://www.freesoft.ru/pageview.html?id=515&dl=0).

Текстовые HTML-редакторы позволяют редактировать непосред­ственно код. Самый простой редактор — это известный блокнот. Он может также запускаться из любого браузера. Продвинутые тексто­вые HTML-редакторы обладают сервисом: набором тэгов, провер­кой корректности кода и т.п. Наиболее популярный редактор тако­го типа — это Macromedia HomeSite+.

Оптимизация и проверка HTML

Под оптимизацией подразумевается устранение из кода всего лишнего. В результате проведения процедуры оптимизации размер файла может уменьшиться в несколько раз или примерно на треть, если код изначально был достаточно «чистым». Уменьшение размера уменьшает время загрузки, т.е. увеличивает качество страницы с по­зиции пользователя. Одновременно нужно осуществлять проверку на наличие ошибок, разорванных (никуда не идущих) ссылок и т.п. Эта задача возникает достаточно часто, особенно если страница сделана визуальным редактором. В сети существует масса программ и утилит, выполняющих эту работу.

Например:

ClearTXT (https://www.gribuser.ru/freeware/cleartxt/index.shtmt) ре­шает сразу две задачи; это простая, прозрачная программа, в то же время обеспечивающая требовательного пользователя максимальным контролем над преобразованием/форматированием текста.

HTML Optimize! (https://www.anetto.host.sk/) предназначена для оп­тимизации HTML-файлов следующими способами: удаление ненуж­ных кавычек у значений параметров, удаление параметров с пустыми значениями, удаление двойных пробелов, пустых строк, двойных &nbsp и др., удаление комментариев, удаление ненужных метатэгов, удаление и замена тэгов по желанию пользователя и др.

HTML Link Validator — проверка линков на сайте, различает ре­естр и предоставляет возможность исправлять ошибки.

@Text Replacer 1.1 — это небольшая утилита, позволяющая искать и заменять целые фрагменты текста во всех указанных файлах в вы­бранной директории и во всех вложенных директориях. Программа умеет игнорировать регистр символов, спецсимволы и различия опе­рационных систем (к примеру, перевод строки в Unix состоит из од­ного символа, а в Windows — из двух). Список игнорируемых спец­символов можно настраивать, добавляя нужные элементы.

Edithtml — удаление почти одинаковых текстовых блоков из мно­жества HTML-файлов.

Редакторы CSS

Рекомендуем всем, кто начинает изучать, как изготовлять веб­страницы, одновременно с HTML изучать и использовать каскадные таблицы стилей. Это избавит от множества ошибок и переделок.

CSS (Cascading Style Sheets) — это язык, обладающий совокупно­стью свойств для определения внешнего вида документа. С его по­мощью дизайнер имеет полный контроль над стилем и расположени­ем каждого элемента веб-страницы. CSS — это средство управлять дизайном сайтов, редактируя один-единственный файл, а также спо­соб уменьшить размеры загружаемых страниц. Пользоваться каскад­ными стилями — хороший стиль веб-разработок.

Для работы с CSS можно рекомендовать следующие программы:

CSSMagic (https://css.wallst.ru/index.htm) — программа предназна­чена для быстрого создания и изменения каскадных таблиц стилей. Интерфейс аналогичен панелям Word. Отличие от подобных продук­тов заключается в ориентации разработки на пользователя любого уровня квалификации. CSS Magic создавался для ускорения редакти­рования оформительских характеристик сайта целиком, а не по од­ной странице.

TopStyle — пожалуй, самый удобный редактор CSS с многими до­полнительными возможностями.

Любой текстовый редактор — так как файлы типа still.css явля­ются текстовыми, их можно редактировать с помощью любого тек­стового редактора, в том числе и блокнота.

Графические программы и утилиты

Работа с графикой для HTML — это отдельная и важнейшая тема веб-дизайна. С деталями этой работы лучше знакомиться, изучая различ­ные руководства по веб-дизайну. Один из наиболее интересных ресур­сов, размещенных в сети, — это сайт Артемия Лебедева (https://tema.ru).

Для работы с графикой понадобятся программы обработки гра­фики. Графика бывает точечная и векторная. Файлы точечной графики содержат информацию о цвете и яркости каждой точки на эк­ране. Чаще всего употребляемые форматы — это jpg, gif. Наиболее популярные редакторы — Adobe Photoshop и Macromedia FireWork. Файлы векторной графики содержат информацию о математических формулах графических объектов. Самый употребляемый стандарт векторной графики в интернете — это файлы, сделанные с помощью Macromedia Flash, позволяющего делать динамическую анимирован-ную и интерактивную графику.

Среди полезных утилит укажем XNView (https://www.xnview.com/) — программа обладает мощными средствами для работы с файлами — предпросмотр, поддержка файлов с описаниями, автоматическое соз­дание списка файлов, копирование (вставка) файлов через буфер об­мена, просмотр неграфических файлов, поддержка Drag & Drop и ин­теграция с операционной системой. Кроме своей основной функции — качественного показа графики, программа обладает и множеством до­полнительных — работа со сканером, создание HTML-страниц с гра­фикой, подсчет использованных в картинке цветов и даже такая вроде бы мелкая, но полезная опция, как установка картинки в качестве обо­ев на Рабочий стол. Наконец, XNView позволяет захватывать изобра­жения (весь экран, активное окно или пользовательскую область).

Также вам понадобятся генераторы текстур (например, BTexture), всевозможные gif-аниматоры, программы оптимизации графики, программы определители кода цвета и т.п.

«Качалки» и утилиты для работы со скачанными файлами

Особенностью работы с интернетом является то, что пользовате­ли склонны не прочитывать материалы, а просматривать их с после­дующим сохранением на жестком диске компьютера. Сохранение имеет смысл, так как нет уверенности в том, что в следующем сеансе связи вы попадете на тот же ресурс. Кроме того, возникает желание просмотреть информацию в спокойном режиме. Информация скачи­вается еще и для того, чтобы использовать ее в своей работе, цити­руя, формируя библиотеки и т.п. Это особенно важно при подготовке обзоров, аналитических статей. Существует множество средств со­хранения на жестком диске.

Во-первых, с помощью выделения, копирования и вставки в лю­бой текстовый файл (даже в WORD). Надо сказать, что этот способ самый неудобный.

Во-вторых, используя команду «сохранить как» браузера. IE, на­пример, предоставляет возможность сохранять только код или стра­ницу полностью. В этом случае в комментариях (внутри кода) пропи­сывается URL исходной страницы, а файл по умолчанию называется в соответствии со значением тэга title. В результате название файла может оказаться очень длинным. Рекомендуем сохранять файлы, со­ответствующие одной и той же теме в новой директории, и переиме­новывать файлы (например, 01, 02,...), а также следить за тем, чтобы они все сохранялись в одной и той же кодировке. При скачивании удобно пользоваться менеджерами закачки, которые ускоряют про­цесс, гарантируют восстановление сеанса скачки в случае разрыва соединения и обладают еще рядом функций. Наиболее популярными из них считаются Gozila и Reget.

Иногда возникает необходимость скачать сайт целиком, с тем чтобы можно было просматривать его в режиме off-line. Для этой це­ли существуют так называемые ofF-line-браузеры, например Teleport-рго или отечественная Диско-качалка.

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

Tiger Files Renamer — переименование файлов; программа пред­назначена для переименовывания большого количества файлов по определенному алгоритму. Программа может менять/преобра­зовывать регистр имен файлов, может переименовывать МРЗ, OGG, MPEGAudio, MPEGPlus, Monkey, TwinVQ файлы с учетом их тэгов, а также менять МРЗ тэги, картинки с учетом их размеров, HTML с учетом их заголовков (title), JPG файлы с учетом Боданных (данные, записы­ваемые обычно цифровыми фотокамерами), а также файлы с учетом их даты и прочей информации. Может переводить в нормальное написа­ние файлы, скачанные из интернета, типа «file\%20 \%22+\%20.jpg» или «=AA=DC=64=20.jpg», переводить имена файлов из русского в транслит и обратно и многое другое. Можно переименовывать файлы по счету (причем как цифровыми, так и буквенными счетчиками), сливать в одну папку файлы из многих директорий, контролируя одинаковые имена, и, корректируя их, правильно переименовывать файлы типа: filel.jpg, filelO.jpg, filell.jpg, file2.jpg, ... file9.jpg в файлы: fileOl.jpg, fileO2.jpg, ... fileO9.jpg, filelO.jpg, filell.jpg. Также она может переименовывать с учетом директории (папки), в которой находятся файлы. Перед переименовыванием файлы могут сортироваться: по имени, по дате, по размеру, по номеру в имени, по дате в имени, по данным из Exif тэга. Поддерживает мультиязычность.

Indexeler (https://vaddya.far.ru) — простой и удобный индексатор файлов. Программа предназначена для упрощения навигации между связанными тематически веб-страницами, но не связанными файлом содержания (типа index.htm).

Может получиться так, что в одной папке окажутся файлы в раз­ной кодировке, но связанные одним каталогом (типа index). При просмотре таких файлов то и дело придется менять кодировку в на­стройках браузера, что, естественно, крайне не удобно для пользова­теля. Поэтому есть необходимость позаботиться о том, чтобы коди­ровка была одинаковой. Для этой цели существуют утилиты-пере­кодировщики. Например: HTMLChanger; RusCoder и др.

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

Возможности серверного программного обеспечения

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

Стандартным на сегодня является следующее:

Виртуальный (веб-) хостинг — это услуга, позволяющая клиенту иметь собственное доменное имя (https://www.youmame.ru) без уста­новки своего физического оборудования и программного обеспече­ния. Клиент использует для размещения своего сайта пространство на физическом сервере поставщика услуг хостинга. Географическое ме­стонахождение физического хоста никакого значения не имеет. Хост может быть как в соседней комнате, так и на другом континенте.

Дисковое пространство — пространство (объем памяти в Мбай­тах), отведенное клиенту для размещения сайта. Как правило, от 50 до 500 Мбайт оказывается достаточным. Причем всегда остается воз­можность его увеличить.

Почтовые ящики — пространство для почты и почтовые адреса. Как правило, услуга хостинга включает от 1 до 10 почтовых ящиков, т.е. от 1 до 10 пользователям можно предоставить собственную почту. Если нужно больше, следует воспользоваться услугами mail-хостинга, т.е. арендовать отдельный почтовый сервер.

Веб-интерфейс для управления почтой — предоставляемая поль­зователю с правами администратора возможность удобного графиче­ского интерфейса при работе с почтой.

Список рассылки — инструмент, с помощью которого можно осу­ществлять рассылку материалов по почте. Список рассылки, как пра­вило, предоставляет возможность посетителям страниц подписы­ваться на рассылку и отказываться от нее. Веерная рассылка, несанкционированная получателями, называется спамом. Ее использование противоречит этическим нормам и популярности издания не при­бавляет. Напротив, грамотно составленные новости издания позво­ляют держать посетителей все время в курсе происходящего на ва­шем сайте, т.е. способствует формированию сетевых сообществ.

Веб-интерфейс для чтения почты — удобный сервис для просмотра почты прямо на сайте, однако он используется не так часто, так как предпочтительнее настроить свой почтовый клиент.

Антивирусная проверка почты — важнейший элемент сервиса, так как почта стала одним из основных каналов распространения вирусов.

Переадресация почты — возможность переадресовывать письма на другой почтовый ящик.

file Transfer Protocol (FTP) — протокол передачи файлов со специ­ального файлового сервера на компьютер пользователя. Этот протокол удобно использовать для закачки на сервер подготовленных на до­машней машине документов.

Server Side Includes (SSI) — механизм веб-сервера, позволяющий создавать шаблоны оформления страниц для последующего динами­ческого размещения в них различных объектов: хранящихся на сервере текстовых файлов, даты, значения переменной окружения, результа­тов работы CGI-скрипта и т.д.

Поддержка РНР4. РНР — это язык программирования, созданный специально для того, чтобы создавать на нем веб-страницы. Он очень удобен для динамической генерации страниц. В отличие от языка Perl, он применяется не для написания CGI-скриптов, а для непосредственного введения PHP-кода в HTML-страницу. PHP — Personal Home Page — это не просто язык программирования, а система разработки скриптов, включающая в себя CGI — интерфейс, интерпретатор языка и набор функций для доступа к базам данных и различным объектам WWW. Од­на из наиболее удобных и приятных особенностей РНР — это его спо­собность автоматически передавать значения переменных из форм в переменные РНР. Это очень облегчает обработку форм. Система РНР устанавливается на веб-сервер в качестве обработчика определенного mime-типа, аналогично системе SSI (Server Side Include); иными слова­ми, PHP-скрипт представляет собой обычный HTML-документ с ред­кими вставками тэгов PHP-команд. Благодаря этому создание и отладка скриптов РНР значительно проще, чем отладка и создание скриптов на других языках (например, С или Perl). Кроме того, РНР обеспечивает разработчику очень большие возможности при разработке приложений Web или активных страниц, так как обладает значительным набором функций и относительно большой гибкостью.

Персональная CGI-bin (Common Gateway Interface) директория. CGI представляет собой специальный интерфейс, с помощью которого происходит запуск программы-скрипта и взаимодействие с ним. CGI-скрипт — это программа, которая выполняется на веб-сервере по запросу клиента (т.е. посетителя веб-сайта). Эта программа принципиально ничем не отли­чается от обычных приложений, которые установлены на вашем компью­тере, будь то MS Word или игра Quake. CGI — это не язык программирова­ния, на котором написан скрипт, а общий интерфейс, который использу­ется сервером для обеспечения взаимодействия с любым приложением. CGI-скрипты играют роль связующего звена между приложением и сер­вером, а сервер, в свою очередь, отвечает за получение информации от браузера и отсылки ему данных. На практике CGI нужен для того, чтобы веб-сервер мог запустить какую-нибудь программу, передать этой про­грамме данные, полученные от пользователя, и получить в ответ готовую страницу, которую затем веб-сервер немедленно переправляет пользова­телю в браузер. Со стороны CGI-скрипта как серверного процесса все взаимодействие выглядит следующим образом: Получение данных от клиента ® Обработка данных ® Выдача ответа клиенту. По некоторым причинам CGI-скрипты очень удобно писать на языке Perl. Обычно именно этот язык используется для их написания, однако теоретически CGI-скрипт может быть написан не только на Perl, но и на С, Pascal, Fortran или любом другом языке программирования.

Резервное копирование сервера. Как правило, резервное копирова­ние осуществляется один раз в сутки, а резервная копия хранится в течение двух месяцев. Это означает, что в случае Сбоя всегда есть воз­можность восстановить информацию, размещенную на сайте.

Базы данных MySQL — одна из разновидностей систем управле­ния базами данных, обеспечивающая доступ к содержимому базы через Web. Когда стало понятно, что с помощью CGI можно доста­точно удобно создавать страницы «на лету», эта деятельность приоб­рела массовый характер. Многие владельцы различных интересных данных начали предоставлять доступ к своим базам через Web. Но СУБД (средства управления базами данных) были в то время слож­ными и дорогими. Тогда для решения этой проблемы был создан MySQL, являющийся простой и бесплатной разновидностью СУБД. Изначально он применялся исключительно в области веб-техно­логий. С тех пор продукт существенно усложнился и улучшился, так что теперь MySQL может использоваться и в иных целях. В то же время наиболее популярным MySQL до сих пор остается именно среди создателей веб-страниц.

Статический IP-адрес — уникальный (абсолютный) IP-адрес сайта.

Поддержка языка Perl. Язык Perl был создан в 1986 г. и первона­чально предназначался для обработки текстов. Отсюда и его название — Practical Extraction and Report Language (язык извлечения и составле­ния отчетов). Наибольшее распространение Perl получил при написа­нии CGI-программ. Отладив программу на своем домашнем компьютере (где, к примеру, установлена операционная система Windows), затем можно просто скопировать ее на сервер, где скорее всего уста­новлен один из клонов Unix — FreeBSD, Linux, Sun Solaris, HP-ЦХит.п. Perl — интерпретируемый язык, приспособленный для обра­ботки произвольных текстовых файлов, извлечения из них необходи­мой информации и выдачи сообщений. Perl также удобен для написа­ния различных системных программ. Этот язык прост в использова­нии, эффективен, но про него трудно сказать, что он элегантен и ком­пактен. Perl сочетает в себе лучшие черты С, shell, sed и awk, поэтому для тех, кто знаком с ними, изучение Perl не представляет особого тру­да. Синтаксис выражений Perl близок к синтаксису С. В отличие от большинства утилит ОС UNIX Perl не ставит ограничений на объем обрабатываемых данных и, если хватает ресурсов, весь файл обрабаты­вается как одна строка. Рекурсия может быть произвольной глубины. Хотя Perl приспособлен для сканирования текстовых файлов, он мо­жет обрабатывать также двоичные данные и создавать .dbm файлы, подобные ассоциативным массивам. Perl позволяет использовать регу­лярные выражения, создавать объекты, вставлять в программу на С или C++ куски кода на Perl, а также позволяет осуществлять доступ к базам данных, в том числе Oracle.

Поддержка доменов второго и третьего уровней. Услуга хостинга иногда включает возможность поддержки нескольких доменов второго уровня, указывающих на одну и ту же физическую директорию или на ее различные части, а также создание новых сайтов с доменами третье­го уровня. Естественно, открывается возможность независимого ад­министрирования этих сайтов. Причем поддержка доменов второго уровня в зоне .RU осуществляется вне зависимости от того, через ка­кую организацию данный домен был зарегистрирован.

Запуск скриптов по расписанию (сгоп) — сервис, позволяющий ав­томатически (по расписанию) запускать на сервере какие-либо про­граммы (скрипты), например рассылку новостей или обновления ка­лендаря, или еще что-нибудь.

Статистику посещаемости осуществляет софт, обеспечивающий контроль за посещениями ваших страниц. Можно проследить, какие страницы и кто посещал, определить IP-адрес посетителя, его регист­рационные данные, географическое нахождение и т.п. Сервис необхо­дим при раскрутке сайта.

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