Познавательное чтиво

Если надо опубликовать в Web какую-нибудь таблицу, подготовленную в другой программе, то можно не создавать ее заново в Dreamweaver, а просто воссоздать с помощью импорта текстового файла, содержащего табличные данные. Рассмотрим типичный пример: таблица подготовлена в Microsoft Excel и нам необходимо воспроизвести ее на Web-странице (рис. 12.5).

Простым копированием через буфер обмена тут не обойтись — в Dreamweaver будет вставлен только текст, а форматирование таблицы будет потеряно. Конечно, можно сохранить документ из Microsoft Excel как Web-страницу, чтобы потом открыть ее в Dreamweaver и работать с ней, как с обычным HTML-документом. Проблема в том, что пакет Microsoft Office создает HTML-документы с избыточным кодом, который вдобавок может неправильно отображаться в браузере. Для этого можно использовать методы очистки HTML-кода, о которых мы говорили в главе 4. Но зачем, когда у нас есть замечательный способ передачи табличных данных, о котором сейчас пойдет речь?

Рис. 12.5. Таблица в Microsoft Excel, которую надо воспроизвести на Web-странице

Первым делом сохраним таблицу в нужном формате. Находясь в Microsoft Excel, откроем документ с необходимой таблицей и сохраним ее в формате "Текстовый файл с разделителями табуляции". Таким образом, можно сохранить только текущий лист документа Microsoft Excel, поэтому, если таблица размещается на нескольких листах, их придется сохранить в отдельных текстовых файлах.

После этого перейдем в Dreamweaver. Поставим курсор на Web-странице там, где хотим вставить таблицу с данными из Microsoft Excel. Используем команду меню Insert | Table Objects | Import Tabular Data, чтобы открыть диалоговое окно с настройками импорта (рис. 12.6).

□ Data File — укажите в этом поле путь к текстовому файлу, который был сохранен из Microsoft Excel.

□ Delimiter — этот раскрывающийся список служит для выбора символа, разделяющего соседние столбцы таблицы. В нашем примере с Microsoft Excel таким разделителем служит символ табуляции, которому соответствует вариант Tab. Другие значения из списка:

• Comma — запятая. Используется при сохранении таблиц в формате CSV (также доступного в пакете Microsoft Excel);

• Semicolon — точка с запятой;

• Colon — двоеточие;

• Other — позволяет указать произвольный символ, который вводится в поле, появляющееся справа от параметра Delimiter.

□ Table width — ширина таблицы. Если установить переключатель Fit to Data, то ширина будет определена автоматически, исходя из количества данных в таблице. Если — Set, то появляется возможность задать ширину вручную, с помощью активизирующегося поля ввода слева от этого переключателя.

□ Cell padding — расстояние между содержимым и границами ячейки в таблице.

□ Cell spacing — расстояние между ячейками в таблице.

□ Format Top Row — раскрывающейся список определяет формат текста для самой первой (верхней) строки таблицы: полужирный, курсивный или сочетающий оба стиля. По умолчанию установлено (No Formatting), что означает — "никакого форматирования". Как правило, первая строка в таблице является заголовком, несущим информацию о содержимом столбцов. Отсюда вытекает необходимость специального оформления, которое можно провести с помощью списка Format Top Row сразу при импорте данных.

□ Border — ширина рамки таблицы, в пикселах.

Наиболее важными из перечисленных параметров являются путь к файлу с данными и тип символа-разделителя между столбцами. Все остальные параметры относятся скорее к оформлению таблицы, которое можно провести и позже, и, кстати, более эффектно.

При нажатии кнопки OK, Dreamweaver "затягивает" внутрь себя текстовый файл, разделяет данные из него на строки и столбцы и предъявляет нам готовую таблицу, структура которой максимально приближается к оригиналу в Microsoft Excel (рис. 12.7).

Отметьте, что таким образом можно втягивать и обычные текстовые файлы, как это было показано в главе 5, рассказывавшей про работу с текстом.

Если говорить о таблицах, подготовленных в офисных программах или программах для работы с базами данных, следует отметить, что в большинстве таких программ предусмотрена возможность сохранения таблиц в виде обычного текстового файла с символом-разделителем между столбцами. Благодаря этому мы можем легко переводить таблицы из таких программ в формат HTML с помощью Dreamweaver.