|
По дизайну в блоке «Шапка» находятся:
- Полоса черного красного высотой 37 px.
- Логотип.
- Верхнее меню
- Главное меню
Рисунок 14.
В блоке шапка создадим таблицу высотой 178 px с тремя строками. В первой строке будет располагаться красная полоса высотой 37 px, во второй строке - вложенная таблица, в которой будет 3 ячейки: 1-я - с названием и девизом компании, 2-я – здесь расположим специальный блок «Верхнее меню», в 3-ей ячейке расположим специальный блок «Главное меню».
|
<TABLE height=178 cellSpacing=0 cellPadding=0 width="100%">
<TR><TD bgColor=#000000 height=37></TD></TR>
<TR><TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=1>
<TR>
<TD align=left width=336>Название компании<BR>девиз компании</TD> <TD>Здесь будет специальный блок «Верхнее меню»</TD></TR>
</TABLE>
</TD></TR>
<TR><TD>Здесь будет специальный блок «Главное меню»</TD></TR>
</TABLE> |
В Менеджере Сайта в режиме визуального редактирования мы получили следующее:
Рисунок 15.
Для того, чтобы вставить специальный блок, нужно встать курсором мыши на нужное место, где предполагается вставить специальный блок, и нажать кнопку «Вставить\Настроить специальный блок» на панели инструментов визуального редактора, при помощи которой открывается всплывающее окно специальных блоков.
Вставляем два специальных блока – «Главное меню» и «Верхнее меню».
В визуальном режиме получаем следующее:
Рисунок 16.
Результат на сайте будет следующим:
Рисунок 17.
В нашем случае необходимо вырезать логотип из макета, сохраним ее под именем pc-logo.gif
Рисунок 18.
Шрифт текста девиза компании жирный, цвет в системе RGB 5a5a5a, размер - 16px. Реализуем это при помощи inline-стиля:
|
style="FONT-SIZE: 16px; COLOR: #5a5a5a;font-weight:bold;” |
Получаем следующий html-код:
|
<TABLE height=178 cellSpacing=0 cellPadding=0 width="100%">
<TR>
<TD bgColor=#c80000 height=37></TD></TR>
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align=left width=336><A title=Главная href="index.html" target=_self><IMG style="WIDTH: 234px; HEIGHT: 77px" height=77 alt="" src="_mod_files/ce_images/portfolio/pc-logo.gif" width=234 border=0></A><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #5a5a5a"></FONT><BR><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #5a5a5a">качество проверенное временем</FONT></TD>
<TD>##spec_top_menu_00100137##</TD></TR></TABLE>
</TD></TR>
<TR>
<TD>##spec_main_menu##</TD></TR></TBODY></TABLE> |
Далее зададим цвет шрифта в названии компании:
Рисунок 19.
На сайте отобразится следующее:
Рисунок 20.
|
