Иллюстрированный самоучитель по Dreamweaver MX

       

Готовый список увлечений


Вместо того чтобы "тыкать" мышью в окно документа, мы отредактируем HTML-код. Откройте окно кода или переключитесь в режим отображения кода. Найдите следующий фрагмент:

<table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#000000">

< ! — Это определение внешней таблицы — >

<tr> <td>

< ! — Это первая строка внешней таблицы и ее единственная ячейка — >

<table width="100%" border="0" cellspacing="0"

cellpadding="2" height="100%"> <! — Это внутренняя таблица — > <tr> <td>

< ! — Это единственная строка и ячейка внутренней таблицы — >

<div align="center"> <font color="#FFFFFF">

<strong>Компьютеры</strong> </font>

<! — Это текст, содержащийся в единственной ячейке внутренней таблицы — >

</td> </tr> </table> < ! — Здесь кончается определение внутренней таблицы — >

</td> </tr> <!— А здесь кончается определение первой строки внешней таблицы —>

Сейчас мы вырежем несколько строк этого кода. Вот что получилось:

<table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#000000"> <tr> <td>

<div align="center"><font

color="IFFFFFF"><strong>Компьютеры</strong></font></div> </td> </tr>

Как видите, мы удалили все определение внутренней таблицы, оставив только ее содержимое. Теперь переключитесь в режим отображения страницы и посмотрите, что получилось. Замечательно, нам даже ничего не нужно подправлять! Аналогично измените HTML-код, связанный с третьей ячейкой и третьей вложенной таблицей. Сделайте это самостоятельно — это будет лучшей практикой.

Все, наша оптимизация закончена! А страница списка увлечений Ивана Ивановича полностью готова.



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