Привет!

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

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

Таким образом мы вкладываемся в игры Духа, и мир для нас становится глубже.

Добавление в содержимое ссылок на статьи

В большинстве ресторанов имеется меню из блюд по сниженным ценам, которые они могут предложить посетителям. На нашем сайте могут иметься специальные предложения для каждого из меню: на завтрак, на обед и для ночных посетителей. Мы могли бы использовать простой модуль меню, отображающий ссылки на эти три статьи, но он будет показывать их в виде списка и его сложно будет настроить. Вместо это­го я хочу создать модуль Custom HTML (Произвольный HTML-код) и добавить в него какой-либо текст со ссылками на соответствующие статьи. Про­блема заключается в том, что система не имеет простого способа, даю­щего возможность добавлять ссылки на другие статьи в процессе созда­ния содержимого.

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

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

Создайте новое меню (Menus -> Menu Manager -> New (Все меню Меню -> Создать)) и назовите его Link Holder (Контейнер для ссылок).

Затем создайте три элемента меню, каждый из которых должен ссы­латься на отдельную статью в категории Specials (Специальные предло­жения).

Если открыть один из элементов меню, можно увидеть строку URL, которую допустимо использовать внутри содержимого других статей для создания ссылки на эту статью - на рис. 11.16 строка URL выделе­на рамкой.

Вы можете задать вполне резонный вопрос: «Нам известен числовой идентификатор этой статьи, который можно посмотреть на странице менеджера материалов, почему мы не можем просто использовать дан­ный формат строки URL для создания ссылки? Почему мы должны создавать элемент меню?»

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

Теперь можно создать модуль Custom HTML (Произвольный HTML-код) с опи­санием специальных предложений и поместить его в позицию user2 (пользователь2). Для создания ссылок в тексте мы можем использовать строки URL из меню Link Holder (Контейнер для ссылок). Модуль, ко­торый я создал, показан на рис. 11.17.

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

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

 

Использование коллекций изображений

Один из главных секретов любого веб-дизайнера - это использование коллекций изображений (stock imagery) в процессе создания веб-сайтов для своих клиентов. Существует множество веб-сайтов, где вы сможете без лицензионных отчислений приобрести изображения для использо­вания их на единственном сайте. В качестве примеров можно привести следующие сайты:

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

Лицензионные соглашения на приобретение этих изображений обычно (в зависимости от источника) характеризуются следующими условиями:

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

Я загрузил два изображения: одно - готовое блюдо на тарелке, а дру­гое - напитки и бокал для вина. Файлы с изображениями в таких кол­лекциях имеют достаточно большой размер, поэтому вам придется воспользоваться графическим редактором, например Fireworks, Photoshop или GIMP, чтобы уменьшить их размер. Я уменьшил исход­ные изображения до размера 200x85 пикселей.


Вернемся обратно к главной странице - к статье Welcome to Ready to Eat (Добро пожаловать в наш ресторан). Здесь я добавил изображения во второй и третий параграфы. Когда вы будете проделывать эту опера­цию, помните следующие ключевые моменты:

Это нужно знать ---------------------------------------------------------------------------------------------------------------------------

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

Для достижения желаемого результата в процессе добавления содержимого бывает необ­ходимо выполнить некоторые манипуляции с кодом разметки HTML или CSS. Нередко стили определяются в таблицах каскадных стилей (CSS) шаблона и используются в статьях.

 

Теперь главная страница сайта выглядит так, как показано на рис. 11.19.

Неплохо! А теперь посмотрим, какую дополнительную функциональ­ность можно было бы привнести на наш сайт.