Крок 4
- У Firebug розгорніть тег , щоб відобразити тег .</li>
<li>Клацніть на значення тегу <title> (тобто "Ласкаво просимо: Mercury Tours") і вставте його в поле Target у редакторі.</li>
</ul>
</td>
</tr>
<tr> <td><strong>Крок 5</strong>
<ul>
<li>Щоб створити третю команду, натисніть на третій порожній рядок у редакторі та введіть "type" у текстовому полі Command.</li>
<li>У Firebug натисніть на кнопку "Перевірити".</li>
</ul>
</td>
</tr>
<tr> <td>Клацніть на текстове поле Ім'я користувача. Зверніть увагу, що Firebug автоматично показує вам HTML-код для цього елемента.</td>
</tr>
<tr> <td><strong>Крок 6</strong>
<p>Зверніть увагу, що в текстовому полі Ім'я користувача немає ідентифікатора, але він має атрибут NAME. Тому ми будемо використовувати його ІМЯ як локатор. Скопіюйте значення NAME і вставте його в поле Target у IDEI Selenium.</p>
<p>Досі в текстовому полі Цільова префікс "userName" з "name =", вказуючи, що Selenium IDE повинен націлюватись на елемент, атрибут NAME якого "userName".</p>
<p>Введіть "invalidUN" у текстовому полі Значення Selenium IDE. Тепер ваш тестовий сценарій повинен виглядати як на малюнку нижче. Ми закінчили з третьою командою. Примітка: Замість invalidUN, ви можете ввести будь-який інший текстовий рядок. Але Selenium IDE чутливий до регістру, і ви вводите значення / атрибути точно так, як у програмі.</p>
</td>
</tr>
<tr> <td><strong>Крок 7</strong>
<ul>
<li>Щоб створити четверту команду, введіть "type" у текстовому полі Command.</li>
<li>Знову ж таки, використовуйте кнопку Firebug "Перевірити", щоб отримати локатор для текстового поля "Пароль".</li>
</ul>
<ul>
<li>
<p>Вставте атрибут NAME ("пароль") у поле Ціль і поставте перед ним префікс "name ="</p>
</li>
<li>
<p>Введіть "invalidPW" у поле Значення в ID середовища Selenium. Тепер ваш тестовий сценарій повинен виглядати як на малюнку нижче.</p>
</li>
</ul>
</td>
</tr>
<tr> <td><strong>Крок 8</strong>
<ul>
<li>Для п’ятої команди введіть "clickAndWait" у текстовому полі Команда в Selenium IDE.</li>
<li>Використовуйте кнопку Firebug «Перевірити», щоб отримати локатор для кнопки «Увійти».</li>
</ul>
<ul>
<li>Вставте значення атрибута NAME ("логін") у текстове поле Target і поставте перед ним префікс "name =".</li>
<li>Тепер ваш тестовий сценарій повинен виглядати як на малюнку нижче.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><strong>Крок 9:</strong> Збережіть тестовий приклад так само, як і в попередньому розділі.</p>
<a id="menu-6"></a>
<h2>Використання кнопки пошуку</h2>
<p><strong>Кнопка "Знайти" в ID середовища Selenium використовується, щоб перевірити, чи те, що ми помістили в текстове поле Target, є справді правильним елементом інтерфейсу.</strong></p>
<p>Давайте скористаємося тестом Invalid_login, який ми створили в попередніх розділах. Клацніть на будь-яку команду з цільовим записом, скажімо, третю команду.</p>
<p>Клацніть на кнопку Знайти. Зверніть увагу, що текстове поле Ім'я користувача на сторінці Mercury Tours стає виділеним на секунду.</p>
<p>Це вказує на те, що програма IDE Selenium змогла правильно виявити очікуваний елемент і отримати до нього доступ. Якщо кнопка "Знайти" виділила інший елемент або його взагалі не було, то у вашому сценарії має бути щось не так.</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>Зверніть увагу, що наступний рядок призупинено, хоча там немає точки зупинки. Це головне призначення функції «Крок» - вона виконує наступні команди по черзі, щоб дати вам більше часу для перевірки результату після кожного кроку.</p>
</td>
</tr>
</tbody>
</table>
<a id="menu-11"></a>
<h2>Важливі речі, на які слід звернути увагу при використанні інших форматів у поданні джерела</h2>
<p><strong>Селен 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>Табличний вигляд відображає тестовий сценарій у табличній формі, тоді як Source View відображає його у форматі HTML.</li>
<li>Зміна подання джерела на формат, який не є HTML, досі експериментальний.</li>
<li>Не використовуйте Source View для створення тестів в інших форматах. Натомість використовуйте функції експорту.</li>
<li>Параметри не потрібні постійно. Це залежить від команди.</li>
<li>Існує три типи команд:</li>
<ul>
<li>Дії - безпосередньо взаємодіє з елементами сторінки</li>
<li>Accessors - "зчитує" властивість елемента і зберігає його у змінній</li>
<li>Твердження - порівнює фактичне значення з очікуваним</li>
</ul>
<li>Твердження мають три типи:</li>
<ul>
<li>Стверджувати - при відмові наступні кроки більше не виконуються</li>
<li>Перевірка - при відмові наступні кроки все ще виконуються.</li>
<li>WaitFor - проходить, якщо зазначена умова стає істинною протягом періоду очікування; інакше він зазнає невдачі</li>
</ul>
<li>Найпоширеніші команди:</li>
<ul>
<li>відчинено</li>
<li>click / clickAndWait</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="/8224589-stack-in-c-stl-with-example" title="Стек у C ++ STL з прикладом" rel="bookmark"><img src="https://cdn.css-code.org/8351119/stack_in_c_stl_with_example.png.webp" loading="lazy" alt="Стек у C ++ STL з прикладом" title="Стек у C ++ STL з прикладом" 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="/8224589-stack-in-c-stl-with-example" title="Стек у C ++ STL з прикладом" rel="bookmark">Стек у C ++ STL з прикладом 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="/8224590-c-struct-with-example" title="Структура C ++ на прикладі" rel="bookmark"><img src="https://cdn.css-code.org/6713648/c_struct_with_example.png.webp" loading="lazy" alt="Структура C ++ на прикладі" title="Структура C ++ на прикладі" 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="/8224590-c-struct-with-example" title="Структура C ++ на прикладі" rel="bookmark">Структура C ++ на прикладі 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="/8224591-vector-in-c-standard-template-library-stl-with-example" title="Вектор у стандартній бібліотеці шаблонів C ++ (STL) із прикладом" rel="bookmark"><img src="https://cdn.css-code.org/5245601/vector_in_c_standard_template_library_stl_with_example.png.webp" loading="lazy" alt="Вектор у стандартній бібліотеці шаблонів C ++ (STL) із прикладом" title="Вектор у стандартній бібліотеці шаблонів C ++ (STL) із прикладом" 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="/8224591-vector-in-c-standard-template-library-stl-with-example" title="Вектор у стандартній бібліотеці шаблонів C ++ (STL) із прикладом" rel="bookmark">Вектор у стандартній бібліотеці шаблонів C ++ (STL) із прикладом 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="/8223919-automatic-payment-program-run-f110-sap-tutorial" title="Програма автоматичних платежів, запущена F110: Підручник SAP" rel="bookmark">Програма автоматичних платежів, запущена F110: Підручник SAP</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="/8223920-how-to-perform-dunning-sap-f150" title="Як виконати Dunning: SAP F150" rel="bookmark">Як виконати Dunning: SAP F150</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="/8223921-how-to-maintain-exchange-rates-in-sap" title="Як підтримувати курси валют у SAP" rel="bookmark">Як підтримувати курси валют у SAP</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="/8223922-sap-correspondence-tutorial-configuration-generation-printing-and-email" title="Підручник з кореспонденції SAP: Налаштування, генерація, друк та підсилювач; Електронна пошта" rel="bookmark">Підручник з кореспонденції SAP: Налаштування, генерація, друк та підсилювач; Електронна пошта</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="/8223923-top-50-sap-fico-interview-questions-and-answers" title="50 найкращих запитань щодо інтерв’ю SAP FICO & Відповіді" rel="bookmark">50 найкращих запитань щодо інтерв’ю SAP FICO & Відповіді</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="/8223925-sap-fico-pdf-fi-module-material-download" title="SAP FICO PDF: Завантажити матеріал модуля FI" rel="bookmark">SAP FICO PDF: Завантажити матеріал модуля FI</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="/8223926-sap-hana-sql-learn-in-10-minutes" title="SAP HANA SQL: Навчіться за 10 хвилин" rel="bookmark">SAP HANA SQL: Навчіться за 10 хвилин</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="/8223927-sap-hana-data-type-and-identifiers" title="Тип даних SAP HANA & Ідентифікатори" rel="bookmark">Тип даних SAP HANA & Ідентифікатори</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="/8223928-sap-hana-architecture-landscape-sizing-complete-tutorial" title="Архітектура SAP HANA, LandScape, розмір: повний посібник" rel="bookmark">Архітектура SAP HANA, LandScape, розмір: повний посібник</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="/8223929-sap-hana-sql-function-tutorial" title="Підручник з функцій SQL SAP HANA" rel="bookmark">Підручник з функцій SQL SAP HANA</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="/8223930-sap-hana-operator-union-and-union-all" title="Оператор SAP HANA: Union & Союз усіх" rel="bookmark">Оператор SAP HANA: Union & Союз усіх</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="/8223931-important-reports-in-sap-fi" title="Важливі звіти в SAP FI" rel="bookmark">Важливі звіти в SAP FI</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="/8223932-how-to-download-and-install-sap-hana-studio" title="Як завантажити & Встановіть SAP HANA Studio" rel="bookmark">Як завантажити & Встановіть SAP HANA Studio</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="/8223933-sap-hana-sql-expression-tutorial" title="Підручник з виразів SQL SAP HANA" rel="bookmark">Підручник з виразів SQL SAP HANA</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="/8223934-sap-hana-tutorial-create-trigger" title="Підручник із SAP HANA: Створення тригера" rel="bookmark">Підручник із SAP HANA: Створення тригера</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="/8226491-aggregator-transformation-in-informatica-with-example" title="Перетворення агрегатора в Informatica на прикладі" rel="bookmark"><img src="https://cdn.css-code.org/7439783/aggregator_transformation_in_informatica_with_example.png.webp" loading="lazy" alt="Перетворення агрегатора в Informatica на прикладі" title="Перетворення агрегатора в Informatica на прикладі" 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="/8226491-aggregator-transformation-in-informatica-with-example" title="Перетворення агрегатора в Informatica на прикладі" rel="bookmark">Перетворення агрегатора в Informatica на прикладі 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="/8226492-router-transformation-in-informatica-multiple-conditions-example" title="Трансформація маршрутизатора в Informatica: Приклад декількох умов" rel="bookmark"><img src="https://cdn.css-code.org/7199841/router_transformation_in_informatica_multiple_conditions_example.png.webp" loading="lazy" alt="Трансформація маршрутизатора в Informatica: Приклад декількох умов" title="Трансформація маршрутизатора в Informatica: Приклад декількох умов" 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="/8226492-router-transformation-in-informatica-multiple-conditions-example" title="Трансформація маршрутизатора в Informatica: Приклад декількох умов" rel="bookmark">Трансформація маршрутизатора в Informatica: Приклад декількох умов 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="/8226493-joiner-transformation-in-informatica-with-example" title="Перетворення столяра в Informatica на прикладі" rel="bookmark"><img src="https://cdn.css-code.org/3167547/joiner_transformation_in_informatica_with_example.png.webp" loading="lazy" alt="Перетворення столяра в Informatica на прикладі" title="Перетворення столяра в Informatica на прикладі" 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="/8226493-joiner-transformation-in-informatica-with-example" title="Перетворення столяра в Informatica на прикладі" rel="bookmark">Перетворення столяра в Informatica на прикладі 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="/8002907-columns" 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="/8002909-column-width" 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="/8002910-column-span" 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="/8002912-counter-increment" 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="/8002913-counter-reset" title="Зустрічне скидання - CSS-хитрощі" rel="bookmark">Зустрічне скидання - 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="/8003557-prevent-bounce-scroll-in-lion" 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="/8003558-print-url-after-links" 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="/8003559-prevent-superscripts-and-subscripts-from-affecting-line-height" 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="/8003560-perfect-css-sprite-sliding-doors-button" title="Ідеальна кнопка спрайт / розсувних дверей CSS - CSS-хитрощі" rel="bookmark">Ідеальна кнопка спрайт / розсувних дверей CSS - CSS-хитрощі</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8003561-png-hackfix-for-ie-6" title="PNG Hack / Fix для IE 6 - CSS-хитрощі" rel="bookmark">PNG Hack / Fix для IE 6 - 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="/8226216-how-to-create-ec2-instance-in-aws-step-by-step-tutorial" title="Як створити екземпляр EC2 в AWS: Покроковий посібник" rel="bookmark">Як створити екземпляр EC2 в AWS: Покроковий посібник</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226217-change-instance-type-security-group-termination-protection-aws-ec2" title="Змінити тип екземпляра, групу безпеки, захист від припинення: AWS EC2" rel="bookmark">Змінити тип екземпляра, групу безпеки, захист від припинення: AWS EC2</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226218-what-is-aws-lambda-lambda-function-with-examples" title="Що таке AWS Lambda? Лямбда-функція з прикладами" rel="bookmark">Що таке AWS Lambda? Лямбда-функція з прикладами</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226220-azure-vs-aws-key-differences" title="Azure проти AWS: Основні відмінності" rel="bookmark">Azure проти AWS: Основні відмінності</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8226221-aws-certification-guide-cost-courses-salary-exam-details" title="Посібник із сертифікації AWS: Вартість, курси, зарплата, подробиці іспиту" rel="bookmark">Посібник із сертифікації AWS: Вартість, курси, зарплата, подробиці іспиту</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p>© Copyright uk.css-code.org, 2025 Січень |
<a href="https://uk.css-code.org/about-site" title="Про сайт">Про сайт</a> |
<a href="https://uk.css-code.org/contacts" title="Контакти">Контакти</a> |
<a href="https://uk.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>
|
