Смотрите также:
Лабораторная работа 9-01 Лабораторная Шонин В. А. работа 9-01 Использование табличной верстки для создания Web-страниц
446.97kb.
1 стр.
Лабораторная работа №3 Объектно-ориентированная реализация Web-страниц в asp. Net
535.81kb.
7 стр.
Лабораторная работа №5 Использование Web сервисов xml в консольных приложениях и приложениях Windows Forms цель и задачи работы
284.97kb.
1 стр.
Лабораторная работа №6 Основы создания web-страниц средствами языка разметки гипертекста
98.67kb.
1 стр.
Лабораторная работа по химии, физике, биологии, т е. по естественно-научным предметам. На уроках русского языка и литературы термин «лабораторная работа»
261.84kb.
1 стр.
Лабораторная работа №1 Построение детерминированного синтаксического анализатора
278.71kb.
1 стр.
Лабораторная работа Введение в разработку Winrt-приложений на html/JavaScript
473.51kb.
4 стр.
Лабораторная работа №5 Лабораторная работа выполняется согласно выбранной теме курсовой работы!!! Количество таблиц в бд: от 4 до 6
46.6kb.
1 стр.
Лабораторная работа №1 Установка и настройка сетевой карты. Лабораторная работа №2 Восстановление компьютера после сбоя.
58.29kb.
1 стр.
Лабораторная работа №1 по курсу "Информационная безопасность" Лабораторная работа №1
118.45kb.
1 стр.
Лабораторная работа №1. Конфигурирование и администрирование web-сервера
72.66kb.
1 стр.
Лабораторная работа Использование стандартных компонентов в C++ Builder
87.05kb.
1 стр.
Главная
страница 1

- -

Веб- технологии



Лабораторная работа 9-01

Лабораторная Шонин В.А.работа 9-01

Использование табличной верстки для создания Web-страниц

1. Цель работы

Целью работы является овладение навыками использования табличной верстки при создании Web-страниц.




2. Состав рабочего места


2.1. Оборудование: IBM-совместимый персональный компьютер (ПК).

2.2. Программное обеспечение: операционная система Windows, Web-браузер Internet Explorer версии 4.0 и выше, редактор FrontPage.



3. Краткие теоретические сведения

3.1. Технология проектирования Web-страниц


Язык HTML, с помощью которого формируются Web-страницы, является не языком программирования, а языком разметки документов. Поэтому процесс создания Web-страниц часто называют проектированием (или дизайном) Web-страниц.

Проектирование Web-страниц можно производить как в текстовом, так и в графическом режиме. В первом случае операции по редактированию производятся над документом HTML, во втором случае – непосредственно над Web-страницей, т.е. образом документа HTML, выводимым в окне Web-браузера. Второй режим называют также графическим режимом или режимом WYSIWIG (What You See Is What You Get – что вы видите, то и получите). В режиме WYSIWIG (используемом обычно в текстовых процессорах) документ выводится на экран дисплея в том виде, в котором он будет напечатан на принтере.

Документ HTML сохраняется как файл с расширением .htm или .html (в Windows и Unix).

Вставляемые в документ HTML объекты: изображения, звуковые файлы, листы стилей, апплеты обычно располагаются в том же каталоге, что и сами документы или в подкаталогах этих каталогов.

Тестирование и просмотр созданного документа выполняется с помощью любого Web-браузера.


3.2. Редакторы HTML


При проектировании Web-страниц можно использовать как обычные текстовые редакторы, так и специализированные редакторы Web-страниц.

Поскольку документ HTML представляет собой обычный текстовый файл, его можно создавать и редактировать с помощью обычного текстового редактора, например, редактора Блокнот (Notepad) в Windows. Создание документа с помощью обычных текстовых редакторов требует хорошего знания языка HTML, его версий и расширений.



Специализированные текстовые редакторы HTML, наряду с функциями обычных текстовых редакторов, предоставляют следующие возможности:

  • автоматическая вставка и выделение дескрипторов в тексте документа HTML (обычно другим цветом);

  • синтаксический контроль дескрипторов HTML и других компонент Web-страниц (языков сценариев, дескрипторов динамического HTML и др.);

  • импорт документов из других текстовых редакторов;

  • встроенные справочные средства и средства обучения.

Тестирование и просмотр созданных или отредактированных Web-страниц выполняется с помощью встроенных в программу или внешних Web-браузеров.

Примером специализированного текстового редактора является редактор CuteHTML для Windows. Для проектирования Web-страниц в этом редакторе используются раскрывающиеся меню и панели инструментов, обеспечивающие поддержку всех общепринятых дескрипторов HTML, включая формы и таблицы. В составе этого редактора имеются довольно подробные справочные системы с элементами обучения.

Наряду с несомненными преимуществами специализированных текстовых редакторов по сравнению с текстовыми редакторами общего назначения, данный тип редакторов имеет один существенный недостаток (присущий также графическим редакторам HTML) – отсутствие поддержки новых элементов языка HTML, в частности, некоторых дескрипторов версии HTML 4.0, расширений HTML, элементов XML и интерактивных средств технологии WWW.

Разработка больших и сложных Web-страниц с помощью текстовых редакторов (как обычных, так и специализированных) является очень трудоемким. Поэтому при проектировании Web-страниц графические редакторы практически вытеснили текстовые редакторы, в том числе и в среде профессиональных дизайнеров Web-страниц. Работать с графическими редакторами значительно удобнее, чем с текстовыми редакторами, поскольку содержимое страницы выглядит так же или практически так же, как оно выглядело бы при просмотре Web-браузером, а операции над Web-страницей выполняются с использованием графического интерфейса. В настоящее время существует множество графических редакторов Web-страниц, но, как правило, Web-дизайнер выбирает себе один из них, в соответствии со своими потребностями и вкусами.

Основными рекомендуемыми критериями при выборе графического редактора являются:


  • способ реализации;

  • поддержка версий и расширений HTML, доступные средства HTML;

  • режимы работы;

  • работа с объектами и ссылками;

  • работа с интерактивными средствами;

  • импорт данных;

  • средства автоматизации проектирования;

  • требования к операционной среде и аппаратным средствам;

  • цена.

Графические редакторы Web-страниц могут быть реализованы либо как отдельные программные продукты (например, Microsoft FrontPage), либо как составные компоненты других программных продуктов. Так, редактор Microsoft Script editor является составной частью пакета Microsoft Office, а редактор Netscape Composer, наряду с Web-браузером Netscape Navigator, является одной из компонент пакета Netscape Communicator.

Каждый из этих способов реализации имеет свои преимущества и недостатки. Так, использование редактора Web-страниц в составе Microsoft Office позволяет с помощью единого инструмента работать с документами самых разнообразных форматов. Кроме того, в этом случае становятся доступными мощные средства редактирования Microsoft Office, в частности, проверка орфографии и синтаксиса, автоматическое исправление грамматических ошибок и сложное форматирование. В то же время реализуемые отдельно редакторы Web-страниц являются, как правило, более мощными по своим возможностям инструментами, чем встроенные редакторы. Кроме того, для программ редакторов Web-страниц, встроенных в системы обработки документов, все элементы документа должны подвергаться процедуре преобразования (поскольку HTML – не "родной" язык текстовых процессоров), и при этом такие детали как рамки таблиц и некоторые текстовые расширения, не удается преобразовать должным образом.

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

Помимо графического режима, многие редакторы обеспечивают также режим редактирования исходного документа HTML, т.е. текстовый режим. Эта возможность используется, в основном, для внесения в документ HTML таких элементов, которые данный редактор не поддерживает (например, сценариев или дескрипторов динамического HTML). Кроме того, часть редакторов реализует (с помощью встроенных или внешних Web-браузеров) режим тестирования созданной или модифицированной с помощью данного редактора Web-страницы.

В большинстве графических редакторов, при включении в Web-страницу какого-либо объекта или ссылки, как правило, имеется возможность сразу же увидеть результат вставки объекта (например, рисунка) на экране. Средства для организации ссылок на текущую страницу или другие Web-страницы имеются во всех редакторах, однако лишь в немногих редакторах предусмотрена проверка того, действительно ли существует страница, на которую направлена связь, а также возможность ссылки на документы других форматов (например, Microsoft Word) и ее проверки. Некоторые редакторы Web-страниц позволяют при вставке рисунка изменить его формат или размеры с помощью специальных модулей-конверторов. Существенно облегчает создание Web-страниц также наличие в редакторе библиотеки стандартных графических элементов (кнопок, стрелок, различных пиктограмм и др.).

Многие графические редакторы позволяют работать не только с дескрипторами HTML, но и с одними или несколькими языками сценариев, средствами объектной модели документа и даже программами на Java или Visual Basic. При этом некоторые из этих редакторов не только обеспечивают синтаксический контроль вставляемых в документ HTML фрагментов программного кода, но также отладку и тестирование документа HTML непосредственно в окне редактора.

Существенной характеристикой редактора Web-страниц является возможность импорта данных из других документов, причем не только фрагментов других документов HTML и текстовых документов, но и документов в других форматах. Для этого графический редактор должен содержать программные модули - конверторы для преобразования форматов данных (например, таблиц в формате Microsoft Excel или Microsoft Word в таблицы HTML).

Некоторые графические редакторы Web-страниц, помимо функций редактирования Web-страниц включают в себя дополнительные компоненты, позволяющие автоматизировать весь процесс проектирования Web-страниц. Наиболее распространенными компонентами автоматизации являются:



  • средства работы с шаблонами Web-страниц;

  • средства публикации Web-страниц;

  • «мастера» (wizards).

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

Под публикацией в технологии WWW понимается процесс организации установки всех компонентов Web-документа: документов HTML, рисунков и других объектов, а также связанных с этим документом приложений, на свой компьютер или Web-сервер. При переносе документа на Web-сервер часто возникает проблема сохранения корректности перекрестных ссылок в Web-документе, особенно в случае использования относительных ссылок. Для решения этой проблемы в редакторы включаются средства сборки Web-документов, а также автоматической или ручной корректировки перекрестных ссылок.

Встроенные в графический редактор «мастера» разбивают весь процесс проектирования Web-документа на этапы, начиная с выбора структуры и стиля каждой Web-страницы и кончая загрузкой созданного или отредактированного Web-документа по сети на удаленные Web-серверы. Количество, последовательность и содержание этапов могут динамически меняться пользователем в интерактивном режиме, в зависимости от решаемой задачи, а также структуры и содержания Web-документа. Программы-«мастера» являются самым мощным средством проектирования Web-страниц.

Требования к аппаратным средствам графических редакторов Web-страниц, реализованных в виде отдельных программ или пакетов программ, а также их стоимость, как правило, существенно зависят от предоставляемых ими возможностей. В отличие от Web-браузеров, подавляющее большинство редакторов является коммерческими продуктами, стоимость которых лежит в диапазоне от нескольких десятков до нескольких сотен долларов США. Стоимость встроенных редакторов (если они не поставляются отдельно в виде расширений) включена в стоимость того программного продукта, в который они входят. Следует отметить, что разработчики обычно выпускают несколько версий графических Web-браузеров для разных операционных систем.

По проводимым рейтингам самыми мощными, удобными и обладающими наибольшими возможностями редакторами Web-страниц являются:


  • FrontPage фирмы Microsoft (последняя версия FrontPage EXP включена в состав пакета Microsoft Office EXP);

  • DreamWeaver фирмы Macromedia (последняя версия 4.0);

  • PageMill фирмы Adobe (последняя версия 4).

В настоящей дисциплине в качестве графического редактора будет использоваться FrontPage 2000 или FrontPage EXP (в дальнейшем называемый просто FrontPage).

3.3. Работа в среде FrontPage


Как и другие приложения, использующие графический интерфейс Windows, окно FrontPage содержит сроку заголовка, строку меню, панели инструментов, рабочее окно и строку состояния. Панели инструментов (по умолчанию в окне выводятся панели Standard – стандартная и Formatting – форматирование) можно добавить или убрать, используя пункт Toolbars (Панели инструментов) меню View (Вид), либо щелкнув правой кнопкой мыши на свободном участке панелей инструментов, т.е. вызвав контекстное меню. Состав кнопок, областей ввода и списков на панелях инструментов можно изменить в пункте Customize (Настройка) меню Tools (Сервис).

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



в левом нижнем углу рабочего окна. Вкладка Normal (Нормальный) и HTML позволяют выбрать режим графического или текстового редактирования, а вкладка Preview (Предварительный просмотр) просмотреть Web-страницу в том виде, в котором она будет представлена в Web-браузере. На самом деле, вид Web-странице в этом режиме не всегда соответствует ее представлению в конкретном Web-браузере. Поэтому рекомендуется тестирование Web-странице производить в непосредственно в Web-браузере (или нескольких Web-браузерах), например, в Internet Explorer и/или Netscape Navigator.



В режиме Normal при включении опции Reveal Tags (Показывать дескрипторы) можно просматривать вид текста с дескрипторами HTML и в графическом режиме.

Справка по FrontPage, как и в других программах Windows, вызывается либо в пункте Microsoft FrontPage Help меню Help (Справка), либо при нажатии клавиши F1. Необходимую справочную информацию можно получить тремя способами:



  • с помощью оглавления – вкладка Contents (Содержание);

  • с использованием «мастера» ответов – вкладка Answer Wizard;

  • при помощи поиска нужного термина – вкладка Index (Предметный указатель).



3.4. Форматирование страниц в FrontPage


Форматирование Web-страниц в FrontPage выполняется практически так же, как и в Word, с использованием меню Insert, Format и Table. Часть операций форматирования можно выполнить используя кнопки и списки панелей инструментов Standard, Formatting, Pictures, Tables и Style.

Форматирование на уровне отдельных символов и слов выполняется с помощью пункта Font (Шрифт) меню Format (Формат).

В диалоговом окне этого пункта меню на вкладке Font можно задать вид шрифта, размер шрифта, цвет шрифта, а также физические и логические стили шрифта. На вкладке Character Spacing (Интервал) задаются интервал между символами и величина позиции смещения вверх или вниз относительно базовой линии.

Форматирование абзаца выполняется с помощью пункта Paragraph (Абзац) меню Format. В диалоговом окне этого пункта меню задаются следующие параметры:



  • выравнивание текста (Alignment);

  • отступ абзаца (в пикселях) от правой и/или левой границы текста Web-страницы (Indentation);

  • отступ (в пикселях) для первой строки абзаца (Indent first line);

  • промежуток перед абзацем, после абзаца и между словами (в пикселях) (Spacing);

  • промежуток между строками в абзаце (Line spacing).

При вызове контекстного меню для Web-страницы можно задать цвет или рисунок фона (на вкладке Background – Фон), а также верхнюю и левую границы страницы (на вкладке Margins – Границы) диалогового окна пункта Page Properties.

Разделение абзаца на два абзаца, а также очистка значений заданных в поле Indentation выполняется в пункте Break (Разрыв) меню Insert.

Вставка в Web-страницу горизонтальной линии выполняется в этом же меню в пункте Horizontal Line (Горизонтальная линия). Параметры горизонтальной линии можно изменить, в пункте Horizontal Line Properties вызванного для нее контекстного меню.

Вставить один символ из таблицы символов можно с помощью пункта Symbol меню Insert.

Форматирование выделенных фрагментов текста как заголовков или списков производится выбором соответствующего стиля в раскрывающемся списке Style (Стиль) меню Formatting.

Дополнительные возможности по оформлению списков (в частности выбор рисунка в качестве маркера и способа нумерации списков) обеспечиваются в пункте Bullets and Numbering (Список) меню Format.

Заключить выделенный абзац в прямоугольную рамку с установкой стиля, цвета, ширины рамки и отступа рамки от текста можно, используя пункт Borders and Shading (Обрамление и заливка) меню Format. Во вкладке Shading (Заливка) диалогового окна этого пункта можно указать цвета фона и переднего плана для выделенный области, либо задать узор или рисунок для фона.

Создание и редактирование таблице в FrontPage производится либо с помощью меню Table (Таблица), либо с помощью панели инструментов Tables (Таблицы).

Создать таблицу можно, нарисовав ее карандашом (кнопка ), либо задав параметры таблицы в диалоговом окне подпункта Table пункта Insert (Вставить). В других подпунктах этого пункта можно вставить в созданную таблицу новые строки, колонки или ячейки, а также заголовок (подпункт Caption). С помощью ластика (кнопка на панели инструментов Tables) или пунктов Delete Cells (Удалить ячейки), Merge Cells (Объединить ячейки) и Split Cells (Разбить ячейки) можно модифицировать таблицу. Выделенные ячейки можно залить заданным цветом, используя кнопку на панели инструментов Tables.

Форматирование таблицы, ее отдельных ячеек и заголовка выполняется при выборе соответственно подпункта Table, Cell или Caption в пункте Properties (Свойства), либо с помощью кнопок на панели инструментов Tables.

Вставить изображение на страницу можно с помощью пункта Picture (Рисунок) меню Insert, либо с помощью кнопки . Можно вставить изображение из локальной файловой системы, из Web-сайта или из WWW в одном из следующих графических форматов: GIF, JPEG, BMP, TIFF, TGA, RAS, EPS, PCX, PNG, PCD и WMF. При сохранении страницы FrontPage выводит подсказку о сохранении изображения на Web-сайте. Если изображение не в формате GIF или JPEG, то изображения, использующие до 256 различных цветов, автоматически преобразуются в формат GIF, а остальные рисунки – в формат JPEG.

Некоторые характеристики изображения: масштабирование, горизонтальное и вертикальное выравнивание, определение альтернативного текста и/или альтернативного изображения с низким разрешением, преобразование изображения в формат GIF, JPEG или PNG, а также установка параметров для изображения в форматах GIF и JPEG выполняется при вызове пункта Picture Properties контекстного меню для изображения.



Помимо этого, в FrontPage встроены средства редактирования вставленного в Web-страницу изображения. Это редактирование выполняется после щелчка мышью по рисунку с помощью панели инструментов Pictures (Рисунки). Кнопки этой панели позволяют выполнить следующие операции над изображением:

  • увеличение или уменьшение яркости (кнопки и );

  • увеличение или уменьшение контрастности (кнопки и );

  • преобразование цветного изображения в черно-белый (кнопка );

  • обрезка изображения (кнопка );

  • поворот изображения на 90º против часовой стрелки или по часовой стрелки (кнопки и );

  • поворот вокруг горизонтальной или вертикальной оси (кнопки и );

  • выделение на изображении одного цвета как прозрачного (в этом случае через этот цвет в любом месте изображения будет просматриваться фон) (кнопка );

  • вставка текста в изображение (в этом случае, если рисунок представлен в формате JPEG он будет преобразован в GIF, поскольку формат JPEG не поддерживает текст) (кнопка );

  • изменение ширины и высоты изображения (в этом случае, в отличие от изменения атрибутов WIDTH и HEIGHT дескриптора IMG, когда происходит только масштабирование рисунка, происходит изменение размера файла с рисунком; перед изменением размера рисунок должен быть предварительно масштабирован) (кнопка );

  • придание изображению трехмерности (кнопка );

  • удаление всех произведенных изменений изображения (до его последнего сохранения на диске) (кнопка );

  • создание графической ссылки на изображение (в этом случае в качестве графической ссылки выступает уменьшенная копия изображения – thumbnail) (кнопка ).

На панели инструментов Pictures (Рисунки) с помощью кнопок можно выбрать область для карты-изображения (прямоугольник, эллипс или многоугольник, а также выполнить подсветку выбранной области.

Для создания метки, на которую будет происходить переход в Web-странице, используется пункт Bookmark (Закладка) меню Insert.

Для создания ссылки необходимо выделить текст или изображение для ссылки и нажать кнопку на панели инструментов Standard, либо выбрать пункт Hyperlink (Гиперссылка) меню Insert. В качестве ссылки можно задать метку, определенную в пункте Bookmark меню Insert, URL или имя файла. С помощью кнопки выполняется также модификация существующей ссылки.

Гиперссылки для выделенной Web-страницы можно просмотреть в режиме Hyperlinks панели инструментов Views или при выборе пункта Hyperlinks в меню View.

Каждый из трех типов ссылок: невыбранная ссылка – hyperlink, выбранная ссылка – active hyperlink и уже посещенная ссылка – visited hyperlink, имеет свой цвет, обычно задаваемый Web-браузером по умолчанию. Можно изменить цвета для каждого типа ссылок, выбрав пункт Page Properties меню контекстного меню Web-страницы и задав в поле Hyperlink вкладки Background (Фон) диалогового окна этого пункта меню свои собственные цвета для непосещенных, посещенных и активных ссылок.
3.4 Табличная верстка

Табличная верстка нынче совсем не в почете. Буквально на каждом углу кричат, что надо переходить к верстке с помощью слоев, потому что это соответствует стандартам, правильнее и вообще «прикольно». Почему слои лучше таблиц обычно не сообщают, так что приходится либо верить на слово, либо решать дилемму самостоятельно. Поэтому попытаемся объективно решить, что же представляют собой таблицы, где их следует применять, а где не стоит.

Сразу следует оговорить, что спор вокруг таблиц происходит только в том случае, когда они используются для верстки. Если дело касается хранения табличных данных, то не возникает сомнений, что таблицы именно для этой цели и предназначены.

Применение таблиц для верстки


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

Таблицы помогают установить колонки одинаковой высоты при разном объеме содержимого колонок. Разумеется, подобный эффект можно наблюдать только в том случае, если для колонок применяется фоновая заливка или добавляется рамка.

С помощью таблицы можно добиться эффекта, что нижняя часть страницы («подвал») выравнивается по нижнему краю окна браузера. Это имеет смысл в том случае, если объема данных не хватает для увеличения высоты документа. В противном случае часть страницы будет «висеть» в середине окна. Естественно, для документа достаточного объема его отображение происходит как обычно.

Стоит признать, что табличная верстка если не легче, то гораздо привычнее, чем верстка с помощью слоев. Таблицы используют уже несколько лет и естественно, что приемы верстки с их помощью стали каноническими. Поэтому, в условиях лимита времени на создание сайта применение таблиц более чем оправдано. Кстати, многие дизайн-студии, занимающиеся разработкой сайтов, именно по этой причине отдают предпочтение табличной верстке. Результат получается планируемым и ожидаемым, а ошибок с отображением сайта в разных браузерах практически не возникает.

Если подходить критично к способам использования таблиц, то действительной причиной их популярности является консерватизм разработчиков, привычность и быстрота верстки сайтов с их помощью. Ясно одно — таблицы постепенно сдают свои позиции в пользу верстки слоями. Но пройдет еще несколько лет, прежде чем «табличные» сайты станут раритетом и исчезнут с простора Рунета.

Особенности таблиц

При верстке с помощью таблиц необходимо знать некоторые особенности, которые присущи таблицам. Это нужно для того, чтобы понимать, как построить макет в том или ином случае, создать эффективный код и не допустить откровенных ляпов в работе. Считается, что табличная верстка проще, чем другими методами, например, с помощью слоев. Однако таблицы тоже таят в себе множество хитростей, которые, так или иначе, влияют на отображение страницы.


Ширина таблицы


Ширина таблицы, если она явно не указана, устанавливается браузером автоматически исходя из содержимого ячеек. Когда таблица применяется для создания опорной сетки на странице, такой подход нежелателен, поскольку зависит от переменных данных. Поэтому ширину таблицы указывают всегда — в процентах, если используется «резиновый» макет или в пикселах для макета фиксированной ширины.

Ширина ячеек


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

Рассмотрим на примере тот случай, когда размер ячеек нужно указать. Предположим, что нам требуется создать на веб-странице две колонки, одна из них должна иметь размер 200 пикселов, а вторая занимать оставшееся место. Создаем таблицу с двумя ячейками и для левой ячейки задаем параметр width="200" (пример 1). Единицы измерения ставить не нужно, браузер сам понимает, что если задано число, значит, используются пикселы.



Пример 1. Ширина ячеек




Таблица








Левая колонка Правая колонка