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


 

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

34615. Образование Демократической и Республиканской партий в США 21.76 KB
  Республиканская политическая партия является более консервативной чем демократическая не имеет постоянного членства 23 избирателей США считают себя республиканцами. После победы северян и их лидера Авраама Линкольна в классовой борьбе республиканцы почти 40 лет непрерывно правили США. Люди из команды Рональда Рейгана правили США до 2009года.
34616. Реформистское движение при президентах Т. Рузвельте и В. Вильсоне. Американский империализм 18.72 KB
  В своей политике Рузвельт исходил из необходимости увеличения роли государства считая что огромной власти корпораций необходимо противопоставить еще большую власть правительства. Реформаторская деятельность Рузвельта была начата шумной кампанией против злоупотреблений трестов. За ним пришла очередь судебных процессов против треста скотобоен Чикаго табачного и сахарного трестов и других крупных монополистических объединений. Рузвельт добился ускорения судопроизводства по делам о нарушении антитрестовского законодательства и открытие дел...
34617. Ревущие двадцатые 19.76 KB
  Экономика: фермеры и горнорудная промышленность переживали трудные времена после войны но экономика США быстро перестроилась на мирное производство Америка стала самой богатой страной мира промышленность обеспечивала массовое производство общество привыкло к потребительству солдаты после войны получили жалованье за службу прекращение заказов поначалу вызвало в экономике депрессию но по мере возвращения демобилизованных солдат в мирную жизнь она прекратилась предложение превышало спрос низкие цены на товары стимуляция продаж...
34618. «Новый курс» Ф.Рузвельта 18.18 KB
  В принятом Чрезвычайном законе о банках предусматривалось возобновление функций и получение правительственных кредитов займов из федеральной резервной системы хотя это разрешалось только наиболее крупным банкам. был принят один из двух наиболее важных законов закон о восстановлении национальной промышленности НИРА. Закон о восстановлении промышленности вводил систему государственного регулирования этого подразделения экономики. Во втором и третьем разделах закона...
34619. Историко-литературная концепция Белинского и ее эволюция 32.5 KB
  Вся литература до Пушкина пересаженное иноземное растение. В слово натуральная он вкладывал понятие литература для народа а так же литература философствующая. Он понимал что есть литература как зеркало общества Гоголь НШ и литература как зеркало человека бытийственность.
34620. Мастерство полемического стиля Белинского 23 KB
  Приемы полемики: каждая статья носит прямой или скрытый полемический характер. прием интеллектуальной бури. прием иронической ремарки независимо от того о ком он пишет. прием притворного простодушия.
34621. Историко-литературная концепция Белинского и ее эволюция 45.5 KB
  Вся литература до Пушкина пересаженное иноземное растение. Сочинения Пушкина периоды: Ломоносовский карамзинский державинский пушкинский. Русская литра развивалась по двум направлениям которые слились в творчестве Пушкина. НШ как понимал ее Белинский никак не связана с творчеством Пушкина.
34622. Творчество Лермонтова в оценке критики 40-х гг 29 KB
  Его ждет душевная чахотка и гибель. Белинский: когда вышел роман Белинский пишет: дьявольский талант глубокий и могучий ум озлобленный рассудочный охлажденный взгляд Пушкин умер не без наследника лейтмотив статьи Белинского про Л. Белинский попал под магическое влияние и скучно и грустно назывет его рефлекторным следовательно вся поэзия Л рефлекторна. бел оправдывает рефлексию безверие.
34623. Споры вокруг творчества Гоголя в критике 30 – 40-х гг 27 KB
  Аксаков и Белинский. Бел в ЛМ 1834 г. В 1839 Бел пишет статью Горе от ума где большая часть посвящена Ревизору в которой пытается навязать читателю примирение с действительностью. МД Бел много сделал для того чтобы рукопись вышла в печать.