Шаг 4
- В Firebug разверните тег , чтобы отобразить тег .</li>
<li>Щелкните значение тега <title> («Добро пожаловать: Mercury Tours») и вставьте его в поле «Цель» в редакторе.</li>
</ul>
</td>
</tr>
<tr> <td><strong>Шаг 5</strong>
<ul>
<li>Чтобы создать третью команду, щелкните третью пустую строку в редакторе и введите «тип» в текстовом поле «Команда».</li>
<li>В Firebug нажмите кнопку «Проверить».</li>
</ul>
</td>
</tr>
<tr> <td>Щелкните текстовое поле «Имя пользователя». Обратите внимание, что Firebug автоматически показывает вам HTML-код для этого элемента.</td>
</tr>
<tr> <td><strong>ШАГ 6</strong>
<p>Обратите внимание, что в текстовом поле «Имя пользователя» нет идентификатора, но есть атрибут NAME. Поэтому мы будем использовать его ИМЯ в качестве локатора. Скопируйте значение NAME и вставьте его в поле Target в Selenium IDE.</p>
<p>Все еще в текстовом поле Target префикс «userName» с «name =», указывающий, что Selenium IDE должна нацеливаться на элемент, атрибут NAME которого равен «userName».</p>
<p>Введите «invalidUN» в текстовое поле «Значение» в Selenium IDE. Ваш тестовый сценарий теперь должен выглядеть, как на изображении ниже. Мы закончили с третьей командой. Примечание. Вместо invalidUN вы можете ввести любую другую текстовую строку. Но Selenium IDE чувствителен к регистру, и вы вводите значения / атрибуты точно так же, как в приложении.</p>
</td>
</tr>
<tr> <td><strong>Шаг 7.</strong>
<ul>
<li>Чтобы создать четвертую команду, введите «тип» в текстовом поле «Команда».</li>
<li>Опять же, используйте кнопку Firebug «Inspect», чтобы получить указатель для текстового поля «Пароль».</li>
</ul>
<ul>
<li>
<p>Вставьте атрибут NAME («пароль») в поле «Цель» и добавьте к нему префикс «name =».</p>
</li>
<li>
<p>Введите «invalidPW» в поле «Значение» в Selenium IDE. Ваш тестовый сценарий теперь должен выглядеть как на изображении ниже.</p>
</li>
</ul>
</td>
</tr>
<tr> <td><strong>Шаг 8</strong>
<ul>
<li>Для пятой команды введите «clickAndWait» в текстовом поле «Команда» в Selenium IDE.</li>
<li>Используйте кнопку Firebug «Проверить», чтобы получить указатель кнопки «Войти».</li>
</ul>
<ul>
<li>Вставьте значение атрибута NAME («логин») в текстовое поле «Цель» и добавьте к нему префикс «name =».</li>
<li>Ваш тестовый сценарий теперь должен выглядеть как на изображении ниже.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><strong>Шаг 9:</strong> Сохраните тестовый пример так же, как мы делали в предыдущем разделе.</p>
<a id="menu-6"></a>
<h2>Использование кнопки поиска</h2>
<p><strong>Кнопка «Найти» в Selenium IDE используется для проверки того, действительно ли то, что мы поместили в текстовое поле «Цель», является правильным элементом пользовательского интерфейса.</strong></p>
<p>Давайте воспользуемся тестовым примером Invalid_login, который мы создали в предыдущих разделах. Щелкните любую команду с записью Target, например третью команду.</p>
<p>Щелкните по кнопке "Найти". Обратите внимание, что текстовое поле «Имя пользователя» на странице Mercury Tours выделяется на секунду.</p>
<p>Это указывает на то, что Selenium IDE смогла правильно обнаружить ожидаемый элемент и получить к нему доступ. Если кнопка «Найти» выделила другой элемент или вообще не выделила его, значит, с вашим скриптом что-то не так.</p>
<a id="menu-7"></a>
<h2>Выполнить команду</h2>
<p><strong>Это позволяет выполнять любую отдельную команду без запуска всего тестового примера</strong> . Просто щелкните строку, которую хотите выполнить, а затем либо щелкните «Действия> Выполнить эту команду» в строке меню, либо просто нажмите «X» на клавиатуре.</p>
<p><strong>Шаг 1.</strong> Убедитесь, что ваш браузер находится на главной странице Mercury Tours. Щелкните команду, которую хотите выполнить. В этом примере щелкните строку «type | userName | invalidUN».</p>
<p><strong>Шаг 2.</strong> Нажмите «X» на клавиатуре.</p>
<p><strong>Шаг 3.</strong> Обратите внимание, что текстовое поле для имени пользователя заполняется текстом «invalidUN».</p>
<p><strong>Выполнение команд таким способом сильно зависит от страницы, отображаемой Firefox в данный момент</strong> . Это означает, что если вы попробуете приведенный выше пример с отображаемой домашней страницей Google вместо Mercury Tours, тогда ваш шаг не удастся, потому что на главной странице Google нет текстового поля с атрибутом userName.</p>
<a id="menu-8"></a>
<h2>Точка отсчета</h2>
<p><strong>Начальная точка - это индикатор, который сообщает Selenium IDE, какие строки будут запускаться</strong> . <strong>Его горячая клавиша - «S».</strong></p>
<p>В приведенном выше примере воспроизведение начнется с третьей строки (введите | пароль | invalidPW). <strong>В одном тестовом сценарии может быть только одна начальная точка.</strong></p>
<p>Начальная точка похожа на «Выполнить команду» в том смысле, что они зависят от текущей отображаемой страницы. Начальная точка не сработает, если вы перейдете не на ту страницу.</p>
<a id="menu-9"></a>
<h2>Контрольные точки</h2>
<p>Точки останова - это индикаторы, которые сообщают Selenium IDE, где автоматически приостановить тест. <strong>Сочетание клавиш - «B».</strong></p>
<p>Желтое выделение означает, что текущий шаг отложен. Это доказывает, что Selenium IDE приостановила выполнение на этом этапе. <strong>В одном тестовом примере может быть несколько точек останова.</strong></p>
<a id="menu-10"></a>
<h2>Шаг</h2>
<p>Это позволяет вам выполнять последующие команды по одной после приостановки тестового примера. Воспользуемся сценарием из предыдущего раздела «Точки останова».</p>
<table>
<tbody>
<tr> <td width="50%"> </td> <td>
<p><strong>Перед нажатием кнопки «Шаг».</strong></p>
<p>Тестовый пример останавливается на строке «clickAndWait | login».</p>
</td>
</tr>
<tr> <td width="50%"> </td> <td>
<p><strong>После нажатия «Шаг».</strong></p>
<p>Строка «clickAndWait | login» запускается и переходит к следующей команде (verifyTitle | Sign-on: Mercury Tours).</p>
<p>Обратите внимание, что следующая строка приостанавливается, даже если там нет точки останова. Это основная цель функции Step - она выполняет последующие команды по одной, чтобы дать вам больше времени для проверки результата после каждого шага.</p>
</td>
</tr>
</tbody>
</table>
<a id="menu-11"></a>
<h2>Важные моменты, на которые следует обратить внимание при использовании других форматов в режиме просмотра исходного кода</h2>
<p><strong>Selenium IDE хорошо работает только с HTML - другие форматы все еще находятся в экспериментальном режиме</strong> . Это <strong>НЕ рекомендуется</strong> создавать и редактировать тесты с использованием других форматов в Source View , потому что есть еще много работы , необходимо , чтобы сделать ее более стабильной. Ниже приведены известные ошибки версии 1.9.1.</p>
<ul>
<li>Вы не сможете ни воспроизвести, ни вернуться к просмотру таблицы, если не вернетесь к HTML.</li>
<li>Единственный способ безопасно добавить команды в исходный код - это записать их.</li>
<li>Если вы измените исходный код вручную, он будет утерян при переключении на другой формат.</li>
<li>Хотя вы можете сохранить свой тестовый пример в режиме просмотра исходного кода, Selenium IDE не сможет его открыть.</li>
</ul>
<p><strong>Рекомендуемый способ конвертировать тесты Selenese - использовать параметр «Экспортировать тестовый набор как…» в меню «Файл», а не через представление исходного кода.</strong></p>
<a id="menu-12"></a>
<h2>Резюме</h2>
<ul>
<li>Сценарии тестирования могут быть созданы путем записи или ввода команд и параметров вручную.</li>
<li>При создании скриптов вручную Firebug используется для получения локатора.</li>
<li>Кнопка «Найти» используется для проверки того, что команда может получить доступ к правильному элементу.</li>
<li>В табличном представлении тестовый сценарий отображается в табличной форме, а в представлении «Исходный код» - в формате HTML.</li>
<li>Изменение представления исходного кода в формат, отличный от HTML, все еще является экспериментальным.</li>
<li>Не используйте представление исходного кода при создании тестов в других форматах. Вместо этого используйте функции экспорта.</li>
<li>Параметры не требуются постоянно. Это зависит от команды.</li>
<li>Есть три типа команд:</li>
<ul>
<li>Действия - напрямую взаимодействует с элементами страницы.</li>
<li>Аксессоры - «считывают» свойство элемента и сохраняют его в переменной.</li>
<li>Утверждения - сравнивает фактическое значение с ожидаемым.</li>
</ul>
<li>Утверждения бывают трех типов:</li>
<ul>
<li>Утверждение - при неудаче последующие шаги больше не выполняются</li>
<li>Проверить - в случае сбоя последующие шаги по-прежнему выполняются.</li>
<li>WaitFor - проходит, если указанное условие выполняется в течение периода ожидания; в противном случае он потерпит неудачу</li>
</ul>
<li>Наиболее распространенные команды:</li>
<ul>
<li>открыто</li>
<li>щелкнуть / щелкнутьAndWait</li>
<li>type / typeKeys</li>
<li>verifyTitle / assertTitle</li>
<li>verifyTextPresent</li>
<li>verifyElementPresent</li>
<li>verifyTable</li>
<li>waitForPageToLoad</li>
<li>waitForElementPresent</li>
</ul>
</ul>
</div>
</article>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> </div>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 sidebar sidebar--right">
<div class="widget widget-popular-posts">
<h2 class="widget-title">Популярные посты</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8224483-10-best-angularjs-books-2021-update" title="10 ЛУЧШИХ книг по AngularJS (обновление 2021 года)" rel="bookmark"><img src="https://cdn.css-code.org/4915983/10_best_angularjs_books_2021_update.jpg.webp" loading="lazy" alt="10 ЛУЧШИХ книг по AngularJS (обновление 2021 года)" title="10 ЛУЧШИХ книг по AngularJS (обновление 2021 года)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8224483-10-best-angularjs-books-2021-update" title="10 ЛУЧШИХ книг по AngularJS (обновление 2021 года)" rel="bookmark">10 ЛУЧШИХ книг по AngularJS (обновление 2021 года) 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8224489-asp-net-first-program-example-hello-world" title="Пример первой программы ASP.NET: Hello World" rel="bookmark"><img src="https://cdn.css-code.org/5784973/aspnet_first_program_example_hello_world.png.webp" loading="lazy" alt="Пример первой программы ASP.NET: Hello World" title="Пример первой программы ASP.NET: Hello World" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8224489-asp-net-first-program-example-hello-world" title="Пример первой программы ASP.NET: Hello World" rel="bookmark">Пример первой программы ASP.NET: Hello World 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8224506-unit-testing-in-asp-net-complete-tutorial" title="ТЕСТИРОВАНИЕ БЛОКА в Asp.Net: Полное руководство" rel="bookmark"><img src="https://cdn.css-code.org/8499704/unit_testing_in_aspnet_complete_tutorial.png.webp" loading="lazy" alt="ТЕСТИРОВАНИЕ БЛОКА в Asp.Net: Полное руководство" title="ТЕСТИРОВАНИЕ БЛОКА в Asp.Net: Полное руководство" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8224506-unit-testing-in-asp-net-complete-tutorial" title="ТЕСТИРОВАНИЕ БЛОКА в Asp.Net: Полное руководство" rel="bookmark">ТЕСТИРОВАНИЕ БЛОКА в Asp.Net: Полное руководство 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div class="widget widget-popular-posts">
<h2 class="widget-title">Лучшие обзоры за месяц</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223009-test-monitoring-and-test-control-during-test-execution-complete-tutorial" title="Мониторинг тестирования & Контроль тестирования во время выполнения теста: полное руководство" rel="bookmark">Мониторинг тестирования & Контроль тестирования во время выполнения теста: полное руководство</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223011-test-summary-reports-tutorial-learn-with-example-and-template" title="Учебное пособие по сводным отчетам о тестах: обучение на примерах & Шаблон" rel="bookmark">Учебное пособие по сводным отчетам о тестах: обучение на примерах & Шаблон</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223012-issue-management-in-your-testing-project" title="Управление проблемами в вашем тестовом проекте" rel="bookmark">Управление проблемами в вашем тестовом проекте</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223013-software-quality-assurancesqa-plan-audit-and-review" title="Обеспечение качества программного обеспечения (SQA): планирование, аудит и проверка; Рассмотрение" rel="bookmark">Обеспечение качества программного обеспечения (SQA): планирование, аудит и проверка; Рассмотрение</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223014-test-process-improvement-tpi-using-pdca-model" title="Улучшение процесса тестирования (TPI) с использованием модели PDCA" rel="bookmark">Улучшение процесса тестирования (TPI) с использованием модели PDCA</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223015-best-25-test-management-tools-mar-2021-update" title="25 лучших инструментов управления тестированием (обновление за март 2021 г.)" rel="bookmark">25 лучших инструментов управления тестированием (обновление за март 2021 г.)</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223016-top-20-test-managerlead-interview-questions" title="Топ-20 вопросов для тест-менеджеров / ведущих на собеседовании" rel="bookmark">Топ-20 вопросов для тест-менеджеров / ведущих на собеседовании</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223077-how-to-select-best-automation-testing-tool" title="Как выбрать лучший инструмент для тестирования автоматизации" rel="bookmark">Как выбрать лучший инструмент для тестирования автоматизации</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223174-5-steps-to-master-team-management-skills" title="5 шагов к овладению навыками управления командой" rel="bookmark">5 шагов к овладению навыками управления командой</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223632-open-sql-and-native-sql-in-sap-abap" title="Откройте SQL & Собственный SQL в SAP ABAP" rel="bookmark">Откройте SQL & Собственный SQL в SAP ABAP</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223634-introduction-to-abap-datatypes-operators-and-editor-tutorial" title="Введение в ABAP: типы данных, операторы и amp; Редактор - Учебное пособие" rel="bookmark">Введение в ABAP: типы данных, операторы и amp; Редактор - Учебное пособие</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223635-sap-abap-internal-table-create-read-populate-copy-and-delete" title="Внутренняя таблица SAP ABAP: создание, чтение, заполнение, копирование & Удалить" rel="bookmark">Внутренняя таблица SAP ABAP: создание, чтение, заполнение, копирование & Удалить</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223638-40-best-free-project-management-software-tools-app-2021" title="40 лучших бесплатных программ для управления проектами, инструменты, приложение (2021 г.)" rel="bookmark">40 лучших бесплатных программ для управления проектами, инструменты, приложение (2021 г.)</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223640-sap-abap-table-control-with-examples" title="SAP ABAP Table Control с примерами" rel="bookmark">SAP ABAP Table Control с примерами</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8223641-abap-subscreens-tutorial-call-subscreen-in-sap" title="Учебное пособие по подэкранам ABAP: подэкран вызова в SAP" rel="bookmark">Учебное пособие по подэкранам ABAP: подэкран вызова в SAP</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts">
<h2 class="widget-title">Лучшие статьи</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8225091-oracle-plsql-data-types-boolean-number-date-example" title="Типы данных Oracle PL / SQL: логическое значение, число, дата (пример)" rel="bookmark"><img src="https://cdn.css-code.org/3700028/oracle_plsql_data_types_boolean-_number-_date_example.png.webp" loading="lazy" alt="Типы данных Oracle PL / SQL: логическое значение, число, дата (пример)" title="Типы данных Oracle PL / SQL: логическое значение, число, дата (пример)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8225091-oracle-plsql-data-types-boolean-number-date-example" title="Типы данных Oracle PL / SQL: логическое значение, число, дата (пример)" rel="bookmark">Типы данных Oracle PL / SQL: логическое значение, число, дата (пример) 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8225092-declare-variable-identifiers-naming-conventions-in-plsql" title="Объявление переменных, идентификаторов, соглашений об именах в PL / SQL" rel="bookmark"><img src="https://cdn.css-code.org/9143146/declare_variable-_identifiers-_naming_conventions_in_plsql.png.webp" loading="lazy" alt="Объявление переменных, идентификаторов, соглашений об именах в PL / SQL" title="Объявление переменных, идентификаторов, соглашений об именах в PL / SQL" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8225092-declare-variable-identifiers-naming-conventions-in-plsql" title="Объявление переменных, идентификаторов, соглашений об именах в PL / SQL" rel="bookmark">Объявление переменных, идентификаторов, соглашений об именах в PL / SQL 2025</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div class="post-list-small__entry clearfix">
<div class="post-list-small__img-holder">
<div class="thumb-container thumb-100"><a href="/8225093-oracle-plsql-collections-varrays-nested-and-index-by-tables" title="Коллекции Oracle PL / SQL: Varrays, Nested & Указатель по таблицам" rel="bookmark"><img src="https://cdn.css-code.org/7386269/oracle_plsql_collections_varrays-_nested_ampamp_index_by_tables.png.webp" loading="lazy" alt="Коллекции Oracle PL / SQL: Varrays, Nested & Указатель по таблицам" title="Коллекции Oracle PL / SQL: Varrays, Nested & Указатель по таблицам" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
</div>
<div class="post-list-small__body">
<h3 class="post-list-small__entry-title"><a href="/8225093-oracle-plsql-collections-varrays-nested-and-index-by-tables" title="Коллекции Oracle PL / SQL: Varrays, Nested & Указатель по таблицам" rel="bookmark">Коллекции Oracle PL / SQL: Varrays, Nested & Указатель по таблицам 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
</aside> </div>
</div>
<footer class="footer footer--dark">
<div class="container">
<div class="footer__widgets">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Популярные посты</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003469-basics-of-google-font-api" title="Основы Google Font API - CSS-хитрости" rel="bookmark">Основы Google Font API - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003470-blurry-text" title="Размытый текст - CSS-хитрости" rel="bookmark">Размытый текст - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003472-bouncy-animated-loading-animation" title="Бодрая анимированная анимация загрузки - CSS-хитрости" rel="bookmark">Бодрая анимированная анимация загрузки - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003473-animated-grainy-texture" title="Анимированная зернистая текстура - CSS-хитрости" rel="bookmark">Анимированная зернистая текстура - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003474-center-div-with-dynamic-height" title="Центр DIV с динамической высотой - CSS-хитрости" rel="bookmark">Центр DIV с динамической высотой - CSS-хитрости</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Выбор редакции</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8223791-sap-profit-center-tutorial-create-group-posting-and-planning" title="Учебное пособие по SAP Profit Center: создание, группировка, разноска & Планирование" rel="bookmark">Учебное пособие по SAP Profit Center: создание, группировка, разноска & Планирование</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8223795-sap-co-tables-important-tables-in-controlling-module" title="Таблицы SAP CO: важные таблицы в модуле контроллинга" rel="bookmark">Таблицы SAP CO: важные таблицы в модуле контроллинга</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8223796-cost-center-and-profit-center-in-sap-what-is-the-difference" title="МВЗ и МВП в SAP: в чем разница?" rel="bookmark">МВЗ и МВП в SAP: в чем разница?</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8223797-how-to-assign-cost-centers-to-profit-center-in-sap" title="Как присвоить МВЗ МВП в SAP" rel="bookmark">Как присвоить МВЗ МВП в SAP</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8223798-how-to-assign-materials-to-profit-center-in-sap" title="Как присвоить материалы МВП в SAP" rel="bookmark">Как присвоить материалы МВП в SAP</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Лучшие статьи</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004239-192-git-tricks-for-getting-yourself-out-of-trouble" title="# 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости" rel="bookmark"># 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004240-193-scully-the-ssg-for-angular" title="# 193: Скалли: SSG для Angular - CSS-хитрости" rel="bookmark"># 193: Скалли: SSG для Angular - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004241-195-how-to-draw-a-line-with-css" title="# 195: Как нарисовать линию с помощью CSS - CSS-хитрости" rel="bookmark"># 195: Как нарисовать линию с помощью CSS - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004242-178-percy-catches-visual-changes-in-any-workflow" title="# 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости" rel="bookmark"># 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004243-19-designing-a-unique-page-for-twitter-updates" title="№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости" rel="bookmark">№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p>© Copyright ru.css-code.org, 2025 Январь |
<a href="https://ru.css-code.org/about-site" title="О сайте">О сайте</a> |
<a href="https://ru.css-code.org/contacts" title="Контакты">Контакты</a> |
<a href="https://ru.css-code.org/privacy-policy" title="Политика конфиденциальности">Политика конфиденциальности</a>.
</p>
</div>
</div>
</footer>
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body>
</html>
|
