Новые книги

Эта книга содержит рекомендации и методы, основанные на научных исследованиях, экспериментах, опросах потребителей и статистики. Автор использует знания из математики, социальной психологии, меметики и других наук и объясняет, почему и, что еще важнее, каким образом следует адаптировать для достижения максимальных результатов свои стратегии интернет-маркетинга: ведение блога, присутствие в соцсетях, почтовый маркетинг и вебинары.

На русском языке публикуется впервые.
Сегодня многие компании сталкиваются с растущими требованиями розничных сетей в области ценовой политики, логистики поставок, организации трейдмаркетинговых и BTL-мероприятий. Как входить в розничную сеть и готовить коммерческое предложение? Каковы особенности ценообразования при работе с розничными сетями? Как оптимизировать условия поставки и организацию логистики? Как выиграть борьбу за место на полке? Как минимизировать штрафные санкции, применяемые сетями в отношении поставщиков? Автор дает четкие и проверенные на практике рекомендации, которые помогут производственным, дистрибьюторским и логистическим компаниям уберечься от ошибок и избежать финансовых потерь при работе с розничными сетями. В приложении представлены практические материалы, необходимые для работы с сетевыми магазинами: образцы договоров, должностные инструкции и положения и многое другое.

Книга является незаменимым помощником для директоров и менеджеров производственных и дистрибьюторских организаций, специалистов отделов продаж и маркетинга.

1.4. Использование таблиц в дизайне страницы



 

1.4. Использование таблиц в дизайне страницы

Приятное свойство таблиц состоит в том, что если вы захотите, то можете сделать их границы невидимыми. Это позволяет с помощью тага <ТАВLЕ> красиво размещать на странице текст и графику. До сих пор таг <ТАВLЕ> остается единственным мощным средством форматирования в HTML. Дизайнеры Web-страниц сейчас обладают практически такой же свободой использования <пустого пространства>, что и создатели печатных страниц. Таблицы в большей мере, чем что-либо другое, помогают отойти от иерархического размещения текста на Web-страницах.

Если броузер вообще поддерживает таблицы, он обычно правильно отображает наиболее интересные эффекты, полученные с помощью таблиц.

Пример 1.20

	<HTML> 
	<BODY> 
	<CENTER> 
	<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=16> 
	<TR> 
	<TD ALIGN=CENTER> 
	<H1>ПЕРФОРАТОР</H1> 
	<H3>Только сегодня!</H3> 
	<TABLE BORDER WIDTH=100%> 
	<TR><TD ALIGN=CENTER><I>Почти бесплатно!</I></TD>
	</TR> 
	</TABLE> 
	</TD> 
	</TR >
	</TABLE>
	</CENTER >
	</BODY>
	</HTML>

Рис. 1.21. Создание выпуклых элементов

Создание разноцветных таблиц

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

Цветные границы в Netscape Navigator

Вы не только можете окружить таблицу красивой рамкой, но еще и задать для нее цвет, отличный от цветов текста и фона. Создайте простой серый GIF (или любой GIF, который вы хотели бы иметь в качестве фона) и определите его в таге <ВODY> как фон страницы. Затем задайте цвет фона страницы. В результате ваш таг <ВОDY> будет выглядеть примерно так:

	<BODY ВАСКGROUND="сооlbg.gif" ВGCOLOR=" # FF0000">  

Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ли ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF не слишком сложно устроен, время загрузки страницы лишь немного возрастет. На приведенном ниже примере показано какие, широкие возможности дает использование цвета в HTML и в частности в таблицах.

Пример 1.21

	<HTML> 
	<BODY BACKGROUND="bgr.gif"  BGCOLOR="YELLOW" > 
	<CENTER>
	<TABLE BORDER=3 CELLPADDING=20>
	<CAPTION ALIGN=TOP><H2>Как просверлить бетонную
	 стену</H2></CAPTION>
	<TR>
	<TD BGCOLOR=GRAY> 
	<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=16> 
	<TD BGCOLOR=RED ALIGN=CENTER> 
	<H1>ПЕРФОРАТОР</H1> 
	<H3>Только сегодня!</H3> 
	<TABLE BORDER WIDTH=100%> 
	<TR> 
	<TD BGCOLOR=AQUA ALIGN=CENTER>
	<I>Почти бесплатно!</I></TD>
	</TR> 
	</TABLE> 
	</TABLE>
	<TD WIDTH=50% BGCOLOR=BROWN ALIGN=CENTER>
	<IMG SRC="perfor1.gif" WIDTH=200 HEIGHT=150>
	</TD> 
	</TR>
	<TR>
	<TD BGCOLOR=PINK>
	<FONT SIZE=6 COLOR=BLUE>От 6 до 20 мм</FONT>
	</TD>
	<TD  BGCOLOR=BLUE>
	<FONT SIZE=6 COLOR=PINK>Просверлим все</FONT>
	</TD>
	</TR>
	</TABLE> 
	</CENTER > 
	</BODY> 
	</HTML>

Рис. 1.22. Пример разноцветной таблицы

Назад | Содержание | Вперед