Posts Tagged ‘ячейки’

Какой вид дизайна выбрать

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , , ,

Итак, уважаемые сайтостроители, скажите мне, сколько видов дизайна вы знаете? А? Так слышу справа кричат — жесткий… Верно! А еще? Резиновый… Так! А какой лучше? Ой! Не надо так кричать… Давайте разбираться.

Давайте дадим определения, чтобы не было разногласий.
Жесткий дизайн — табличный дизайн, в котором величина каждой ячейки либо задана в пикселах, либо задаётся картинкой или другим элементом, помещённой в эту ячейку.
Резиновый дизайн — табличный дизайн, в котором ширина одной или нескольких ячеек задаётся в процентах от ширины окна. (далее…)

Создание таблиц Excel средствами PHP

Понедельник, Апрель 9th, 2012 Нет комментариев

Under : , , , , ,

Вот о чем пойдет разговор в этой статье:

  • Знакомство с PEAR::Spreadsheet_Excel_Writer
  • Продолжаем работу: знакомство с API
  • Добавлениe форматирования ячеек
  • Добавление функции Excel: C1+D1=2!

Подразумевается, что у Вас есть элементарные знания Excel, но ничего слишком серьезного. Вам даже не обязательно иметь копию, все приведенные примеры работают так же хорошо и с OpenOffice Calc.

Знакомство с PEAR:: Spreadsheet_Excel_Writer (далее…)

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

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

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

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

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

Колонки одинаковой высоты

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , ,

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

На самом деле применение слоев для создания одинаковых по высоте колонок неверно по своей сути, поскольку противоречит идеологии слоев. А именно: высота слоя ограничена его содержимым и формируется автоматически. При этом высота колонок различается, что хорошо видно на рис. 1, где представленный макет построен именно на базе слоев. (далее…)

Простая таблица

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

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

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

Рис. 1. Таблица с горизонтальными линиями

Рис. 1. Таблица с горизонтальными линиями

Верхний заголовок таблицы (тег <th>) также отделяется от ее данных линией, но уже меньшей толщины.

Для добавления линий воспользуемся стилевыми свойствами border-top и border-bottom, они устанавливают линию определенной толщины сверху и снизу от элемента. Применяя эти свойства к селектору TABLE, получим нужный вид таблицы. Аналогично указывается линия внизу ячеек с заголовком, только в этом случае border-bottom следует добавить к селектору TH, как показано в примере 1. (далее…)

Таблица с рамкой

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , , ,

Рамка вокруг таблицы позволяет акцентировать на ней внимание, отделить от остального содержимого веб-страницы и расширить набор средств по дизайну таблиц.

Для создания рамки применяется стилевое свойство border, которое добавляется к селектору TABLE. Также эффектно смотрится таблица, когда цвет рамки совпадает с цветом фона заголовка (тег <th>), как показано на рис. 1.

Рис. 1. Таблица с рамкой

Рис. 1. Таблица с рамкой

В примере 1 показано, как создать такую простую таблицу. (далее…)

Сетка таблицы

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

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

Для создания таблицы показанной на рис. 1 потребуется всего ничего: установить стилевое свойство border для каждой ячейки и воспользоваться свойством border-collapse.

Рис. 1. Вид таблицы с сеткой

Рис. 1. Вид таблицы с сеткой (далее…)

Колонки таблицы

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , ,

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

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

Рис. 1. Таблица с выделенными колонками

Рис. 1. Таблица с выделенными колонками (далее…)

Использование таблиц

Использование таблиц с невидимой границей для разделения страницы на блоки — довольно мощный прием для верстки веб-страниц, который нашел применение в большинстве сайтов.

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

Ниже описаны некоторые широко используемые приемы использования таблиц.

Создание колонок

Колонки легко делаются с помощью таблицы с двумя ячейками. Надо только задать параметр cellpadding или cellspacing отличным от нуля, чтобы осталось расстояние между колонками. (далее…)

Выбираем оперативную память для настольного ПК

Пятница, Апрель 11th, 2008 Нет комментариев

Under : , , , , , ,

Еще не так давно выбор оперативной памяти не представлял практически никакой сложности — достаточно было придти в магазин и приобрести модули известного производителя. Сегодня ситуация стала сложнее: выпускается много разновидностей модулей памяти, причем некоторые из них соответствуют даже еще не утвержденным стандартам. Этот небольшой материал призван рассказать об основных принципах выбора оперативной памяти и о наиболее частых проблемах, с которыми можно столкнуться при покупке модулей ОЗУ. (далее…)