<<
>>

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

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

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

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

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

Браузеры

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

Наиболее популярными браузерами являются Internet Explorer (поставляется вместе с операционными системами Windows, так что IE в большинстве случаев уже установлен на вашем компьютере), Netscape Navigator, Opera.

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

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

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

Главная задача почтовых программ — обеспечение работы электронной почты, составление архивов, работа в конференциях. Среди интересных почтовых программ укажем также The Bee (http://www.avtlab.ru). Ее особенности: быстрый доступ и работа в любых условиях с электронной почтой (Е-май), группами телеконференций (News) и основными сервисами ICQ (включая отправку SMS-сообщений на сотовые телефоны). The Bee не требует инсталляции, не сохраняет промежуточных результатов работы на локальном диске, имеет малый размер. Это позволяет запускать программу прямо с дискеты (или компакт-диска) на любом компьютере (в гостях, в Интернет-кафе и т.д.) без создания новых учетных записей и не беспокоясь при этом, что она оставит после своей работы что-то лишнее.

Редакторы HTML-страниц

HTML-редакторы делятся на две группы: визуальные HTML-редакторы и текстовые HTML-редакторы. Эти два типа редакторов во многом отличаются друг от друга принципом работы.

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

Визуальные ре­дакторы удобны тем, что при программировании страницы можно сразу видеть результат. Однако визуальные редакторы не лишены недостатков: 1) автогенерация кода, как правило, сопряжена с его неоптимальностью; 2) визуальные редакторы не успевают следить за нововведениями. Правда, у визуальных редакторов всегда имеется возможность редактировать код непосредственно. Наиболее удобные среди них Microsoft FrontPage поздних версий (присутствует в полном пакете Microsoft Office) и Macromedia Dreamweaver MX. Текстовый редактор Word со встроенной функцией «сохранить как вебстраницу» лучше не использовать, он генерит очень тяжелый и плохой HTML, который затем трудно редактировать. В .этом случае единственный выход — использовать макрос «Перестройка» (http://www.freesoft.ru/pageview.html?id=515&dl=0).

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

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

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

Например:

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

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

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

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

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

Редакторы CSS

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

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

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

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

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

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

<< | >>
Источник: Калмыков А. А., Коханова Л. А.. Интернет-журналистика . Первоисточник: М.: ЮНИТИ-ДАНА, 2005. — 383 с. — (Серия «Медиаобразование»).. 2005

Еще по теме Логический дизайн:

  1. Глава 13. Раскрутка сайта своими силами
  2. ПРИЛОЖЕНИЕ 3
  3. СОЦИАЛЬНО-ПСИХОЛОГИЧЕСКИЙ ПОРТРЕТ СОВРЕМЕННОГО СТУДЕНТА-ЖУРНАЛИСТА
  4. Логический дизайн
  5. Резюме
  6. СТАНОВЛЕНИЕ ДИЗАЙНЕРСКОГО ОБРАЗОВАНИЯ
  7. Мифотворчество как один из аспектов художественного мышления в творческой деятельности дизайнера
  8. Сущность, содержание и структура художественно-проектной деятельности студента-дизайнера
  9. Процесс применения метода
  10. Дизайн и отделка ресторана
  11. 1.2. Структурно-институциональный дизайн гражданского общества:системный анализ
  12. Справочная:
  13. 1.5. Эстетика повседневности
  14. Дизайн как диалог искусства и техники Design as Dialogue of Art and Technique
  15. ВВЕДЕНИЕ
  16. ВВЕДЕНИЕ
  17. Понятие и признаки дизайна одежды как результата интеллектуальной деятельности
  18. Патентно-правовая охрана дизайна одежды в законодательстве Российской Федерации
  19. БИБЛИОГРАФИЯ