Macromedia Dreamweaver MX

Тонкая настройка и оптимизация таблицы разметки

Сколько уже раз мы повторяли, что за Dreamweaver, несмотря на его "ин­теллектуальность", нужен глаз да глаз! А если серьезно, то Dreamweaver, хоть и пытается изо всех сил создать то, что нам нужно, но это не всегда получается. Если уж люди не всегда понимают друг друга, то программы уж и подавно не понимают людей (да и другие программы тоже). И результаты его работы частенько приходится править вручную.

Но что там править? Сейчас увидим.

Активизируйте окно документа, где открыта наша новая начальная страни­ца default. htm. Переключитесь в обычный режим, нажав кнопку Standard View панели объектов. Вы увидите нечто, похожее нарис. 8.31.

Что же нам может понадобиться исправить вручную? Довольно много...

Прежде всего, это размеры и местоположения ячеек. В режиме разметки очень трудно позиционировать одну ячейку относительно другой и пра­вильно выставить ее размеры. Почему-то Dreamweaver так и норовит помес­тить между ячейками лишнее свободное пространство; а при попытке изме­нить ширину ячейки другие "расползаются" в разные стороны. Возиться с ними можно до бесконечности и так и не получить нужного результата. Поэтому зачастую проще будет подогнать их размеры и местоположение, удалить лишние ячейки и строки, переключившись в обычный режим.

Также вы можете захотеть изменить вручную значения параметров таблиц, строк и ячеек, которые нельзя установить в режиме разметки. Это цвет рам­ки таблицы и ячейки, ее видимость или невидимость. Dreamweaver делает эти рамки невидимыми, что оправдано для таблиц и ячеек разметки. Но у вас могут быть другие планы.

Ну и, наконец, вы можете выполнить точную подгонку самой таблицы. На­пример, ради компактности HTML-кода можно объединить некоторые ячейки, образующие пустую строку (просвет). Конечно, в режиме разметки Dreamweaver почти всегда генерирует оптимальную результирующую табли­цу. Почти, но не всегда.

Теперь вернемся к нашей странице. Внимательно осмотрите ее на предмет всевозможных огрехов. Автор нашел таковых целых три, хоть Dreamweaver и старался ему угодить.

1. Вложенная таблица колонки новостей занимает отведенную ей ячейку внешней таблицы не целиком.

2. Строку, образующую горизонтальный просвет между заголовком и ниж­ними ячейками, можно объединить в одну ячейку. HTML-код станет не­сколько компактнее.

3. Dreamweaver влепил-таки в низ таблицы разметки лишнюю строку!

После того как мы выявили все огрехи, можно (и нужно) их исправить. Подстройте высоту вложенной таблицы, объедините ячейки строки просве­та в одну и удалите лишние строки (если они есть). Переключитесь в режим отображения HTML-кода и посмотрите, все ли там гладко, — скорее всего, Dreamweaver создал еще несколько ненужных строк и ячеек; удалите их. Результат показан на рис. 8.32.

При правке таблиц разметки в обычном режиме специальные атрибуты, добав­ляемые к тегам <table> Dreamweaver, могут потеряться. Это значит, что в дальнейшем с такими таблицами возможны проблемы, если вы снова захоти­те редактировать их в режиме разметки страниц.

Как видите, даже "интеллектуальный" Dreamweaver припасет для вас немно­го ручной работы. Правда, это, в основном, тонкая оптимизация, "вылизы­вание", без которой, в крайнем случае, можно обойтись. Но лучше не обхо­диться, ведь маленькие "шероховатости" HTML-кода могут вырасти в даль­нейшем в большие проблемы.

А для того, чтобы устранить эти "шероховатости", лучше переключиться в обычный режим. На наш взгляд, режим разметки подходит только для первоначальной и довольно грубой разработки дизайна. Поскольку вы уже работали в режиме разметки, то должны были заметить, как "норовист" Dreamweaver. Всю окончательную его доводку лучше производить в обыч­ном режиме отображения страницы, когда он ведет себя более предсказуемо.

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

1. Сохраните готовую главную страницу. Если вы хотите сделать неболь­шую передышку, то самое время.

2. Откройте главную страницу, если уже ее закрыли.

3. Сохраните ее под другим именем, например Projects. htm. Для этого вы­берите пункт Save As в меню File или нажмите комбинацию клавиш <Ctrl>+<Shift>+<S>.

4. Удалите все то, что не должно присутствовать на данной странице (в нашем примере это начальное содержимое — мы подставим вместо него список проектов). Создайте содержимое страницы проектов.

5. Закройте готовую страницу. Не забудьте сохранить ее при этом.

6. Повторите пункты 2—5 этого списка для всех страниц вашего сайта.

Неплохо придумано! Мы заимствуем общие элементы с другой страницы и создаем заново только ее содержимое. Это может сэкономить немало вре­мени и убережет нас от множества ошибок, которые мы неизбежно сделаем, если начнем создавать каждую страницу сайта "с нуля". Это один из спосо­бов облегчить себе работу, за которые мы должны благодарить ленивых Web-дизайнеров.