Последние публикации

  16 Июля, 2011
Взлом капчи
Разбираемся, как ломают капчи. Теория и практика


  17 Июня, 2011
Справочник по PHP
Синтаксис языка и операторы. Функции работы с данными. Файлы и сети. Управляющие функции. ..


  25 Января, 2011
Основы web-технологий.
С появлением высокопроизводительных серверов, сетевого оборудования и высокоскоростных каналов связи ..


  22 Января, 2011
Теоретические основы защиты информации.
В настоящее время и у нас в стране, и за рубежом достаточно много публикаций по современным ..


Поиск по сайту

 

postheadericon Главная / web программирование / web технологии

Веб-дизайн


Предлагаемая вашему вниманию книга задумывалась не как практическое руководство по веб-дизайну, а скорее как учебник общего дизайна на част­ном материале веб-сайтов.

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

Теперь нам остается решить последнюю задачу: как разгра­ничить два заголовка, занимающих одну и ту же прямо­угольную панель с фотографической подложкой? Обойтись без разграничения не получится, так как из-за контрастного форматирования и близкого расположения этих заголовков глаз все равно будет пытаться нащупать границу между ни­ми. Из двух компонентов, составляющих панель, — белой подложки и полупрозрачной фотографии — разумно вторую оставить общей (объединение), а первую сохранить в фоне только одного из заголовков (противопоставление).

Сужение белой полосы влечет за собой уменьшение размера связанного с ней логотипа, чему также можно найти оправ­дание — на внутренних страницах сайта этому элементу лучше слегка уйти в тень, высвободив пространство для несущих информацию элементов (рис. 91). Такая конструк­ция панели хороша еще и тем, что разносит два сходных по оформлению текстовых элемента— название фирмы в лого­типе и заглавие текущей страницы — по разным «этажам», не позволяя им конфликтовать.

Miscellanea

Мне осталось объяснить некоторые незначительные от­личия рассмотренного выше дизайна от того, который вы найдете по адресу www.quiotix.com , и рассказать о неко­торых особенностях реализации сайта.

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

Рис. 92

(см.     цветную вкладку, стр. 336)

(a)

(б)

Рис. 93

QEWS и пет, или Об относительности

странных и заглавных

в низ страницы, поместив ее над нижней «облачной» пане­лью (кстати, копирайт и адрес для связи еще на предыдущем этапе были с этой панели убраны и помещены под ней в виде HTML-текста).

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

Это, однако, повлекло за собой и изменение отношений в паре заголовков раздела и страницы на верхней панели. Центровка каждого из этих заголовков по вертикали внутри отведенной им полосы начала казаться слишком прямоли­нейным, неустойчивым именно благодаря своей симметрии решением. Чтобы страница в этой позе не заваливалась набок, мне пришлось отвести чуть в сторону одну из ее подпорок — а именно, уменьшить размер заголовка раздела и прибить

Дата публикации: 29 Октября, 2010
Автор: Кирсанов Д
Прочитано: 5576 раз

-  247  -

<1 | ... | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 |  247  | 248 | 249 | 250 | 251>

postheadericon Это интересно

Справочник по PHP

Синтаксис языка и операторы. Функции работы с данными. Файлы и сети. Управляющие функции. Взаимодействие с базами данных. Графика.

Веб-дизайн

Предлагаемая вашему вниманию книга задумывалась не как практическое руководство по веб-дизайну, а скорее как учебник общего дизайна на част­ном материале веб-сайтов.

Приемы раскрутки WEB-сайтов.

Обзор приемов раскрутки web-сайтов.

Свой WAP сайт.

Краткое руководство по созданию WAP сайта