Подготовка макетов для Web
Независимо от того, какой макет вы подготовили для размещения в Web, вам придется выполнить целый ряд задач по подготовке страниц к размещению в Internet, о чем мы и поговорим в настоящем разделе.
1. Экспортируйте полученный Web-макет в файлы HTML.
2. Скопируйте (выгрузите) полученные файлы HTML на Web-сервер. Подробно о подготовке страниц для Web-макета в QuarkXPress речь шла в главе 18.
Указание названий Web-страниц перед экспортом
Вы считаете, что уже указали названия для Web-страниц, не так ли? На самом деле в Web-проектах используется несколько типов названий. При экспорте Web-страниц вам придется иметь дело с названиями двух типов. Заголовок страницы. Это название, которое будут видеть посетители в строке заголовка броузера при загрузке вашей Web-страницы. Название экспортируемого файла. Это название, которое задается для файлов HTML при экспорте Web-макета.
Существуют такие названия, которые вы задаете для Web-макетов и проектов QuarkXPress; именно они отображаются в строке заголовка QuarkXPress. При экспорте Web-макетов эти названия игнорируются.
Для начала откройте Web-макет QuarkXPress, после чего выберите команду Page^Page Properties (Страница^Свойства страницы). В появившемся диалоговом окне Page Properties (Свойства страницы) (рис. 19.1) укажите заголовок страницы в текстовом поле Page Title (Заголовок страницы). Под ним расположено текстовое поле Export File Name (Имя экспортируемого файла), в котором следует указать имя HTML-файла, получаемого в результате экспорта. Вам придется выполнить эти действия для каждой страницы в Web-макете, поскольку каждой странице соответствует отдельный файл.
Рис. 19.1. Диалоговое окно Page Properties
При указании имени файла в текстовом поле Export File Name (Имя экспортируемого файла) необходимо придерживаться следующих правил. Никогда не допускайте в именах файлов пробелов. Используйте в именах файлов только символы нижнего регистра. Применение символов верхнего регистра может привести к проблемам в работе некоторых Web-серверов, а также усложнит добавление гиперссылок в проектах. Никогда не используйте нестандартные символы или символы пунктуации, отличные от дефисов или символов нижнего подчеркивания (например, about_westbrook_Origami).
Если вы нарушите хотя бы одно из этих правил, вполне вероятно, что броузеры будут некорректно работать с вашими страницами. Еще одна проблема состоит в том, что при экспорте страниц броузеры используют именно эти имена ,файлов, а не те, которые указаны в диалоговом окне Save Project (Сохранение проекта).
QuarkXPress добавляет необходимое расширение . htm к именам файлов при экспорте в HTML, поэтому вам не придется делать это самостоятельно.
Чтобы назначить имена файлов нескольким Web-страницам, выполните описанные ниже действия, воспользовавшись палитрой Page Layout (Макет страницы) (рис. 19.2).
Рис. 19.2. Палитра Page Layout
Добавление meta-дескрипторов
Meta-дескрипторы представляют собой авторские заметки, например, имя разработчика Web-страницы, информацию о том, почему на ней используются те или иные сценарии и т.д. Однако meta-дескрипторы можно использовать и в других целях. Например, для идентификации слов, описывающих содержимое страницы (благодаря этому вы существенно упрощаете ее поиск с помощью поисковой машины). При создании списка meta-десрпипторов обязательно включите в него ключевые слова.
Чтобы создать meta-дескриптор, выполните следующие действия.
1. Выберите команду Edit^Meta Tags (npaBKa^Meta-дескрипторы).
На экране будет отображено диалоговое окно Meta Tags (Meta-дескрипторы) (рис. 19.3).
2. Щелкните на кнопке New (Создать).
На экране вы увидите диалоговое окно Edit Meta Tag Set (Изменение набора meta-дескрипторов) (рис. 19.4).
Рис. 19.3. Диалоговое окно Meta Tags
Рис. 19.4. Диалоговое окно Edit Meta Tag Set
3. Укажите имя для нового набора дескрипторов (например, Search Words (Слова для поиска) в текстовом поле Name (Имя), после чего щелкните на кнопке Add (Добавить).
4. Добавьте все необходимые слова для поиска.
Для каждого слова или фразы необходимо выполнить следующие действия. Укажите имя в текстовом поле Meta Tag (Meta-дескриптор). Укажите описание в текстовом поле Name (Имя). Укажите слово или фразу в текстовом поле Content (Содержимое). Завершив создание элемента, щелкните на кнопке ОК.
5. Завершив добавление слов или фраз, щелкните на кнопке Save (Сохранить).
6. Выберите команду PageOPage Properties (Страница^Свойства страницы).
На экране появится диалоговое окно Page Properties (Свойства страницы).
7. Из раскрывающегося меню Meta Tag Set (Набор meta-десрипторов) выберите список meta-дескрнпторов, после чего щелкните на кнопке ОК.
Список дескрипторов будет сохранен вместе с HTML-страницей.
В HTML-файл можно включить несколько типов meta-дескрипторов. Если вы решили подробнее ознакомиться с разными типами meta-дескрипторов, то рекомендуем приобрести книгу HTML 4 для "чайников'1. 3-е издание Эдда Титтела (Edd Tittel) и Натаньи Питтс (Natanya Pitts), выпущенную издательством "Диалектика".
Выбор броузера
Если вы подготовили Web-страницу, вам следует выбрать броузер (или несколько броузеров), с помощью которого можно будет просмотреть полученные страницы. Необходимый броузер (или броузеры) укажите на вкладке Browsers (Броузеры) диалогового окна Preferences (Установки) — рис. 19.5. Для этого воспользуйтесь командой Edit1^Preferences (QuarkXPress^Preferences) или комбинацией клавиш <Ctrl+Alt+Shift+Y> (<Option+Shift+
Рис. 19.5. Вкладка Browsers диалогового окна Preferences
Рекомендуется в Mac OS и Windows установить последнюю и предпоследнюю версии таких броузеров, как Microsoft Internet Explorer, Netscape Navigator/Communicator и Opera, чтобы посмотреть, как в них отображаются Web-документы — броузеры не всегда одинаково отображают одно и то же содержимое документов. Все три броузера можно бесплатно загрузить с соответствующих узлов производителей:
www.microsoft.com
www.netscape.com
www.opera.com .
Если вы работаете на платформе Macintosh, попробуйте протестировать полученные страницы с помощью Web-броузера Safari от компании Apple, который можно найти по адресу www. apple, com/ safari.
Чтобы добавить броузер, выполните следующие действия, воспользовавшись вкладкой Browsers (Броузеры) диалогового окна Preferences (Установки).
1. Щелкните на кнопке Add (Добавить).
На экране появится диалоговое окно, очень похожее на стандартное диалоговое окно открытия документов на платформе Windows или Macintosh.
2. Выберите необходимый Web-броузер, после чего щелкните на кнопке Open (Открыть).
QuarkXPress добавит выбранный броузер в список на вкладке Browsers (Броузеры).
3. Повторите пп. 1-2 для добавления дополнительных броузеров (необязательно).
4. Если вы решили использовать определенный броузер по умолчанию, щелкните в столбце Default (По умолчанию) напротив его названия на вкладке Browsers (Броузеры).
Напротив названия броузера будет отображен флажок, указывающий на то, что именно этот броузер и будет использоваться по умолчанию.
5. Если необходимо удалить броузер из списка, просто выделите его название, после чего щелкните на кнопке Delete (Удалить).
6. Внеся изменения, щелкните на кнопке ОК.
Далее можно осуществить предварительный просмотр страниц.
Предварительный просмотр Web-страниц
Для того чтобы просмотреть созданные в QuarkXPress Web-страницы с помощью броузера, откройте макет в QuarkXPress, затем щелкните на небольшом значке с изображением земного шара в нижней части окна макета. При этом удерживайте нажатой кнопку мыши. В результате появится меню, в котором будут перечислены все броузеры, указанные на вкладке Browsers (Броузеры) диалогового окна Preferences (Установки) (рис. 19.6). Просто выберите необходимый броузер, и QuarkXPress автоматически откроет страницу.
Это и есть подготовленная вами Web-страница во всей своей красе.
Страницы в QuarkXPress и Web-броузере могут выглядеть несколько иначе.
Расположение текста и графических изображений может быть разным.
Некоторые элементы зачастую налагаются друг на друга.
Рис. 19.6. Меню Browsers в нижней части окна
Возможны и другие мелкие неприятности, однако вы можете с ними справиться! Внимательно изучите внешний вид страницы, сделайте соответствующие пометки, после чего вернитесь в QuarkXPress и внесите необходимые изменения. Чтобы получить необходимые результаты, рекомендуем выполнить описанные действия несколько раз.
Экспорт Web-страниц
Когда завершите работу над Web-страницей, экспортируйте ее в формат HTML. Для логической организации файлов рекомендуем выполнить следующие действия.
1. Создайте папку, в которой будут сохраняться все необходимые элементы (такие, как страницы и изображения), указав для нее подходящее название.
Например, укажите название Site Root Directory (Корневой каталог узла).
2. Скопируйте все необходимые элементы в папку Site Root Directory.
Убедитесь в том, что ни один из элементов не сохранен во вложенной папке.
3. Отобразите диалоговое окно Preferences (Установки) (воспользовавшись командой EditOPreferences (QuarkXPress^Preferences) или нажав комбинацию клавиш <Ctrl+Alt+Shift+Y> (<Option+Shift+
На вкладке содержатся поля Image Export Directory (Каталог для экспорта изображений) и Site Root Directory (Корневой каталог узла).
4. В поле Image Export Directory (Каталог для экспорта изображений) введите images (изображения) или image^folder (папка с„изображениями), чтобы указать название папки, в которой QuarkXPress будет сохранять изображения при экспорте страниц.
5. Щелкните на кнопке Select (Выбрать), расположенной справа от поля Site Root Directory (Корневой каталог узла), чтобы выбрать только что созданную папку. Выделив папку, щелкните на кнопке Select (Выбрать) в нижней части диалогового окна.
Подготовив все необходимые папки, можно приступать к экспорту. Для этого выполните следующие действия.
1. Выберите команду File^Export^HTML (Файл^Экспорт^ЖТМЬ).
На экране появится диалоговое окно Export HTML (Экспорт в HTML) (рис. 19.7).
2. Укажите страницы, которые необходимо экспортировать, в поле Pages (Страницы), подобно тому как вы указываете страницы для печати в окне Print (Печать). По умолчанию задано значение All (Все).
3. Установите флажок External CSS File (Внешний файл CSS), чтобы сохранить информацию о таблицах стилей в папке, содержащей экспортированные изображения.
В каскадных таблицах стилей CSS сохраняется информация о шрифтах и размерах, поэтому броузеры в компьютерах с такими же или похожими шрифтами, которые используются на странице, достаточно корректно отобразят форматирование при отображении файла.
Рис. 19.7. Диалоговое окно Export HTML
4. Установите флажок Launch Browser (Запустить броузер), чтобы отобразить страницу в окне броузера, заданного в системе по умолчанию.
5. Щелкните на кнопке Export (Экспорт).
Опубликовать файлы в Web можно одним из перечисленных ниже способов.
Помимо службы электронной почты, вы также можете пользоваться определенным дисковым пространством для размещения Web-страниц. Если это не так, узнайте у своих друзей, к какому именно поставщику услуг Internet они посоветуют вам обратиться. Постарайтесь получить как можно больше информации, поскольку каждый поставщик предлагает определенный набор услуг, в том числе техническую поддержку, статистические сведения, а также готовые сценарии CGI для решения определенных задач. Эти сценарии, как правило, распространяются совершенно бесплатно и могут быть использованы при создании форм для Web-макетов QuarkXPress. Зарегистрируйте доменное имя. Некоторые пользователи рекомендуют сделать это в первую очередь. Однако мы советуем повременить до тех пор, пока вы не определитесь с поставщиком услуг Web-хостинга. Хороший поставщик услуг сможет зарегистрировать ваше доменное имя и обеспечить его нормальное функционирование в очень сжатые сроки. Более того, вы сможете воспользоваться опытом сотрудников компании, предоставляющей соответствующие услуги. Представитель компании-поставщика услуг Web-хостинга довольно быстро зарегистрирует ваше доменное имя. Компания — поставщик услуг Web-хостинга имеет возможность вам сразу сообщить, не используется ли выбранное вами доменное имя другим пользователем. Найдите надежное программное обеспечение для работы с FTP-серверами. Протокол FTP (File Transfer Protocol — протокол передачи файлов) позволяет обеспечить передачу файлов с вашего компьютера на сервер (компьютер компании-поставщика услуг). Специальное клиентское программное обеспечение (FTP-клиент) предоставляет возможность управлять передачей. Как правило, подобное программное обеспечение совсем недорогое, а некоторые программы (например, Transmit, Fetch, WS_FTP Pro, CuteFTP и AbsoluteFTP) отрабатывают буквально каждую затраченную на их приобретение копейку. Также следует обратить внимание, что компания Fetch предлагает версию своего программного продукта для платформы Macintosh, в то время как другие FTP-клиенты выпускаются только для платформы Windows. Если вы пользователь Mac OS X, то по достоинству оцените программу Transmit от компании Panic Software.
Если вы используете Web-сервер с прямым доступом, на него можно просто скопировать файлы с помощью дисков или сетевых соединений. Как правило, перемещая файлы в Web, некоторые из них придется разместить в отдельные папки, которые отвечают иерархии страниц узла.
Часто изображения хранятся в папке Images внутри папки, в которой содержатся Web-страницы, но они также могут храниться в корневой папке узла. Пусть Web-администратор сам определит, как будут сохранены страницы на сервере. В большинстве случаев разработчик Web-страницы не должен беспокоиться об этом, но иногда именно он является администратором Web-узла.
Что такое XML
XML (extensible Markup Lnaguage — расширяемый язык разметки) — это специальная система дескрипторов для описания информации и управления ее структурой.
Язык XML можно использовать в QuarkXPress 6 благодаря надстройке avenue.quak. Эта надстройка позволяет извлекать и сохранять содержимое макета в формате XML, которое можно использовать в любых целях: для печати, для записи на компакт-диск, а также для размещения в Internet. Подробно вопрос установки и использования надстроек рассмотрен в главе 10.
Отличительной чертой XML является его расширяемость и гибкость. Дескрипторы или метки для различных типов содержимого (которые называются дескрипторами типа данных, или DTD) создаются на основе информации, которая должна входить в документ. Затем в коде определяется, что происходит с каждым типом маркированного содержимого, учитывая специфику публикации, ее внешний вид и т.п. Сравните его с более жестко задаваемыми кодами HTML и PDF, где нельзя изменить дескрипторы, а внешний вид определяется строго заданным набором элементов программирования.
В коде XML, как и в HTML используются дескрипторы, заключенные в угловые скобки (<and>), а команды и метки начинаются отбывающим дескриптором (например, <standardHeader>) и заканчиваются закрывающим (</standardHeader>). Комментарии начинаются с символов <! - - и заканчиваются символом >, а пользовательские команды и описания начинаются с <? и заканчиваются ?>. Не рекомендуем особо вникать, почему это так, — просто, просматривая документ, помните, что существуют различные XML-коды.
Если вы только знакомитесь с QuarkXPress, вам вряд ли следует связываться с XML. Если же вы хотите использовать XML в QuarkXPress, обратитесь к доку-ментации, которая поставляется вместе с программой, а также к сведениям, представленным на Web-узле Quark (www. quark. com).
Значение XML
Зачем вам может понадобиться язык XML? В настоящее время книги и статьи печатаются не только на бумаге. С появлением Internet публикации стали размещать на Web-страницах, для чего их преобразовывают к формату HTML А когда в нашу жизнь вошли карманные персональные компьютеры (КПК), мобильные телефоны с поддержкой Web-функций, а также устройства WebTV, пришлось , столкнуться с другой задачей: написанием статей для печати, а затем и для разнообразных Web-устройств, что не так уж и просто.
По этой причине было принято решение разработать определенный стандарт, в результате чего на свет и появился язык XML Таким образом, теперь можно создать документ всего один раз, после чего использовать дескрипторы XML, чтобы извлечь информацию и ее перераспределить тем или иным образом в соответствии с требованиями конкретного устройства. Восхитительно, не так ли?
Надстройка avenue.quark позволяет сопоставить стили и структуры в проектах QuarkXPress с элементами XML. После этого содержимое вы вправе сохранять отдельно от проектов QuarkXPress. В дальнейшем XML-содержимое можно преобразовать в формат HTML для размещения в Web. Как видите, все достаточно просто! Независимо от того, какое устройство вы планируете использовать для окончательного просмотра проекта (КПК, мобильный телефон и т.д.), проект несложно преобразовать для соответствующей платформы.
Вы имеете возможность указать, как дескрипторы обрабатываются и отображаются на экране, с помощью вкладки avenue.quark диалогового окна Preferences (Установки) (команда EditoPreferences (QuarkXPress^Preferences) или комбинация клавиш <Ctrl+Alt+Shift+Y> (<Option+Shift+
Рис. 19.8. Вкладка avenue.quark диалогового окна Preferences
На вкладке avenue.quark представлены три параметра, определяющие область применения дескрипторов.
Always insert repeating elements at the end of the current branch. Если установить этот флажок, то любой элемент DTD, отмеченный как повторяющийся, будет добавлен в конец текущей ветви (таковы обычные настройки). Если этот параметр не выбран, то при помещении текста в повторяющийся элемент предлагается задать позицию нового повторяющегося элемента вручную (как новое вхождение набора текста <Text>) на палитре XML Workspace, описанной далее в этой главе. Always use first path for elements with multiple insertion paths. При установке этого флажка QuarkXPress использует первое из правил в схеме DTD для элемента, для которого определено несколько правил. Например, если в схеме DTD задано, что элемент <Paragraph> создается как в конце текущей ветви, так и после нового элемента <Sidebar>, то при активизированном текущем параметре используется любое из первых правил. Если для этого параметра не выставить флажок, то при добавлении элемента на палитру XML Workspace появится специальное сообщение. . Always use the first applicable tagging rule. Если выбран данный параметр, то применяется первое правило кода при возникновении конфликта между правилами. В противном случае, если будет добавлен элемент на палитру XML Workspace, появится соответствующее сообщение.У вас может возникнуть вопрос: если печатный проект QuarkXPress можно преобразовать в формат HTML, после чего выгрузить в Web, зачем вообще связываться с форматом XML? Многие компании в последнее время преобразуют все проекты QuarkXPress в формат XML. Однако в целом с форматом XML не все так гладко. Некоторые Web-броузеры, особенно их старые версии поддерживают только формат HTML. И только постепенно, с течением времени XML, заменит HTML в качестве основного языка Web.
