67186

Оформлення таблиць

Лекция

Информатика, кибернетика и программирование

Таблиці чудово справляються з тим для чого вони насправді призначені представленням табличних даних. Структура таблиці Перш ніж переходити до CSS давайте розглянемо ключові структурні елементи таблиць які знадобляться для гарного оформлення...

Украинкский

2014-09-04

720.5 KB

1 чел.

Тема № 7: «Оформлення таблиць»

ЗМІСТ

Вступ

Структура таблиці

Основи 

Ширина таблиці та комірок

Вирівнювання тексту

Межі

Заповнення

Розміщення заголовка таблиці

Фон

Виправлення IE за допомогою умовних стилів

Простий дизайн

Розповсюджені варіанти використання 

Розмітка зебра

Неповні сітки 

Внутрішні кордони 

Дві поширені помилки 

Помилка border-collapse

Помилка margin/caption

Резюме

Контрольні запитання

Додаткове читання


Вступ

Іноді здається, що таблиці зрозумілі трохи неправильно в сучасній розробці Web. Так багато уваги приділяється тезису “не використовуйте таблиці!”, що люди іноді забувають, що тезис насправді має вигляд “не використовуйте таблиці для компонування”. Таблиці чудово справляються з тим, для чого вони насправді призначені – представленням табличних даних. Тому має сенс знати, як оформляти їх правильно.

Ця тема розглядає ефективне застосування CSS для створення таблиць даних з чітким і легко читаним оформленням. Також будуть розглянуті деякі поширені конструктивні рішення для таблиць.

  1.  Структура таблиці

Перш ніж переходити до CSS, давайте розглянемо ключові структурні елементи таблиць, які знадобляться для гарного оформлення:

  •  Заголовки стовпців таблиці
  •  Осередки даних таблиці
  •  Заголовок таблиці

Коли користувачі сайту читають таблицю, вони повинні мати можливість легко зрозуміти і слідувати структурі таблиці. Найчастіше для цього використовують кордони, колір фону, або те й інше.

Немає необхідності слідувати цим угодам оформлення, однак, потрібно гарантувати, що існують чіткі відмінності між осередками th і td; заголовок таблиці повинен чітко асоціюватися з таблицею і відрізнятися від іншого тексту на сторінці.

  1.  Основи

Розглянемо, як зображується наступна нестилізована таблиця:

Дані легко зрозумілі, але потрібно деяке зусилля, щоб визначити, що відбувається. Давайте додамо деяке оформлення, щоб полегшити читання.

Ширина таблиці та комірок

Перш за все, необхідно визначити ширину таблиці. Браузер за замовчуванням використовує налаштування table {width: auto;}, що призводить до виводу таблиці на всю ширину контенту. Це зазвичай виглядає не дуже добре.

Давайте припустимо, що таблиця пов’язана зі стовпцем контенту шириною 600px. Задамо для таблиці розмір у 100% доступної ширини, щоб максимально використовувати доступний простір. Так як є чотири стовпці, давайте також поставимо ширину комірок таблиці по 25% для кожної:

table {

width: 100%;

}

th, td {

width: 25%;

}

Можна насправді задати просто ширину для th і вона буде задавати ширину всіх стовпців, але ніщо не заважає бути ґрунтовнішим. Це просте оформлення створює результат, показаний на мал.1:

Мал.1. Приклад таблиці з простими налаштуваннями ширини

Комірки мають зараз однакову ширину. Ми розглянемо завдання нерівної ширини комірок пізніше, але поки рушимо далі.

Вирівнювання тексту

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

table {

width: 100%;

}

th, td {

width: 25%;

text-align: left;

}

Це трохи покращує зовнішній вигляд, як можна бачити на мал.2:

Мал.2. Таблиця з вирівнюванням ліворуч

У даний момент всі комірки вертикально вирівняні по центру. При бажанні можна задати вирівнювання тексту по верху або по низу комірки, або будь-яке інше вирівнювання по вертикалі, яке подобається. Нові правила нижче задають вирівнювання тексту по верху:

table {

width: 100%;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

}

Таблиця тепер виглядає як на мал.3:

Мал.3. Таблиця з доданим вертикальним вирівнюванням

Зверніть увагу, що верхній рядок заголовків стовпців вирівняний по верху, хоча “Last Major Eruption” розташовується на двох рядках.

Межі

Таблиця виглядає трохи краще, проте її все ще важко читати уздовж кожного рядка. Настав час поставити кілька кордонів, щоб полегшити читання вмісту. Необхідно задати межі окремо для кожної частини таблиці, а потім вирішити, як ці кордони мають комбінуватися.

Щоб показати, де буде заданий кордон, малюнок 4 нижче показує різні межі для таблиці (суцільна чорна), заголовку таблиці (суцільна сіра), th (штрихова синя) і td (точкова червона).

Мал.4. Ілюстрація кордонів різних елементів в таблиці

Зверніть увагу, як межа table обходить по контуру навколо всіх комірок заголовків стовпців та даних, потім між комірками і заголовком таблиці. Можна також бачити, що, за замовчуванням, межі th і td знаходяться на деякій відстані один від одного.

Давайте подивимося на інше оформлення таблиці – можна задати простий чорний кордон для таблиці та комірок, використовуючи властивість border – це робиться за допомогою нових правил, представлених нижче:

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000;

}

Одержаний результат показаний на мал.4:

Мал.4. Таблиця з простими чорними межами

Це істотно полегшує читання рядків, однак може не сподобатися пробіл між осередками. Існує два способи це змінити.

Перший, можна просто закрити розриви, використовуючи властивість border-spacing, наступним чином:

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000; 

border-spacing: 0;

}

Це змусить кордони стикнутися, замість роздільного розміщення. Кордон товщиною 1px заміниться кордоном у 2px, як видно на мал.5:

Мал.5. Таблиця з віддаленими пробілами між кордонами, що створює ефект кордону товщиною 2px

Можна також збільшити пробіл між осередками, використовуючи border-spacing, хоча пам’ятайте, що ця властивість не працює в браузері Internet Explorer.

Якщо потрібно зберегти кордон товщиною в 1px, необхідно задати таблицю так, щоб кордони “схлопувалися” один в одного. Це можна зробити за допомогою властивості border-collapse замість властивості border-spacing:

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000; 

border-collapse: collapse;

}

Цей код створює таблицю з кордоном товщиною 1px, як на мал.6:

Мал.6. Таблиця з властивістю border-collapse, заданою як collapse, зменшує товщину кордону до 1px

Коли задається з’єднання кордонів, необхідно пам’ятати, що це може створювати проблеми, якщо до суміжних клітинок були застосовані різні стилі оформлення кордонів. Коли з’єднуються різні стилі меж, вони можуть “конфліктувати” один з одним. Це дозволяється відповідно до правил вирішення конфліктів кордонів таблиць специфікації W3C CSS2, які визначають, які стилі “виграють”, коли вони з’єднуються.

Заповнення

Тепер, коли комірки мають кордони, може бути корисно додати вільний простір у заголовок і елементи таблиці. Для цього використовується заповнення (padding).

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000;

border-collapse: collapse;

padding: 0.3em;

}

caption {

padding: 0.3em;

}

Це дозволяє тексту “зітхнути” трохи вільніше, як показано на мал.7:

Мал.7. Таблиця із заповненням, доданим у всі комірки

Розміщення заголовка таблиці

До цих пір заголовок таблиці розміщувався вгорі таблиці. Однак, можна перемістити заголовок таблиці в інше місце. На жаль, це неможливо зробити в браузері IE, але для всіх інших браузерів можна змінити положення заголовка таблиці за допомогою властивості caption-side. Варіантами розміщення є top, bottom, left і right (вгорі, внизу, ліворуч, праворуч). Давайте перемістимо заголовок таблиці вниз:

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000;

border-collapse: collapse;

padding: 0.3em;

caption-side: bottom;

}

caption {

padding: 0.3em;

}

Мал.8 показує результат:

Мал.8. Таблиця із заголовком, переміщеним вниз таблиці

Якщо ви захочете перемістити заголовок таблиці, пам’ятайте, що будь-які стилі side-specific не будуть працювати в браузері IE. Наприклад, якщо додаються три кордони, щоб “приєднати” заголовок таблиці знизу таблиці, то в браузері IE бажаний результат не вийде, так як заголовок буде як і раніше знаходитися зверху. Потрібно буде використовувати умовні коментарі, щоб переоформити таблицю для IE.

В інших розглянутих прикладах заголовок таблиці залишається вгорі.

Фон

Ще одним простим способом оформлення таблиць є додавання кольору фону і зображень. Це робиться за допомогою властивості background, хоча потрібно пам’ятати, що різні частини таблиці будуть “нашаровуватися” одна на одну. Специфікація CSS2 докладно пояснює шари фону, проте коротка версія полягає в тому, що фон буде перевизначати один одного в наступному порядку:

  1.  таблиця (яка визначає “низ” або “основу”)
  2.  групи стовпців
  3.  стовпці
  4.  групи рядків
  5.  рядки
  6.  комірки (“верх” або “фронтальний”, їх фон перевизначає всі інші)

Тому, якщо задається фон для таблиці й інший колір для комірок, фон комірки буде закривати фон таблиці. Якщо для кордонів задано collapse, то фон таблиці взагалі не буде видно. Однак якщо border-collapse задано як separate, фон таблиці буде просвічуватися між кордонами.

Зазначимо, що концепція різних елементів, розташованих один поверх іншого на сторінці, є керованою, і ви можете керувати, наскільки високо або низько знаходиться елемент відносно інших елементів, змінюючи його властивість z-index.

Припустимо, що для таблиці задано червоний фон, а для комірок білий. Розділені комірки будуть показувати червоний фон таблиці, але самі комірки будуть залишатися білими, як показано на мал.9:

Мал.9. Червоний фон елементу таблиці просвічує між білими елементами комірок

Можна також використовувати фонове зображення. Наприклад, якщо ви хочете мати градієнт кольору, що просвічує між комірками, можна задати білий фон комірок th і td, а фон таблиці задати як градієнт кольору:

table {

border-collapse: separate;

border-spacing: 5px;

background: #000 url("gradient.gif") bottom left repeat-x;

color: #fff;

}

td, th {

background: #fff;

color: #000;

}

Відзначимо, що для фону заданий чорний колір, який буде заповнювати простір вгорі, де закінчується зображення градієнта (ви повинні завжди передбачати, щоб таблиця була більше по висоті фонового зображення). Колір переднього плану задається білим, щоб ці кольори за умовчанням завжди просвічували через контент комірки. Зазвичай, оформлення комірок буде перевизначати настройки кольору тексту з таблиці стилів table {}, але потрібно завжди оголошувати контрастні кольори фону і переднього плану на кожному рівні.

Ці стилі оформлення створюють таблицю, яка буде виглядати як на мал.10 у більшості браузерів:

Мал.10. Таблиця, що демонструє градієнтне фонове зображення, просвічуване між комірками

За замовчуванням браузер IE не покаже фонове зображення в такій же мірі, так як він не підтримує властивість border-spacing. Однак ви отримаєте, тим не менш, такий же загальний результат, як показано на мал.11.

Мал.11. Браузер IE виводить між кордонами пробіл меншої величини

У залежності від обставин, ви можете бути цілком задоволені цією відмінністю зображень в браузерах. Звичайно, це не завжди можливо, наприклад, коли клієнт хоче, зокрема, щоб дизайн виглядав однаково в усіх браузерах.

Виправлення IE за допомогою умовних стилів

Існує спосіб обходу зазначених вище проблем браузера IE. Він вимагає деякої хитрості і додаткової таблиці стилів, але він працює. Можна використовувати expression для створення більш широкого пробілу, а потім завантажити цей вислів за допомогою умовних коментарів. Синтаксис вираження має наступний вигляд:

table {

border-collapse: expression("separate", cellSpacing = "5px");

}

Цей код CSS буде корисний тільки для IE, тому ми хочемо, щоб він застосовувався лише в IE. Цей вираз буде також робити недійсною таблицю стилів, тому багато розробників вважають за краще ізолювати вставку для IE в окремій таблиці стилів, що завантажується тільки в IE.

Для цього створюємо нову таблицю стилів з ім’ям ie-only.css і приєднуємо її в умовному коментарі:

<!--[if lte IE 7]><link rel="stylesheet" media="screen" href="ie-only.css" /><![endif]-->

Відзначимо, що [if lte IE 7] означає “якщо менше або дорівнює IE версії 7″. Ця умова відкриває код для браузера IE7 і більш ранніх версій IE, в той час як навколишній коментар HTML приховує код від всіх інших браузерів. Можна налаштувати цей вираз у відповідність до необхідної версії IE, наприклад, для версії IE6 та більш ранніх використовуйте [if the IE 6].

В основній таблиці стилів задайте стандартний стиль:

table {

border: 1px solid #000;

border-collapse: separate;

border-spacing: 5px;

background: #000 url("gradient.gif") bottom left repeat-x;

}

І потім встановіть стиль для IE в ie-only.css:

table {

border-collapse: expression("separate", cellSpacing = "5px");

}

Це змусить IE створити таблицю з більш широким інтервалом між комірками. Необхідно тільки не забувати підтримувати додаткові настройки ширини – якщо змінюється основна таблиця стилів, потрібно буде змінити також ie-only.css. Очевидно, що умовні коментарі дозволяють робити значно більше, ніж тільки оформляти таблиці, так як додаткова таблиця стилів може містити весь код CSS, який потрібен для виправлення помилок IE.

Простий дизайн

Більшість дизайнерських рішень використовують відносно прості комбінації фонових кольорів. Давайте задамо для заголовків стовпців таблиці сірий фон, а заголовок таблиці представимо білим текстом на чорному фоні:

table {

width: 100%;

border: 1px solid #000;

}

th, td {

width: 25%;

text-align: left;

vertical-align: top;

border: 1px solid #000;

border-collapse: collapse;

padding: 0.3em;

caption-side: bottom;

}

caption {

padding: 0.3em;

color: #fff;

background: #000;

}

th {

background: #eee;

}

Отриманий результат виглядає як на мал.12:

Мал.12. Таблиця з негативним білим на чорному заголовком таблиці і світло-сірим фоном для комірок заголовків стовпців таблиці

  1.  Розповсюджені варіанти використання

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

Розмітка зебра

Широко використовуваним варіантом дизайну для таблиць є створення рядків з альтернативними кольорами. Це звичайно називають “розміткою зебри”. Хоча й існують якісь сумніви щодо того, наскільки розмітка зебри дійсно допомагає читачеві, вона є популярним стилем оформлення. Мал.13 показує приклад:

Мал.13. Таблиця з “розміткою зебри”, по черзі задає рядки з білим і світло-сірим фоном

Простіше за все реалізація розмітки зебри робиться додаванням класу для чергування рядків таблиці, а потім використанням контекстного селектора CSS для оформлення осередків у цих рядках. Перш за все, в рядки таблиці додаються наступним чином класи “odd” і “even“:

...

<tr class="odd">

...

<tr class="even">

...

Можна пропустити рядок заголовків стовпців, тому що він має свій власний стиль оформлення. Потім додається контекстний клас для завдання фону всіх комірок у рядках класу odd:

.odd th, .odd td {

background: #eee;

}

Це найпростіший спосіб додати розмітку зебри в таблицю HTML, який буде працювати для всіх браузерів, але він має недоліки – що якщо ви додасте в таблицю рядок? Тоді потрібно буде переміщати всі імена класів odd і even, щоб все знову виглядало правильно.

Існує два інших варіанти:

  •  Можна додавати класи за допомогою невеликого сценарію JavaScript, як показано в публікації “A List Apart: Zebra Tables”. Більшість засобів розробки JavaScript також мають відповідний метод: публікація Zebra Table Showdown порівнює ряд реалізацій.
  •  Можна використовувати селектор CSS3 :nth-child, однак він поки що підтримується не в усіх основних браузерах. Однак підтримка з часом покращиться.

Неповні сітки

Для деяких рішень добре підходять менш структуровані, більш відкриті сітки. Простим варіантом є видалення вертикальних кордонів та видалення заливки фону заголовка таблиці, як показано на мал.14:

Мал.14. Таблиця зі світло-сірими кордонами тільки на зовнішніх краях і по нижньому краю кожної комірки

Код CSS для цього подання має вигляд:

table {

width: 100%;

border: 1px solid #999;

text-align: left;

border-collapse: collapse;

margin: 0 0 1em 0;

caption-side: top;

}

caption, td, th {

padding: 0.3em;

}

th, td {

border-bottom: 1px solid #999;

width: 25%;

}

caption {

font-weight: bold;

font-style: italic;

}

Можна зробити ще один крок і видалити усі межі, за винятком верхньої і нижньої межі, щоб визначити тіло таблиці – див. мал.15:

Мал.15. Таблиця з кордонами тільки по верху і низу тіла таблиці

Код CSS для такої таблиці буде наступним:

table {

width: 100%;

text-align: left;

border-collapse: collapse;

margin: 0 0 1em 0;

caption-side: top;

}

caption, td, th {

padding: 0.3em;

}

tbody {

border-top: 1px solid #000;

border-bottom: 1px solid #000;

}

tbody th, tfoot th {

border: 0;

}

th.name {

width: 25%;

}

th.location {

width: 20%;

}

th.lasteruption {

width: 30%;

}

th.eruptiontype {

width: 25%;

}

tfoot {

text-align: center;

color: #555;

font-size: 0.8em;

}

Внутрішні кордони

Інколи, бажано видалити зовнішню межу, але зберегти внутрішню сітку границь, як на мал.16:

Мал.16. Таблиця з внутрішньої сіткою

Щоб реалізувати це для всіх сучасних браузерів, необхідно додати клас в комірки th і td, які з’являються останніми в кожному рядку, наступним чином:

...

<tr>

<th scope="col">Volcano Name</th>

<th scope="col">Location</th>

<th scope="col">Last Major Eruption</th>

<th scope="col" class="last">Type of Eruption</th>

</tr>

...

Потім ми використовуємо цей клас для видалення правої межі з цих комірок. Повний код CSS буде мати вигляд:

table {

width: 100%;

text-align: left;

border-collapse: collapse;

margin: 0 0 1em 0;

caption-side: top;

}

caption, td, th {

padding: 0.3em;

}

th, td {

border-bottom: 1px solid #000;

border-right: 1px solid #000;

}

th.last, td.last {

border-right: 0;

}

tfoot th, tfoot td {

border-bottom: 0;

text-align: center;

}

th {

width: 25%;

}

Внутрішні сітки, які використовують :lastchild

Коли підтримка в браузерах покращиться, ми зможемо використовувати псевдо-селектор :lastchild для досягнення цього результату без класів. Код CSS буде наступним:

table {

width: 100%;

text-align: left;

border-collapse: collapse;

margin: 0 0 1em 0;

caption-side: top;

}

caption, td, th {

padding: 0.3em;

}

th, td {

border-bottom: 1px solid #000;

border-right: 1px solid #000;

}

th:lastchild, td:lastchild {

border-right: 0;

}

th {

width: 25%;

}

Це працює в даний час в останніх версіях браузерів Opera, Firefox і Safari.

  1.  Дві поширені помилки

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

Помилка border-collapse

Коли для таблиці задається border-collapse: collapse; ви виявите, що браузери Firefox і Safari неправильно виводять ширину таблиці. Наприклад, якщо задати кордон шириною 1px для таблиці, комірок і заголовка таблиці, браузер Firefox покаже кордон заголовка таблиці в 1px занадто тонким ліворуч, як видно на мал.17:

Мал.17. Помилка border-collapse проявляється в Firefox і Safari

Браузер Safari робить те ж саме, тільки справа. Ця помилка пов’язана з проблемою округлення, яка, в кінцевому рахунку, зводиться до того, як показати “0.5 пікселя”. Стверджується, що це власне і не помилка, але браузери з цим не згодні, тому, по суті, маємо помилку.

Яке ж є рішення? Якщо ви хочете використовувати кордон у 1px і фон заголовка таблиці, то насправді виправлення не існує, залишається тільки “залишити як є”. Це дуже незначна відмінність і не є фатальною проблемою – тобто, таблиця залишається повністю використовуваною. Тому часто просто залишають відмінність для різних браузерів. Нехай Web залишається Web.

Якщо ви хочете використовувати більш товстий кордон, скажімо 2px, то можна задати кордон у 1px для таблиці, комірок та заголовка; а потім задати для таблиці окремі кордони і використовувати між ними нульовий пробіл:

table {

border-collapse: separate;

border-spacing: 0;

border: 1px solid #000;

}

th, td, caption {

border: 1px solid #000;

}

Принаймні, в Firefox кордони в 1px створять необхідне зображення кордону в 2px, виключаючи попутно проблему округлення. Браузер Safari, як і раніше, залишає зазор.

Альтернативно, можна приховати проблему, не використовуючи кордон або фоновий колір у заголовку. Проблема все там же, але просто не видно. Це, ймовірно, саме просте й ефективне рішення.

Помилка margin/caption

Якщо використовується заголовок таблиці і для таблиці задано поле, потрібно пам’ятати про те, що браузери Firefox і Safari можуть розміщувати поле таблиці між осередками таблиці і заголовком.

Щоб перемогти це в Firefox, можна задати поле з трьох сторін таблиці, задати явно caption-side, а потім додати четвертне поле для заголовка. На жаль, це рішення буде створювати в Safari помилку. Тому фактично це не є виправленням, якщо тільки ви не хочете залишитися з помилкою в Firefox або Safari.

Єдиний спосіб уникнути проблеми в обох браузерах, Firefox і Safari, полягає в завданні нульового поля на стороні заголовка. Наприклад, якщо заголовок знаходиться вгорі, можна задати поле тільки справа, знизу і зліва, або тільки знизу. Це може спрацювати, якщо всі поля задаються на одній стороні елементів контенту, тому поле не потрібно для відділення таблиці від суміжного контенту.

  1.  Резюме

Тепер ви повинні мати гарний набір доступних для таблиць фундаментальних варіантів оформлення. Існують деякі обмеження, що накладаються несумісністю браузерів, але, зазвичай, ви можете створювати чіткі і легкі для читання таблиці без будь-яких проблем. Приділіть увагу тільки своїм кордонам, надайте тексту деяку свободу і будьте уважні з фоном.

  1.  Контрольні запитання
  •  Як керувати інтервалом між кордонами таблиці та комірок?
  •  Що станеться, коли таблиця має один колір фону, комірки th і td мають інший колір фону, і border-collapse задано як collapse?
  •  Як виставити різну ширину для різних стовпців таблиці?
  1.  Додаткове читання
  •  W3C: Таблиці CSS2, з окремим посиланням на розділ фонових верств таблиць CSS2.
  •  A List Apart: A Dao of Web Design – “хай Web залишається Web”. Не застаріла стаття, яка пояснює, чому різниця у 1px між браузерами не має насправді значення.
  •  A List Apart: Таблиці зебри і A List Apart: Розмітка зебра: чи допомагає це насправді?
  •  Таблиці з розміткою зебри з допомогою CSS3
  •  Підтримка IE за допомогою умовних коментарів
  •  Оформлення таблиць за допомогою CSS | Блог Veerle та Оформлення календаря за допомогою CSS | Блог Veerle


 

А также другие работы, которые могут Вас заинтересовать

2396. Логіка. Посібник для студентів вузів 1.23 MB
  Предмет і значення логіки. Мислення як предмет вивчення логіки. Мовні засоби виразу поняття. Логічні способи формування понять. Зміст і обсяг поняття. Логічні операції над поняттями. Судження як форма мислення. Види простих суджень. Загальна характеристика умовиводів. Простий категоричний силогізм. Аксіома силогізму. Правила простого категоричного силогізму. Фігури і модуси категоричного силогізму.
2397. Военная сила в международных отношениях 39.01 MB
  Особенности современных международных отношений и международного порядка. Современные взгляды на войны и военные конфликты. Военная безопасность России: понятие, угрозы и особенности ее обеспечения. олитологические основы применения военной силы США. Терроризм — асимметричное проявление силы в международных отношениях.
2398. Вантажопідйомна, транспортуюча та транспортна техніка 894.25 KB
  Побудова циклів роботи механізмів вантажопідйомних машин. Гнучкі елементи впм. Блоки і поліспасти. Деталі для навивання і звивання гнучких елементів. Розрахунок і компоновка механізму підйому вантажопідйомних машин. Розрахунок фундаментів і фундаментних болтів стаціонарних поворотних кранів.
2399. Вантажопідйомна, транспортуюча та транспортна техніка. Методичні вказівки 1.47 MB
  Оцінювання стану вантажопідйомних органів та їх вибраковування. Дослідження роботи силових поліспастів. Визначення геометричних параметрів елементів гакової підвіски та їх порівняння відповідності розрахунковим значенням. Знайомсвто з конструкцією, органами керування баштового крану. Отримання практичних навиків роботи на тренажері крана КБ-403.
2400. Биология. Конспект лекций 203.41 KB
  Строение и функции ядерного аппарата клетки. Деление и размножение клетки. Основы эмбриологии. Особенности наследственности. Методы изучения наследственности и изменчивости у человека. Тератология и медицинская паразитология.
2401. Програмування модуля EEPROM пам’яті. 195.57 KB
  Специфіка програмування модуля EEPROM. Рішення задач. Створення проекту в MPLAB. Створення проекту в PROTEUS.
2402. Вступ до політології 23.58 KB
  Предметом даної дисципліни (політика і права людини) є базова цінність політичного суспільства, яка втілює найважливіші принципи спільного людського буття – права людини. Права людини виступають інструментом підтримки гармонії суспільних відносин усіх рівнів.
2403. Теоретические и методологические подходы к планированию и прогнозированию 23.41 KB
  Сущность и основные понятия планирования и прогнозирования. Структура прогноза национальной экономики, классификация прогнозов. Методологические подходы к планированию и прогнозированию, система показателей и методы.
2404. Іграшки. Урок англійської мови 23.06 KB
  Мета: Ознайомити учнів з буквами I i, T t, N n, O o та їніми звуками, закріпити вимову звуків у мовленні, увести та вчити вживати в усному мовленні прийменники місця (in, on, under), вчити описувати іграшки за допомогою структури It is, розвивати пам'ять, увагу, мислення учнів, виховувати бережливе ставлення до іграшок.