13.10.2009 18:53Марафон Букинист, день 9: страницы новостей, галерея и карта сайта.

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

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

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

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

Далее мы оформим страницу с фото-галереей. Эта одна из самых простых страниц. Ее внешний вид представлен ниже.

Как мы видим, вверху страницы идет заголовок H1 с текстом “Фото-галерея”. Ниже идут хлебные крошки, подробно мы их описывать не будем – здесь все стандартно. Хлебные крошки. Как обычно дублируются внизу страницы. Основным же содержанием страницы является область мини-фотографий, которые являются гиперссылками. Кликнув на мини-изображение, пользователю в новом окне должна раскрываться полноразмерная фотография.

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

Область контента карты сайта начинается с заголовка H1, с текстом “Карта сайта”, далее идет древообразный список гиперссылок, которые ведут на страницы нашего сайта. Кроме основной карты сайта, рекомендую для поисковых систем сделать XML-карту сайта. Как это сделать я рассказывал в одном из своих более ранних постов: Онлайн генераторы карты сайта

На сегодня все, завтра рассмотрим структуру страниц разделов новостей, новинок и каталога книг.