Часть V.

Технология и ещё раз технология

Глава 1. Рабочее место веб-журналиста

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

Глава 3. Редакция веб-издания – основные инструменты

Глава 4. О чём нужно спрашивать провайдера

Глава 5. Умение учиться – профессиональное качество веб-журналиста

Глава 6. Проектирование структуры сайта

Резюме

Ключевые понятия

Вопросы и задания

на предыдущую страницу <<< к содержанию >>> на следующую страницу

Тезисы

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

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

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

Необходимо учиться самостоятельно осуществлять модернизацию техники и программного обеспечения (ПО), а также осваивать методы быстрого обучения работе с новыми программами.

в начало

Глава 1. Рабочее место веб-журналиста

Что значит знать интернет

Рискуя быть обвиненными в навязывании прописных истин, мы продолжаем утверждать, что онлайновому журналисту недостаточно быть хорошим офлайновым журналистом, нужно еще кое-что.

Иными словами, прежде чем браться за веб-журналистику, нужно убедить себя в том, что:

•         вы знаете интернет;

•         вы умеете пользоваться им в целях решения своих задач;

•         вы обладаете необходимыми навыками работы на компьютере и в сетях.

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

Происходящие в интернете изменения можно сгруппировать следующим образом.

1.        Рождаются новые информационные ресурсы, исчезают или меняют структуру старые, т.е. ситуация напоминает Зону в «Сталкере», которая постоянно меняет свою топологию в зависимости от посетителей.

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

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

3.        Изменяются, совершенствуются и рождаются новые программные продукты, с новыми функциями и новыми интерфейсами. Причем эти новые программы требуют новой техники, более быстрой и более надежной. Если учесть изменение технологических стандартов, адекватное аппаратурному и программному прогрессу, то становится понятной необходимость каждому специалисту (да и обыкновенному пользователю) постоянно заботиться об обновлении аппаратурного парка и программ. Сегодня периодичность обновления (апгрейда) аппаратуры и связанного с ней программного обеспечения уже меньше года. Это означает, что чаще, чем раз в год, на рабочем месте веб-журналиста должна происходить миниреволюция, заключающаяся в замене устаревшей техники и программного обеспечения, ее перенастройке и в переобучении работе с ней.

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

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

Следовательно, основная ставка должна быть сделана на самообразование, причем на самообразование в интернете. (О том, как использовать интернет в качестве учителя и тренера, подробно расскажем далее.)

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

Оборудование рабочего места

Оборудование выбирается исходя из следующих общих соображений:

•         достаточность для решения актуальных задач и задач, которые, вероятнее всего, появятся в ближайшем будущем;

•         соответствие условиям работы и образу жизни;

•         совместимость с имеющимся оборудованием и переносимость информации;

•         соответствие современному уровню развития техники и возможность апгрейда;

•         оптимальность отношения «цена/качество».

Анализ задач

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

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

Работа веб-журналиста, как мы уже убедились, включает:

1)      организацию коммуникаций и сбор информации;

2)      приведение информации к удобному для архивации и анализа виду;

3)      создание и публикацию в интернете результата работы с информацией, т.е. создание интерактивного информационного интернет-ресурса.

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

2.        Приведение информации к удобному для архивации и анализа виду подразумевает наличие персонального компьютера, снабженного устройствами для сохранения информации на внешних носителях (например, устройства записи на CD). Постоянная забота о сохранении данных (осуществление так называемого backup) должна стать привычной обязанностью пользователя. Только так можно гарантировать сохранение личного архива и наработанного материала от различных неприятностей, связанных с выходом из строя техники, заражением вирусами, программными сбоями, ошибками пользователя. Параметры этих устройств, естественно, задаются объемом информации, которую нужно хранить.

3.        Создание и публикация в интернете результатов работы подразумевают наличие ПК, подключенного к интернету и снабженного современным программным обеспечением. Здесь достаточно стандартные требования, так как речь идет о текстовых, графических и пока еще редких видеоредакторах. Текст и графику для Web вполне можно обрабатывать и на машинах с 386 процессором, однако современное программное обеспечение на этих машинах работать не будет. Работа на старой технике – это проигрыш в скорости, качестве, возможностях и совместимости (масштабируемости), т.е. проигрыш в профессионализме.

При определении задач надо также учитывать те из них, которые могут появиться в будущем. Чаще всего это задачи, которые вы поручаете выполнять кому-то другому, так как вам кажется, что у вас нет времени на освоение методов их решения. Однако нередко больше времени уходит на объяснение работнику, что вы от него хотите получить, чем на освоение технологии, с помощью которой все можно сделать самостоятельно.

Практически все то, что касается общения с Web на уровне пользователя: настройка персональной телекоммуникационной техники и программного обеспечения, поиск информации в интернете, подготовка и разработка веб-страниц, публикация материалов, раскрутка своих ресурсов, доступно любому человеку, умеющему включать компьютер в розетку.

Анализ условий работы и образа жизни

В бестселлере 70-х годов прошлого века «Физики продолжают шутить» приводятся такие расшифровки понятий «портативный» и «полупортативный». Портативный – снабжен ручкой; полупортативный – снабжен двумя ручками. Портативные, т.е. переносимые в кейсе, компьютеры обладают примерно такими же возможностями, как и настольные машины, и одновременно позволяют организовывать рабочее место, в том числе и с доступом в интернет, везде, где можно найти, куда присесть.

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

Здесь дело не только в сравнительных технических характеристиках, хотя ноутбуки явно уступают настольным компьютерам в надежности сохранения данных, но и в самом способе работы с той или иной техникой. Настольный компьютер конечно же намного эргономичнее портативного, что немаловажно при многочасовой работе. Поэтому не следует экономить на качестве монитора, а также на дополнительном оборудовании рабочего места: стуле, рабочем столе, освещении, клавиатуре, мыши и прочих «мелочах».

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

Нужно сказать несколько слов и о так называемых «наладонниках» (от англ. palmtop), или карманных компьютерах, которые, конечно, не предназначены для серьезной стационарной работы, но могут быть использованы в качестве органайзера, блокнота, временного хранилища информации, сотового телефона, диктофона, фотокамеры (а в будущем и видеокамеры) и т.п. Карманный компьютер действительно становится карманным офисом.

Идеальная и полная схема компьютерного оборудования может представлять собой следующую конфигурацию:

1)      настольный компьютер, подключенный к интернету;

2)      настольное периферийное оборудование: принтер и сканер;

3)      ноутбук с выходом в интернет, а также цифровая камера и диктофон;

4)      карманный компьютер (с выходом в интернет).

Все эти устройства, естественно, должны иметь возможность обмениваться информацией друг с другом. Как правило, если эти устройства одного поколения, то такая возможность существует. Примерная стоимость всего этого на сегодня 3–5 тыс. долл.

Совместимость с имеющимся оборудованием и переносимость информации

Важнейшим критерием при выборе конфигурации является обеспечение совместимости с другой компьютерной техникой и возможность переноса информации. Что касается совместимости оборудования, связанного с конкретной машиной, то об этом стоит поинтересоваться при приобретении тех или иных устройств. Подобная информация должна быть в технической документации, ее также легко найти в интернете. Подавляющее большинство домашних (и офисных машин) – это машины типа IBM PC, на которых установлена операционная система семейства Windows. Этого в большинстве случаев достаточно для обеспечения совместимости, однако выяснить это все-таки надо, особенно если устройства существенно отличаются по году выпуска.

Что касается обеспечения переносимости информации, то для этих целей сегодня существует множество устройств, отличающихся объемом информации и скоростью записи/считывания. Перенос информации – задача типичная для всех, кто использует компьютер для изготовления какого-либо продукта. Традиционными (стандартными) решениями являются дискеты и CD R (CD RW) диски. Однако и дискеты (слишком маленький объем), и CD (слишком медленная запись) уступают другим более современным способам записи. В качестве примера приведем обзорную статью, иллюстрирующую решения подобной проблемы. Кстати, эта статья одновременно является хорошим примером того, как надо искать техническое решение.

________________________________________________________________

ИЛЛЮСТРАЦИЯ

Денис Степанцов

КАРМАННЫЕ ГИГАБАЙТЫ 2.0

К написанию этого материала меня подтолкнула в общем-то совершенно банальная история: однажды мне потребовалось перенести с одного компьютера на другой немногим больше двух гигабайт данных.

Ну и что здесь такого? – спросите вы. – Купил три-четыре болванки понадежнее, раскидал «Нерой» свои два гигабайта, записал и неси куда хочешь, CD-ROM сейчас на любом месте найдется. В другой ситуации я бы так и поступил, поспорив, правда, насчет «любого места»: в иных офисах CD-ROM можно отыскать только на машине системного администратора, а на рабочих местах он никому не нужен, все необходимое можно инсталлировать по локальной сети. Но ситуация складывалась таким образом, что два (один, три, десять, как повезет) гигабайта мне грозило носить туда-сюда постоянно. Следовательно, вопрос о выборе и приобретении портативного (и, главное, емкого) носителя информации вставал ребром.

На Западе, если у пользователя возникает проблема, он идет в ближайшую компьютерную лавку к торговому менеджеру. Тот выслушает, сопоставит высказанное с базой данных и при помощи одного-двух триггеров выдаст готовое решение, после чего пользователю останется только отнести «президентов» в кассу. Наш человек таким тривиальным путем не пойдет никогда, ибо проблема сводится к поиску решения с возможно меньшими материальными затратами. Разложит проблему на составляющие, соберет в другом порядке в голове, расспросит друзей и знакомых: не покупал ли кто чего похожего, а если покупал, не было ли при этом каких неприятностей. Затем отберет несколько возможных решений, узнает, во что обойдется каждое, обежит несколько магазинов, побеседует с менеджерами на предмет надежности производителей, в общем, проделает такую массу работы, что можно предположить, будто покупается не железка, а, по меньшей мере, дом с участком земли. Что поделаешь? Так уж устроен всякий российский пользователь, и ваш покорный слуга не исключение.

У любого портативного носителя информации есть четыре основных критерия: интерфейс (определяющий универсальность устройства), скорость обмена данными, возможный объем и стоимость хранения мегабайта информации. Самыми распространенными на сегодняшний день можно считать USB-носители на основе энергонезависимой флэш-памяти (их еще часто называют USB-драйвами, или флэш-драйвами). Фактически они заменили вымирающие 3,5-дюймовые дискеты. В универсальности интерфейса сомневаться не приходится – парк устаревших машин в крупных городах обновлен практически полностью, и редко на каком «мастодонте» не встретишь разъема USB. Другое дело, что в массе это, конечно, не 2.0, а 1.1, но здесь уж ничего не поделаешь, не пенять же на владельца ПК за то, что он не сменил материнскую плату только ради вашего удобства и экономии времени. К тому же, если речь идет об объеме менее 512 Мбайт, временные издержки не так уж и значительны.

<…>

Тем не менее, несмотря на всю привлекательность USB-драйвов, я отбросил этот вариант. Во-первых, необходимый мне объем все же превышал планку в 1 Гбайт, а во-вторых, цена уж больно кусалась: за 1 Гбайт JetFlash (Transcend) просили $325, а за аналогичный «брелок» на 2 Гбайта – $725, что представлялось совсем уж неприличным. Хотя, надо отдать должное, для переноса небольших объемов данных (до 256 Мбайт включительно) «USB-дискеты» – решение отличное как с точки зрения универсальности, так и цены (от $20 за 64 Мбайта до $70 за 256 Мбайт).

Карты сменной памяти с интерфейсом CompactFlash теоретически решают проблему объема: сегодня, особо не утруждаясь поисками, можно купить 1 Гбайт, а поискав, даже 2 или 4 Гбайта. Впрочем, такие гигантские (по меркам карт памяти) объемы и цены имеют гигантские: за карту в 2 Гбайта от Transcend (45x) просят около $840, а четырехгигабайтная от Lexar Media обойдется, ни много ни мало, в $1345 (!), за те же деньги можно приобрести ноутбук с весьма приличными характеристиками и винчестером гигабайт на 40. CompactFlash 1 Гбайт (40х) также недешева. В среднем карта такого объема стоит $250, и нетрудно подсчитать, что стоимость 1 Мбайта приближается к четверти доллара. Остается надеяться на снижение цен, поскольку с точки зрения скорости, универсальности и компактности у флэшек все в порядке. Card-reader с интерфейсом USB 2.0 можно приобрести всего за $15, а меньший объем в сумке или кармане займет, пожалуй, только USB-брелок.

Очень привлекательным решением (забегая вперед, признаюсь, я чуть было на нем не остановился) мне показалась последняя модель Zip-драйва с объемом носителей в 750 Мбайт. У полиграфистов и корпоративных пользователей Zip-диски до сих пор считаются одними из самых надежных и недорогих носителей. При ближайшем рассмотрении понравилось мне и то, что эволюционировавший привод стал весьма компактным (и стильным) по сравнению с его 100- и 250-мегабайтными предшественниками. При габаритах 26х24,5х10 см новый Zip весил всего 650 г, и хотя цену самого привода ($185) нельзя было назвать самой низкой (в конце концов, это вложение единовременное), полтора цента за мегабайт информации впечатлили.

Правда, решение было универсальным не до конца: USB 2.0 устраивал полностью, но смущала перспектива постоянно таскать с собой диск с драйверами. Вещь не тяжелая, но, во-первых, не каждый захочет ставить на свой компьютер лишние драйверы. Во-вторых, при необходимости переписать гигабайт пять пришлось бы таскать с собой семь дисков (а это еще $80), а в-третьих... Время терпело, я мысленно поставил напротив Zip жирную галочку и решил еще немного подумать.

На этом месте нетерпеливый читатель должен воскликнуть: «Да что ж так долго думать, ведь всем известно о существовании портативных винчестеров ZIV.» Конечно, известно, причем если к первым версиям были законные претензии по поводу скорости передачи данных по USB 1.1, то «издание второе, USB 2.0 (ZIV2)» эту проблему решало полностью. Более того, можно было не опасаться за надежность, ибо компактный алюминиевый корпус предохранял винчестер от всех неожиданностей, включая даже возможное попадание под колесо автомобиля. За $200 сегодня можно приобрести 20-гигабайтную версию ZIV2, а ведь существуют и 30-, и 40-гигабайтные по ценам в $230–250 и $250–270. Решение отличное, и только менталитет российского пользователя, о котором я упоминал в начале статьи, удержал меня от банального звонка в интернет-магазин. Коли проводить маркетинговое исследование, так уж до конца.

Решение пришло, как водится, совершенно неожиданно. Рассматривая мелочовку на витрине одного компьютерного салона, я приметил черно-бело-красную коробку с надписью «Tekram TR-621 USB 2.0 External Hard Drive Box». При ближайшем рассмотрении (менеджер любезно достал девайс с витрины) оказалось, что это внешний кейс для винчестеров с искомым интерфейсом. «Идеальное решение проблемы!» – мелькнуло в голове. Приобрети я, положим, такой симпатичный кейсик ($35), добавь к нему ноутбучный 2,5-дюймовый винчестер на 10 Гбайт ($90) – вот тебе и готовый портативный девайс со стоимостью хранения в $0,012 за мегабайт. Компактность обеспечена, внешнее питание не потребуется, а симпатичный какой, и фирма известная... Надо ли говорить, что сердце мое было покорено, и через несколько минут коробочка с «Текрамом» перекочевала в рюкзак?

В тот же день мне удалось приобрести 10-гигабайтную Toshiba, вечер ушел на то, чтобы еще раз полюбоваться на приобретения со всех сторон (особенно порадовал легкий алюминиевый корпус и симпатичная сумочка для транспортировки) и «упаковать» диск на предназначенное ему место, а наутро я уже нес в редакцию тексты, многомегабайтные картинки и все, что к этому полагается. «Самопальный» девайс работал безупречно, еще раз подтверждая известное высказывание Александра Грина о том, что чудеса надо делать своими руками. Дешевле выйдет.

Компьюлента http://www.compulenta.ru/

Домашний компьютер.2003 http://www.w3.org/TR/html4/strict.dtd

________________________________________________________________

Оптимизация выбора компьютера

Рабочий компьютер, к сожалению, нужно приобретать с запасом, поэтому конфигурируя оборудование, надо иметь в виду возможность заменить впоследствии устаревшие узлы или установить новые. У большинства домашних пользователей в России компьютер постоянно эволюционирует, хотя на самом компьютерном рынке процессы скорее революционного свойства, чем эволюционного. Подталкивает к постоянному обновлению и политика в сфере программного обеспечения, которое будто специально ориентируется на все большие ресурсы. Одновременно железо дешевеет и тоже стимулирует обновление. При покупке всегда оценивается такой показатель, как «цена/качество». Допустим, вы хотите купить винчестер, изучаете прайс (см. таблицу) и видите, что стоимость 1 GB для модели: 40 GB равняется 1,475 долл., 80 GB – 0,825 долл, 120 GB – 1 долл. Оптимальным является вариант модели в 80 GB.

Выбирая этот вариант, вы, естественно, предполагаете, что вам хватит для ваших задач этих 80 GB по крайней мере на год работы (как показывает практика, не более чем на год работы). Аналогично принимаются решения и относительно тактовой частоты процессора и объема оперативной памяти. Сложнее и ответственнее выбор материнской платы, так как ее замена – это уже не эволюция, а революция, не только в сложности монтажа, но и, как правило, в необходимости менять и процессор, и память, поэтому материнскую плату надо выбирать с запасом, т.е. она должна быть рассчитана (что указывается в техдокументации) на процессоры, которые только появились на рынке и поэтому дороги. Немаловажными являются и другие узлы. Например, корпус, на котором тоже не следует экономить. Он, как правило, выживает в революциях дольше всего остального. Общий совет: прежде чем делать покупку, прочитайте в интернете обзоры положения на компьютерном рынке.

в начало

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

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

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

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

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

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

Браузеры

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

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

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

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

Главная задача почтовых программ – обеспечение работы электронной почты, составление архивов, работа в конференциях. Среди интересных почтовых программ укажем также The Bee (http://www.avtlab.ru). Ее особенности: быстрый доступ и работа в любых условиях с электронной почтой (Е-mail), группами телеконференций (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-файлов следующими способами: удаление ненужных кавычек у значений параметров, удаление параметров с пустыми значениями, удаление двойных пробелов, пустых строк, двойных &nbsp и др., удаление комментариев, удаление ненужных метатэгов, удаление и замена тэгов по желанию пользователя и др.

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 являются текстовыми, их можно редактировать с помощью любого текстового редактора, в том числе и блокнота.

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

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

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

Среди полезных утилит укажем XNView (http://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, filel0.jpg, filell.jpg, file2.jpg, ... file9.jpg в файлы: file0l.jpg, file02.jpg, ... file09.jpg, filel0.jpg, filell.jpg. Также она может переименовывать с учетом директории (папки), в которой находятся файлы. Перед переименовыванием файлы могут сортироваться: по имени, по дате, по размеру, по номеру в имени, по дате в имени, по данным из Exif тэга. Поддерживает мультиязычность.

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

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

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

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

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

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

Виртуальный (веб-) хостинг – это услуга, позволяющая клиенту иметь собственное доменное имя (http://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-адрес посетителя, его регистрационные данные, географическое нахождение и т.п. Сервис необходим при раскрутке сайта.

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

в начало

Глава 3. Редакция веб-издания – основные инструменты

Офисное оборудование

К офисному компьютерному оборудованию редакции предъявляются те же требования, что и к любому офисному компьютерному оборудованию. Единственно, о чем здесь стоит упомянуть, так это об обеспечении безопасности. Она может быть обеспечена в том случае, если машины, на которых хранится конфиденциальная информация или важная системная информация, потеря которой может вызвать серьезные проблемы в работе редакции, не будут подключены к локальной и тем более глобальной сети. Что касается качества и уровня офисной техники, то это современные машины, мониторы (лучше плоские) не ниже 17", сканеры, принтеры (лучше лазерные) и т.д. Экономить можно: на объеме долговременной и оперативной памяти, видео- и аудиокартах, периферийных устройствах.

Рабочие места редакторов и корреспондентов

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

Рабочие места веб-дизайнера и веб-мастера

Компьютер. Конечно же, в этой деятельности маки (компьютеры Apple Macintosh) вне конкуренции. Выбор маков для издания, выпускающего и бумажную, и электронную продукцию, является оптимальным. Однако собственно для веб-издания вполне достаточно IBM PC. Более важен подбор профессиональных мониторов, сканеров, цветопробных принтеров, калибровочных и измерительных устройств.

Монитор. Прежде всего не стоит ориентироваться на бизнес-модели и на такие марки, как Samsung или LG. Среди производителей качественных мониторов можно назвать такие марки, как Elsa, LaCie, Eizo, Nee, а также стоит обратить внимание на новые модели Mitsubishi с укороченной трубкой. Что касается плоских мониторов, то для графических станций их использование сопряжено с рядом функциональных ограничений.

Устройства настройки и контроля цветопередачи. Среди производителей систем контроля цветопередачи лидером считается Gre-tagMacbeth. Услуги же сквозной цветокалибровки и соответствующее оборудование предлагает целый ряд поставщиков. Выбор той или иной компании-поставщика может определяться наличием или, напротив, отсутствием всей линейки оборудования, которое вам необходимо. Общий принцип «один поставщик – один сервис».

Принтер. Принтеры бывают лазерные и струйные, А4 и A3 формата, черно-белые и цветные. Для полиграфических работ необходимы принтеры с поддержкой PostScript. Основная нагрузка ложится, как правило, на черно-белые лазерные принтеры. Модели формата А4 от OKI, HP, Brothers или других производителей могут использоваться и для офисных целей. Для работ большего формата или для вывода калек требуются принтеры формата A3. Среди лучших – Minolta-QMS, GCC, а также HP или Xerox. Для дизайнерской цвето-пробы используются Xerox Phaser или Epson Stylus Pro.

Сканер, цифровая камера, слайд-сканер. К полупрофессиональным сканерам относят старшие модели Umax PowerLook, Microtek Scan-Maker или ArtixScan. Для более серьезных задач используются барабанные сканеры Howtek HiResolve (Sprint или 8000), Screen 8060 и ColourPeople ICG 370 или профессиональные планшетные модели Agfa, Creo, Esko-Graphics или Screen. Профессионального качества цифровые камеры выпускают Minolta, Nikon или Olympus.

Графический планшет. Это устройство обеспечивает возможность перьевого ввода, а технологию чувствительного к нажатию перьевого ввода поддерживают Photoshop, Painter и ряд других графических программ. Графический планшет предоставляет компьютерному дизайнеру практически те же самые возможности, что и его коллеге, работающему карандашом, аэрографом и кистью. Также планшеты используются для прорисовки и для конструкторских работ. На рынке планшетов представлены модели Aiptek и Genius, но лидером считается компания Wacom, относительно недавно выпустившая модель Cintiql8sx со встроенной 18-дюймовой жидкокристаллической панелью, которая позволяет «рисовать» непосредственно на экране! Для малобюджетных организаций интерес может представлять новая (для России) модель графического планшета Wacom. К этим устройствам можно также отнести специальные предназначенные для рисования мыши как дешевое и мобильное решение.

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

И несколько слов о программном обеспечении для верстки.

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

Здесь можно указать такие приложения, как 3DMax, Bryce и Poser, а также Macromedia. Freehand MX, Expression, Xara, MaskPro 3, Right Hemisphere.

Среди программ верстки укажем QuarkDDS, Corel Ventura 10, a также FrameMaker 7 InDesign 3 от Adobe.

Для стадии допечатной подготовки PDF Sages и Apago выпустили PDF Enhancer, Dynagram – INposition Lite 5.0; Callas – MadeToPrint. Creo выпустила Pandora 2.0 с поддержкой стандарта JDF (Job Definition Format).

Веб-верстка

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

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

Общая идея подобного режима работы заключается в использовании шаблонов страницы, чтобы была возможность менять как содержание, так и оформление элементов шаблона. Страница разбивается по сетке на отдельные области, информация для каждой из которых хранится отдельно и отдельно редактируется. Самый простой способ реализации этих функций – использование технологии SSI (включение на стороне сервера), однако при этом все равно остается много ручной работы.

Существенно больше возможностей предоставляет связка, ставшая сегодня стандартной:

Apache + PHP + MySQL + Perl,

где Apache – это сервер, PHP – предпроцессор гипертекста – инструмент для программирования веб-страниц; MySQL – реляционная база данных; Perl – язык, на котором можно написать программы управления данными на сервере (серверные скрипты CGI).

Происходит это примерно следующим образом. Вы создаете шаблон или несколько шаблонов страниц, разбиваете шаблоны на элементы – зоны. Все то, что в этих зонах может меняться: параметры шаблонов, заголовки, тексты, интерактивные элементы (опросы, запросы, регистрации и т.п.), должно иметь соответствующие таблицы в базе данных MySQL. Таблицы наполняются необходимой информацией. Остается только прописать (с помощью РНР или Perl) условия вызова той или иной информации из базы данных. Для пользователя операция обращения к базе данных будет выглядеть как переход к другой странице по ссылке. Если при этом вы создадите веб-интерфейс администратора или редактора издания, то публикацию новых статей сможет осуществлять человек, не обладающий высокой пользовательской квалификацией, практически нажатием двух кнопок. Ему достаточно будет, следуя несложным правилам, вставить в специальное окно приготовленный заранее текстовый файл и ответить на ряд вопросов в диалоге. Поэтому в принципе возможен режим, при котором публикацию своих собственных статей смогут осуществлять самостоятельно их авторы, находящиеся на другом конце земного шара.

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

Для разработки подобной системы слишком высокой квалификации не требуется. Кроме того, систему администрирования сайта можно заказать у разработчиков веб-дизайна. Для отладки комплект Apache + PHP + MySQL + Perl можно установить на локальной машине под WIN, что обеспечит полный контроль за сайтом со стороны его хозяев.

Существуют и более совершенные готовые решения, так называемые программы управления контентом. Это системы, обеспечивающие управление наполнением сайтов, CMS (от англ. словосочетания Content Management System). Под контентом (наполнением) понимается все информационное содержание сайта. CMS обычно включают набор интерфейсов для полного управления контентом сайта – от простых текстовых страничек до новостной колонки, онлайновой биржи труда, виртуального магазина и т.п. Архитектура подобных систем разрабатывается с целью обеспечить максимально возможную гибкость и расширяемость, что позволяет создавать сайт с произвольным количеством разделов, подразделов и страниц, наполнять информацией страницы сайта при помощи удобного визуального редактора. Приведем в качестве примера описание одной из таких программ.

________________________________________________________________

ИЛЛЮСТРАЦИЯ

ПРОГРАММНЫЙ КОМПЛЕКС АВТОМАТИЧЕСКОЙ ВЕРСТКИ И ПУБЛИКАЦИИ ONLINE-ИЗДАНИЙ PVONEWSONLINEv4

Традиционно, на протяжении нескольких столетий, периодические средства массовой информации были доступны широкому кругу читателей лишь в ограниченном количестве бумажных экземпляров. Вместе с ростом популярности газет и журналов, увеличения тиражей и количества выпускаемых изданий, расширением круга тематик развивалась и технологическая база публикации периодики. К концу XX века вместе с развитием информационных технологий и всеобщей компьютеризацией новым направлением распространения и получения информации стал Internet. Международная компьютерная сеть как универсальный источник информации и мощное средство коммуникации, с одной стороны, составила реальную конкуренцию печатным изданиям, а с другой – предложила неограниченные возможности для удобного размещения номеров, рекламы изданий и взаимодействия с читателями. Поэтому сейчас практически все крупные периодические издания имеют свои сайты в Internet, где online-читатели могут ознакомиться как с самыми свежими номерами, так и найти старые архивные выпуски. Наличие сайта в Internet дает изданию широкий ряд преимуществ, таких как расширение круга читателей, повышение рейтинга издания, эффективности и качества отображения и распространения информации, возможность проведения опросов, форумов.

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

Именно для этих целей и разрабатывался комплекс программных модулей PVD NEWS SYSTEM v4 (http://www.pvdlab.net). Он не только позволяет избавиться от всех описанных проблем, но и гарантирует широкий ряд других не менее важных и интересных возможностей: удобный интерфейс – вашим читателям, бесперебойный вывод внесенного вами контента на сайте – вам. Если для вашего издания в Internet вы возьмете за основу данный программный продукт, то продуктивность работы над выпусками и популярность вашего издания значительно вырастут, а трудоемкость и потраченное время несоизмеримо сократятся. И конечно же работа с программой практически не требует от пользователя инженерной квалификации, в отличие от традиционного способа верстки выпусков.

Простота интерфейса. Если вы просто корреспондент, автор статьи, то вам не составит ни малейшего труда освоить эту программу и успешно использовать ее для работы над своими материалами. Интерфейс PVD NEWS SYSTEM v4 интуитивно понятен, легок в восприятии, удобен в использовании. Чтобы работа над статьей и ее публикацией не превратилась в утомительное и скучное занятие, рабочее пространство статьи снабжено графическими кнопками, такими как «редактирование заголовка», «удаление», «редактирование статьи», «отправка на проверку редактору» и т. д. А если вы редактор и материалов слишком много, чтобы не запутаться в море информации, используются индикаторы состояния, удобные виды и динамическое меню.

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

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

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

Разделение ролей. Несомненно, что если работать над своей статьей на сайте, используя данную программу, может любой автор, корреспондент, то в кругу пользователей программы предполагаются различные права и обязанности. Поэтому PVD NEWS SYSTEM v4 предоставляет условное разделение всех пользователей на 3 группы: admin, editor, user. Конечно же в зависимости от роли пользователя определяется его доступ к статьям и возможность осуществлять определенные функции. Все пользователи регистрируются администратором с определением ролей для каждого. Кроме того, администратор берет на себя ответственность за настройку прав доступа, стилей, разделов и шаблонов выпусков.

Юзер, а это просто автор статей или анонсов, может создавать и редактировать все свои работы, отправлять их на проверку редактору. Прошедшие проверку статьи публикуются на сайте редактором, не прошедшие возвращаются с комментариями.

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

Стандартные функции. Свежие анонсы, ссылки между разделами, указатели на архивные выпуски, древовидная структура разделов, опросы, диаграммы, форумы, система поиска – неотъемлемые компоненты хорошего информационного сайта. Поэтому при использовании данного программного продукта вы не только оцените его персональные преимущества, но и не лишитесь возможности предоставить своим читателям перечисленные стандартные сервисные функции.

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

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

Рассылка. Три типа рассылки: автоматическая – при публикации статьи, собственная – своя информация для ваших подписчиков и статьи за период – вы можете задать период и подписчики получат статьи, входящие в него. Модуль подписки позволит посетителям вашего сайта подписаться/отписаться/изменить запись подписки, а также сменить пароль и выбрать интересуемые разделы для получения из них статей. Виды рассылки: на E-mail, на ftp, как файл, а также по заданному подписчиком временному промежутку: каждые N минут или в определенные часы.

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

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

Интеграция. Помимо преимуществ системы с точки зрения пользователей, будь то читатели вашего сайта или авторы статей, PVD NEWS SYSTEM v4 имеет еще одно важное достоинство. Это интегрируемость и многрплатформенность. Поскольку система написана на языке программирования Perl, она может быть установлена на любой платформе, будь то Linux, Unix, Windows или что-либо другое. Модуль криптования выставит защиту на ваш сайт для доступа сотрудников. Технология «Модульная сетка» позволит вам расположить модули отображения новостей в любом месте ваших страниц, а внутренние модули распознают языковой тип и покажут вам самые свежие новости, а также ссылки на архивные выпуски и поиск.

Что нужно для продуктивной и успешной работы? Прежде всего хорошие средства и условия труда. Если вы публикуете свои материалы в Internet и у вас возникли проблемы со средством труда – оно уже не соответствует уровню вашего издания, либо вы решили избрать для себя наиболее легкий и удобный способ работы над вашей газетой (журналом) on-line или в конце концов вы просто предпочитаете идти в ногу со временем и не боитесь новшеств, то PVD NEWS SYSTEM v4 – прекрасная возможность реализовать ваше желание. А если у вас вообще нет сайта в Internet, то вам действительно надо серьезно призадуматься над решением этой проблемы. За окном уже XXI век...

Источник: http://www.pvdlab.net/ru

________________________________________________________________

Дизайн редакции

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

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

в начало

Глава 4. О чём нужно спрашивать провайдера

Выбор хостинг-провайдера – основа успешного представительства в сети. Выбирая поставщика услуг, полезно выяснить следующие параметры:

1.        Объем дискового пространства. Большинство хостинг-провайдеров предоставляет пространство от 50, 100, 200 Мбайт по минимальному хостинг-плану. Это удовлетворяет запросам большинства клиентов. Однако если ваше представительство в сети намечается достаточно масштабным, то скорее всего вам будет необходимо большее дисковое пространство.

2.        Ограничения по трафику. Другим базовым параметром является оплаченный трафик. Трафик в данном случае – это объем информации, которую «скачают», заходя на ваш сайт, посетители. Некоторые провайдеры предлагают неограниченный трафик, но ограниченное дисковое пространство, некоторые, наоборот, дают много дискового пространства, но ограничивают трафик. Если вы рассчитываете на большую аудиторию, то предпочтительнее хосты с неограниченным трафиком.

3.        Доступ по FTP, E-mail, скрипты, БД. К счастью, эти запросы удовлетворяет большинство хостинг-провайдеров. Вы можете получить доступ к сайту по FTP, иметь неограниченное число аккаунтов РОР-3, собственную БД MySQL, CGI-сервисы, поддержку Perl, С, PHP MySQL. Следует выяснить, не взимается ли за использование этих услуг дополнительная плата. Даже если эти функции вам в настоящий момент не нужны, рекомендуем все же их заказать.

4.        Дополнительные платежи к установленному тарифу. Будьте внимательны и выясните, нет ли дополнительных платежей, которые не оговорены заранее. К ним, в частности, могут относиться: дополнительный исходящий трафик, использование дополнительных сервисов в пределах дискового пространства хостинга, которое вы арендуете.

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

6.        Статистика. Хостинг должен предоставлять:

•          статистику посещений по дням (число уникальных посетителей, число нажатий ссылок внутри сайта);

•          статистику посещений по часам;

•          статистику посещений каждой страницы в отдельности;

•          IP-адреса пользователей;

•          начальные страницы, на которые попадают пользователи;

•          последние страницы, с которых пользователи покидают ваш сайт;

•          сайты и страницы, содержащие ссылки на ваш сайт;.

•          поисковые слова и фразы, по которым пользователи поисковых систем вас находят;

•          браузеры, которыми пользуются посетители;

•          страны, жители которых посещают ваш сайт;

•          ошибочные ссылки на ваш сайт (и/или внутри вашего сайта).

Кроме того, существует множество дополнительных отчетов. Чем больше вы будете знать о жизни сайта, тем лучше сможете планировать его, прогнозировать посещаемость тех или иных разделов, регулировать ход рекламной кампании сайта.

Необходимо также получить доступ к лог-файлам (загрузочным файлам).

7.        Домены и поддомены. Прежде всего узнайте, предоставляет ли хостинг в ваше распоряжение поддомены (домены третьего уровня). Среднестатистический провайдер хостинг-услуг предоставляет около 6 поддоменов в ваше распоряжение, не взимая дополнительной платы. Обязательно выясните условия пользования поддоменами. Даже если сейчас вы не считаете необходимым их использование, то в дальнейшем поддомены могут оказаться полезным дополнением.

8.        Скорость интернет-каналов хостинг-провайдера. Скорость передачи данных должна быть не менее 155 Мбайт/с, но лучше не менее 2 Гбайт/с, если вы хотите, чтобы ваш сайт был доступен. Чтобы проверить скорость, можно посетить сайты, которые расположены на серверах компании, и посмотреть, как быстро они загружаются, естественно, с учетом графики.

9.        Сервер. Лучшее, что может быть сегодня, – это Apache, другое можно пока не рассматривать.

10.    Система безопасности. Поинтересуйтесь, насколько серьезно и с помощью каких средств защищен сервер. Проконсультируйтесь у сторонних специалистов об эффективности того уровня безопасности, какой используется у провайдера.

11.    Электронная почта. Если вы имеете свой домен, провайдер обязан предоставить в ваше распоряжение неограниченное число почтовых имен в пределах вашего домена (любое_имя@ваш_домен.ru).

Выясните, сколько аккаунтов РОРЗ будет в вашем распоряжении. Как минимум необходимо иметь 5 отдельных РОРЗ-аккаунтов, но лучше – неограниченное количество. Далее необходима веб-панель, с помощью которой вы можете просматривать почту, не загружая ее с сервера. Также, необходим e-mail forwarding – возможность переадресации электронной почты в пределах доменного имени и вне его, и автоответчик – возможность отправки письма пользователю прямо с сервера без вашего участия.

12.    Посетите офис компании.

в начало

Глава 5. Умение учиться – профессиональное качество веб-журналиста

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

Интернет действительно способен удовлетворить практически любые образовательные запросы. Если у вас появился вопрос относительно какого-то нового устройства или программного средства, то маловероятно, что этот вопрос возник только у вас. Скорее всего этот вопрос уже обсуждается на конференциях интернета или же присутствует в разделах FAQ (часто задаваемые вопросы). Так что вам остается только найти эти информационные ресурсы. Чаще всего, двигаясь таким путем, можно быстро получить ответ. Если найти его не удается, то либо вопрос поставлен некорректно, либо вы действительно обратили внимание на что-то новое, и тем ценнее будет для всех обсуждение вашего вопроса в соответствующих конференциях. Кроме того, у вас, как правило, есть возможность обратиться непосредственно к разработчикам техники и программ, найти и скачать посвященные данной теме руководства, учебные пособия, статьи и т.п. А также записаться на курсы, пройти тестирование и даже получить сертификат в интересующей вас области.

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

•           неопределенность, нелинейность, разрывность переходов;

•           фрагментарность и клиповость;

•           деканонизация ветхих ценностей и их профанация;

•           серфинг по поверхности информационного мира вместо углубленного погружения в него;

•           игровая реальность;

•           всеобщий плюрализм.

Умение учиться как профессиональное качество веб-журналиста

Кроме того, современная культурная традиция работы с текстом носит в основном книжный характер. Непросто научиться воспринимать объемный в своей основе гипертекст тем, кто всю жизнь учился в линейном пространстве методом «от простого – к сложному», «от общего – к частному». Поэтому гипертекст требует известных усилий по адаптации своего мышления к структуре интернета.

Для начала вновь вернемся к краткому знакомству с HTML. Рекомендуем найти в сети то руководство по HTML, которое вам больше понравится. Их диапазон начинается от «HTML для чайников» или «HTML за пять минут» до спецификаций языка HTML.

HTML-код страницы – это то, что вы увидите, если попросите браузер вам его показать, или то, что откроется вам при попытках редактирования страницы с помощью текстового редактора, например блокнота.

Пример самого простого гипертекстового документа:

<ТITLE>Пример HTML документа</ТITLE>

<Н1> Заголовок первого уровня</Н1>

<Р>Добро пожаловать в Internet! </P>

В примере использованы следующие термины гипертекста (так называемые тэги):

<TITLE> – тэг, использующийся для определения заголовка;

<Н1> – тэг заголовка первого уровня;

<P> – тэг параграфа.

В языке описания гипертекстовых документов все тэги парные. В конечном тэге присутствует слэш (/), который сообщает обозревателю о завершении. Не все тэги совместимы с обозревателями. Если обозреватель не понимает тэг, то он его просто пропускает.

Общая структура документа:

<html> – первый тэг документа;

<head>

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

</head>

<body>

А здесь размещается уже содержание страницы, размеченной с помощью тэгов. </body>

</html> – последний тэг документа.

Все, что окажется после него, отображаться не будет. Текст в HTML размечается с помощью тэгов и их атрибутов.

Например, запись:

<р class=«text» etyle=«word-spacing: 7; text-align: center; line-height: 200%; margin-left: 6%; margin-top: 23px; margin-bottom: 6px»>

определяет параметры форматирования абзаца: отступы, расстояние между словами, межстрочный интервал, выравнивание и т.п.

Особо следует остановиться на организации ссылок.

HTML позволяет вам связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием.

Для этого используется тэг <А>. После буквы А должен стоять пробел.

Запись выглядит примерно так:

<А HREF=«begin.html»>Bпepeд</A>

Здесь слово «Вперед» ссылается на документ begin.html, находящийся в той же директории, что и исходная страница.

Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной:

<А HREF=«01/begin.html»>Bперед</A>

Файл begin.html находится в нижней относительно исходного файла директории.

<А HREF=«../begin.html»>Bперед</A>

Файл begin.html находится во внешней относительно исходного файла директории.

<А HREF=«http://www.s.ru/begin.html»>Bперед</A>

Файл begin.html находится в интернете на сайте www.s.ru.

Общий шлюзовой интерфейс и формы HTML. Общий шлюзовой интерфейс (Common Gateway Interface) позволяет работать с данными веб-сервера в интерактивном режиме. Веб-сервер через CGI запускает поисковую программу и пересылает обработанные данные назад. Сама программа CGI хранится в каталоге CGI-BIN. Это означает, что файл из каталога CGI-BIN – всегда исполняемый файл. Если CGI-программа, например, взаимодействует с системой управления базой данных, то пользователь может получать некоторую интересующую его информацию в интерактивном режиме.

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

Форма представляет собой гипертекстовую страницу с одним или несколькими полями данных и специальной кнопкой для передачи введенной информации.

Как и код любого гипертекстового документа, код формы начинается с тэга

FORM ACTION = /CGI-BIN/begin.PL и заканчивается тэгом /FORM. ACTION.

Аргумент ACTION – это URL программы CGI, т.е. /CGI-BIN/begin.PL.

METHOD – метод, используемый для запроса данных. Этот параметр задает режим передачи данных из формы в программу CGI. Основные режимы передачи – GET, HEAD и POST. Программа CGI должна поддерживать один из этих режимов, иначе обработки данных не произойдет.

В режиме GET данные входят через URL в строку запроса. Например, если программа обработки данных begin.PL лежит в каталоге CGI-BIN, то запрос HTML пойдет на сервер через ACTION следующим образом:

FORM ACTION=/CGI-BIN/begin.PL METHOD=GET

Теперь сервер знает, где находится программа begin. PL, поэтому он ее запустит в режиме GET. Программы CGI получают данные от переменных окружения и посылают выходные данные через общий шлюзовой интерфейс обратно пользователю. Например, после ввода тэга A HREF=begin.html на сервер пойдет запрос GET /begin.html. Заголовок GET определяет получение документа begin.html в корневом каталоге сервера.

в начало

Глава 6. Проектирование структуры сайта

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

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

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

Типы структур

Плоская структура (звездная или полносвязная). Имеется головной документ (домашняя страница), который имеет ссылки на все остальные документы узла. Такую структуру имеют многие домашние страницы и корпоративные узлы «визитки». Под узлом «визиткой» подразумевается некий узел, имеющий типичные страницы: «О компании», «Наши услуги», «Как с нами связаться», «Наши партнеры», «Наши клиенты». Подобная структура имеет смысл для узла, насчитывающего не более 15 документов.

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

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

Комбинированная структура. Подавляющее большинство крупных узлов: будь то каталог, корпоративный узел или информационный узел – организованы следующим образом.

Верхний уровень (домашняя страница, группа вспомогательных документов, индексы разделов) организован как плоская структура.

От заголовков разделов исходят древовидные конструкции, объединяющие документы, относящиеся к этим разделам, часто имеющих ссылки только на своих прямых «родственников» и «родителей». Листьями этих деревьев могут быть отдельные документы, плоские или линейные структуры.

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

Таким образом, структура сайта – это одновременно и карта его развития.

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

Организация домашней страницы. Одним из основных элементов навигации является домашняя страница узла. Эта страница, показывается при запросе корня сервера, например: http://www.Moft сайт.ru/. Как правило, домашняя страница хранится в файле index.htm или index, html.

Заставка. На некоторых узлах встречается особый тип домашней страницы – страница-заставка. Такая страница не несет никакой информационной нагрузки и зачастую не содержит текста, только графику. В те времена, когда не существовало серверов, автоматически перекодирующих русский текст, главной ее целью было предоставление возможности выбора варианта кодировки русского текста. Теперь эта необходимость отпала, но страницы заставки остались. Функционально они еще используются как ключи, например выбор режима «только текст» или «без фреймов», но и эти функции постепенно теряют актуальность. На заставку возлагается функция, аналогичная функции обложки журнала: минимум информативности, максимум иллюстративности, но с учетом скорости загрузки. Заставка, вообще говоря, не является домашней страницей, а только входом в нее. Роль собственно домашних страниц выполняют презентационные и информационные домашние страницы.

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

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

Карта сайта (тар). Это основной элемент навигации, который может быть размещен как на домашней странице, так и на отдельной странице. Задача карты сайта, как и любой другой карты, наглядно показать структуру информации, размещенной на сайте.

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

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

Советы по организации домашних страниц

1.      Актуальная информация должна быть представлена на первом экране; если ее много, используйте анонс со ссылкой.

2.      Элементы навигации (меню) должны быть стандартными или легко узнаваемыми. Панели навигации должны находиться на одном экране.

3.      Домашняя страница показывает посетителю то, что есть на сайте и ничего больше.

4.      Домашняя страница должна занимать максимум 30–40 Кбайт, иначе посетитель не дождется, пока она загрузится.

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

6.      Принимайте по возможности нестандартные решения.

Принципы построения системы навигации

Навигация узла подразделяется на две части – глобальную и местную. Глобальные «магистрали» должны позволять посетителю быстро перемещаться из одной опорной точки узла в другую, а местные «дорожки» – легко перемещаться в пределах одного раздела или группы документов.

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

Целесообразно элементы локальной навигации визуально отделять от элементов глобальной, но так, чтобы они в то же время выглядели как единое целое.

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

То, что кажется очевидным вам, совсем не очевидно пользователю; поэтому протестируйте систему навигации на разных людях.

в начало

Резюме

ü        Основная ставка должна быть сделана на самообразование, причем на самообразование в интернете.

ü        Оборудование рабочего места веб-журналиста выбирается из следующих общих соображений:

•         достаточность для решения актуальных задач и задач, которые, вероятнее всего, появятся в ближайшем будущем;

•         соответствие условиям работы и образу жизни;

•         совместимость с имеющимся оборудованием и переносимость информации;

•         соответствие современному уровню развития техники и возможность апгрейда;

•         оптимальность отношения «цена/качество (возможности)».

ü        Работа веб-журналиста включает:

•         организацию коммуникаций и сбор информации (из всех доступных источников, в том числе из интернета);

•         приведение информации к виду, удобному для архивирования и анализа;

•         создание и публикацию в интернете результата работы с информацией, т.е. создание интерактивного информационного интернет-ресурса.

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

ü        Бытует мнение, что подготовка содержания (контента) публикации и ее гипертекстовое оформление – это две разные задачи, которые могут выполнять разные специалисты: содержание готовит журналист, а кодировку в HTML осуществляет веб-дизайнер или веб-мастер. Такое положение вещей носит временный характер. Пока журналисты не научатся мыслить и писать категориями гипертекстуальной реальности, онлайновая журналистика будет оставаться традиционной журналистикой.

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

Обсуждение заинтересовавших вас моделей постарайтесь найти на форумах и затем соотнесите отношение «цена/качество».

ü        Выбор хостинг-провайдера – основа успешного представительства в сети. Выбирая поставщика услуг, полезно выяснить следующее: 1) объем предоставляемого под сайт дискового пространства; 2) существуют или нет ограничения по трафику; 3) есть ли доступ по FTP, e-mail, скрипты, БД; 4) какие существуют дополнительные платежи к установленному тарифу; 5) как работает служба поддержки; 6) статистика; 7) домены и поддомены; 8) скорость интернет-каналов хостинг-провайдера; 9) сервер (лучшее, что может быть сегодня, – это Apache); 10) система безопасности; 11) электронная почта.

ü        Интернет способен удовлетворить практически любые образовательные запросы.

ü        Если у вас появился вопрос относительно какого-то нового устройства или программного средства, то маловероятно, что этот вопрос возник только у вас. Скорее всего, этот вопрос уже задан и уже обсуждаем на интернет-конференциях или же присутствует в разделах FAQ.

ü        Советами по самообучению средствами интернета будет легко воспользоваться, если у вас не вызывает трудностей работа с информацией, представленной в форме гипертекста.

ü        Современная культурная традиция работы с текстом носит в основном книжный характер. Непросто научиться воспринимать объемный в своей основе гипертекст тем, кто всю жизнь учился в линейном пространстве методом «от простого – к сложному», «от общего – к частному». Поэтому гипертекст требует известных усилий по адаптации своего мышления к структуре интернета.

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

ü        От структуры сайта зависят удобство навигации и легкость редизайна сайта, его пополнения и добавления разделов.

ü        Типы структур: плоская структура (звездная или полносвязная); линейная структура (последовательная); древовидная структура; комбинированная структура.

ü        Навигация узла подразделяется на две части – глобальную и местную. Глобальные «магистрали» должны позволять посетителю быстро перемещаться из одной опорной точки узла в другую, а местные «дорожки» должны позволять легко перемещаться в пределах одного раздела или группы документов.

ü        Система навигации должна быть легкодоступна и не должна отягощать страницу и отвлекать от ее содержимого.

ü        То, что кажется очевидным вам, совсем не очевидно пользователю, поэтому протестируйте систему навигации на разных людях.

в начало

Ключевые понятия

Апгрейд

Архивирование

Гипертекстовая верстка

Гипертекстуальная реальность

Интерактивный информационный интернет-ресурс

Качество информации

Коммуникативные возможности проекта

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

Логическое структурирование

Навигация узла

Оборудование рабочего места

Оптимальность отношения «цена/качество (возможности)»

Организация коммуникаций

Переносимость информации

Правильная организация структуры сайта

Редизайн

Самообразование в интернете

Сбор информации

Система навигации

Совместимость оборудования

Типы структур

Хостинг-провайдер

в начало

Вопросы и задания

1.         Перечислите основные элементы рабочего места веб-журналиста.

2.         Что значит знать интернет?

3.         Какие вопросы нужно решить, прежде чем приступить к оборудованию рабочего места?

4.         Перечислите основные функции программного обеспечения для веб-журналиста.

5.         Какими возможностями обладает серверное программное обеспечение?

6.         Какими техническими возможностями должна располагать редакция веб-издания?

7.         Какое программное обеспечение нужно для веб-редакции?

8.         О чем нужно спрашивать провайдера?

9.         Что подразумевается под тезисом «Умение учиться – профессиональное качество веб-журналиста»?

10.     Как проектировать структуру сайта?

11.     Перечислите типы структур сайта.

12.     Перечислите средства навигации на странице.

в начало

на предыдущую страницу <<< к содержанию >>> на следующую страницу