Уроки создания сайтов



 Конвертирование обычных публикаций QuarkXPress в web формат



Чем меньше занимает место материал на web странице, имеется в виду место в КБ и мегабайтах, само собой разумеется, тем быстрее будет загружаться данная страница.
Если же мы, даже в таком простейшем макете умудрились получить три bitmap-а, то представьте себе, если мы будем использовать ту же практику при каких-либо сложных проектах. Поэтому здесь, скорее всего, следует поступить иначе.
Во-первых, снять для этого блока атрибут экспорта в графику. Для этого мы вызываем диалоговое окно Modify и в нижней части раздела Text отключаем флажок Convert to Graphic on Export, т.е. конвертировать в графику при экспорте. Это первый шаг.
Второй шаг - постараемся перевести данный заголовок в какой-либо из системных шрифтов и обработать его так, чтобы он выглядел максимально похоже.
Например, возьмем тот же Times New Roman, вот так, в общем-то, можно считать такой заголовок приемлемым.
И второй несовместимый с web нюанс данного заголовка - это его цвет. Обратите внимание, здесь используется для него цвет PANTONE, который естественно в браузере понимать не будут.
Мы должны изменить цвет этого заголовка на web совместимый. В нашей палитре есть базовый набор web цветов. Если он нас не устроит, мы можем добавить сюда цвета с помощью диалогового окна Colors.
Это делается также, как и в обычных печатных публикациях. Единственный момент, это то, о чем мы уже говорили, цвета надо добавлять из палитр Web Named Colors или Web Safe Colors.
В данном случае нам добавлять цвет не нужно, мы просто выберем цвет Web Silver. Он максимально соответствует тому цвету, который у нас использовался до этого, или можно даже использовать просто Web Gray. Он подходит даже больше.
Итак, если мы разобрались с заголовком, то теперь можно обратить внимание и на небольшую колонку текста в правой части страницы.
Этой колонке QuarkXPress при конвертации также присвоил атрибут конвертации в графику, но здесь для этого объективных причин я не вижу. Т.к. у нас в этой колонке используется шрифт Arial, который является системным, и цвет у него стандартный - черный цвет.
Здесь может быть еще один маленький нюанс. Если в тексте используется какое-нибудь нестандартное форматирование, скажем, кроме атрибутов Bold, Underline или Italic присвоены еще какие-либо не совсем стандартные для web атрибуты текста, в таком случае QuarkXPress у нас реагирует соответствующе, или, например, может быть задана окантовка для самого текстового блока.
Ни того, ни другого здесь нет, поэтому мы просто сейчас в окне Modify отключим флажок Convert to Graphic on Export, вот таким образом. Как видите, значок фотоаппарата исчез.
И последний элемент на нашей странице - это фотография. Но, в общем-то, фотография у нас экспортировалась без проблем, поэтому я думаю, что ее дополнительно обрабатывать в данном случае не надо.
По крайней мере у нас сейчас промежуточный момент, когда мы можем в предварительном просмотре посмотреть, что же у нас получается из данной страницы на самом деле в браузере. Давайте щелкнем на кнопке предварительного просмотра.
И вот, такой приблизительно у нас получается web макет при опубликован в web и проссмотре через браузер.
Единственный нюанс, на который хотелось бы здесь обратить внимание, - это то, что заголовок, как видите, расширился, т.е. увеличилось расстояние между строками, по сравнению с исходником. Почему?
Потому что в исходнике у нас средствами QuarkXPress насильно уменьшен интерлиньяж между этими двумя строками, а при конвертации в формат HTML этот интерлиньяж был задан по стандарту, поэтому у нас получился вот такой эффект.
Для того чтобы этого избежать, можно, например, эти два слова, эти две строки расположить в разных текстовых блоках, тогда на них не будет влиять интерлиньяж и расстояние между ними не будет изменяться при конвертации.
Итак, исходя из того, что мы с вами узнали на данный момент, получается, что мы можем конвертировать обычные публикации QuarkXPress в web формат, но это связано со многими сложностями и нюансами.
В частности, в переделке цветов, перенесенных из печатного макета в цвета, соответствующие стандарту web, удаление форматирования, не поддерживаемого на web страницах, смена шрифтов, используемых в макете для печати на стандартные шрифты, которые будут поддерживаться любым браузером с любого пользовательского компьютера.
Единственное, о чем можно не беспокоиться, во всяком случае начинающим пользователям, - это об изображениях. При экспортировании web макета в формата HTML, QuarkXPress преобразовывает графические изображения, как импортированные в QuarkXPress, так и созданные в самом QuarkXPress, в соответствующие форматы, используемые в web. Поэтому вам об этом беспокоиться не стоит

Карта сайта Реклама

На нашем сайте Вы можете скачать статьи, уроки, книги, учебники по web дизайну, пройти интерактивный курс обучения по Quarkxpress 6 и 7, adobe photoshop CS2 и CS3, а так же познакомиться с HTML, CSS, WEB 2.0, WWW, XHTML, CSS 2.0 и другими технологиями создания Интернет сайтов. После прочтения статей и уроков Вы без труда сможете создать html cod и content, guestbook, forum, addguest, message, page и прочие интерактивные формы на своем internet сайте. Данный сайт не содержит различные серийники, ключи, активацию, русификаторы, кряк, crack, keygen, серийные ключи, кейгены и других программ, нарушающих лицензионные соглашения.