Строительство корпоративных сайтов. Часть II*

Третье. Верстка при помощи таблиц

Инструменты Web-дизайна, действующие по методу drag-and-drop, предоставляют максимально высокую — с точностью до пиксела — степень контроля за версткой страниц. Правда, все это достигается ценой кросс-платформной, вернее, кросс-браузерной совместимости. Плюс к этому, некоторые из этих инструментов генерируют файлы большего объема, чем «старомодные» методы программирования. Сейчас мы продемонстрируем вам метод ручного кодирования, работающий в любом браузере…

1. Этот макет был сверстан при помощи четырех невидимых таблиц, одна из которых размещена внутри ячейки другой таблицы. На первый взгляд все выглядит довольно просто, однако, если бы вы пользовались вспомогательными направляющими программы GoLive, результирующий HTML получился бы гораздо более сложным. Попробуйте сами!

2. Чтобы воссоздать эту страницу, прежде всего перетащите в рабочую область таблицу из палитры Basic. В палитре Inspector будут отражены параметры для таблицы: установите ее ширину в 500 пикселов, а ширину рамки, подложку ячеек и пробел между ячейками — в 0 пикселов.

3. Теперь задайте количество строк и колонок в таблице: две строки и две колонки. Получается таблица из четырех ячеек. Щелкните мышью на первой ячейке и выберите в палитре Inspector раздел Cell. Задайте для содержимого ячейки выравнивание по верхнему и левому краям. Затем щелкните мышью во второй ячейке и установите вырав

4. Такой способ проектирования (когда выравнивание начинки ячеек задается вот так, авансом) имеет определенные преимущества. Помимо этого в программе GoLive легко можно изменять ширину строк и колонок, что позволяет создавать таблицы с ячейками разных размеров.

5. В ячейки таблиц можно вставлять новые таблицы. Эта операция, называемая nesting, позволяет с большей точностью определять и позиционировать дополнительные ячейки внутри таблицы. Например, в нашем демонстрационном сайте полоса навигационных кнопок, представляющая собой таблицу из одной ячейки, вставлена в ячейку другой таблицы.

6. Вложенные (nested) таблицы одинаковым образом демонстрируются как в старых версиях браузеров, например в Navigator 3 и Internet Explorer 3, так и в новых. Метки же и

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

Возврат


Наш канал на Youtube

1999 1 2 3 4 5 6 7 8 9 10 11 12
2000 1 2 3 4 5 6 7 8 9 10 11 12
2001 1 2 3 4 5 6 7 8 9 10 11 12
2002 1 2 3 4 5 6 7 8 9 10 11 12
2003 1 2 3 4 5 6 7 8 9 10 11 12
2004 1 2 3 4 5 6 7 8 9 10 11 12
2005 1 2 3 4 5 6 7 8 9 10 11 12
2006 1 2 3 4 5 6 7 8 9 10 11 12
2007 1 2 3 4 5 6 7 8 9 10 11 12
2008 1 2 3 4 5 6 7 8 9 10 11 12
2009 1 2 3 4 5 6 7 8 9 10 11 12
2010 1 2 3 4 5 6 7 8 9 10 11 12
2011 1 2 3 4 5 6 7 8 9 10 11 12
2012 1 2 3 4 5 6 7 8 9 10 11 12
2013 1 2 3 4 5 6 7 8 9 10 11 12
Популярные статьи
КомпьютерПресс использует