Шаг 3: Быстрое и простое изменение дизайна

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

Рис. 7.10. Сайт «Ботинки не любовь», переделанный за считанные минуты

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

  • добавить свойство фоновой картинки в правило тела; для этого требует­ся написать одну дополнительную строку в CSS-документе. Обратите вни­мание, что в тег <body> HTML-страницы не добавляется никакого изоб­ражения.  body { background-image:   ur1(images/bees.gif) ; }
  • изменить расположение панели с правой стороны на левую, изменив все­го одну строку в таблице стилей. Свойство float в правиле панели было изменено с left  на right: #sidebar   { width:   245px; text-align:  justify; padding:   2 0px Opx 2 0px 2 0px; float:    left;}
  • поработать с еще несколькими CSS-правилами, изменив несколько свойств и значений. Измените несколько шрифтов, размеров и отступов, настраивая CSS-свойства и значения;
  • предъявить клиентке счет за дополнительные 30 мин.
Posted in Экономичный Web-дизайн.