Иллюстрированный самоучитель по 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-код, связанный с третьей ячейкой и третьей вложенной таблицей. Сделайте это самостоятельно — это будет лучшей практикой.
Все, наша оптимизация закончена! А страница списка увлечений Ивана Ивановича полностью готова.
