You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@netbeans.apache.org by gi...@apache.org on 2020/01/12 10:43:26 UTC

[netbeans-website] branch asf-site updated: Automated site publishing by Jenkins build 1121

This is an automated email from the ASF dual-hosted git repository.

git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/netbeans-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 36799f7  Automated site publishing by Jenkins build 1121
36799f7 is described below

commit 36799f73a9a9f247cf6f7d4c5afd88a968d41e66
Author: jenkins <bu...@apache.org>
AuthorDate: Sun Jan 12 10:43:22 2020 +0000

    Automated site publishing by Jenkins build 1121
---
 .../docs/ide/NetBeans_DTrace_GUI_Plugin_0_4.html   |  15 +-
 content/kb/docs/ide/clearcase.html                 |  19 +-
 content/kb/docs/ide/cvs.html                       |  51 +-
 content/kb/docs/ide/cvs_ja.html                    |  67 ++-
 content/kb/docs/ide/cvs_pt_BR.html                 | 134 ++++-
 content/kb/docs/ide/cvs_ru.html                    |  28 +-
 content/kb/docs/ide/cvs_zh_CN.html                 |  38 +-
 content/kb/docs/ide/git.html                       |  16 +
 content/kb/docs/ide/git_ja.html                    |  72 ++-
 content/kb/docs/ide/git_pt_BR.html                 | 206 ++++++--
 content/kb/docs/ide/git_ru.html                    | 255 +++++++--
 content/kb/docs/ide/git_zh_CN.html                 |  48 +-
 .../ide/install-and-configure-mysql-server.html    |  60 ++-
 .../ide/install-and-configure-mysql-server_ja.html |  20 +-
 .../install-and-configure-mysql-server_pt_BR.html  |   4 +-
 .../ide/install-and-configure-mysql-server_ru.html |   4 +-
 .../install-and-configure-mysql-server_zh_CN.html  |   4 +-
 content/kb/docs/ide/java-db.html                   | 552 ++++++++++++++-----
 content/kb/docs/ide/java-db_ja.html                | 531 ++++++++++++++-----
 content/kb/docs/ide/java-db_pt_BR.html             | 585 +++++++++++++++------
 content/kb/docs/ide/java-db_ru.html                | 488 +++++++++++++----
 content/kb/docs/ide/java-db_zh_CN.html             | 494 +++++++++++++----
 content/kb/docs/ide/mercurial-queues.html          |  49 +-
 content/kb/docs/ide/mercurial-queues_ja.html       |  60 +--
 content/kb/docs/ide/mercurial-queues_pt_BR.html    | 155 +++---
 content/kb/docs/ide/mercurial-queues_ru.html       | 149 ++++--
 content/kb/docs/ide/mercurial-queues_zh_CN.html    | 151 +++---
 content/kb/docs/ide/mercurial.html                 |  94 ++--
 content/kb/docs/ide/mercurial_ja.html              | 119 +++--
 content/kb/docs/ide/mercurial_pt_BR.html           | 275 ++++++----
 content/kb/docs/ide/mercurial_ru.html              | 238 ++++++---
 content/kb/docs/ide/mercurial_zh_CN.html           | 204 +++++--
 content/kb/docs/ide/mysql.html                     |   6 +-
 content/kb/docs/ide/mysql_ja.html                  | 240 ++++++---
 content/kb/docs/ide/mysql_pt_BR.html               | 235 ++++++---
 content/kb/docs/ide/mysql_ru.html                  | 240 ++++++---
 content/kb/docs/ide/mysql_zh_CN.html               | 242 ++++++---
 content/kb/docs/ide/oracle-db.html                 | 199 +++++--
 content/kb/docs/ide/oracle-db_ja.html              | 173 ++++--
 content/kb/docs/ide/oracle-db_pt_BR.html           | 211 ++++++--
 content/kb/docs/ide/oracle-db_ru.html              | 198 +++++--
 content/kb/docs/ide/oracle-db_zh_CN.html           | 185 +++++--
 content/kb/docs/ide/subversion.html                | 142 +++--
 content/kb/docs/ide/subversion_ja.html             |   4 +-
 content/kb/docs/ide/subversion_pt_BR.html          | 176 ++++---
 content/kb/docs/ide/subversion_ru.html             | 167 ++++--
 content/kb/docs/ide/subversion_zh_CN.html          | 190 ++++---
 content/kb/docs/ide/team-servers.html              | 126 +++--
 content/kb/docs/ide/team-servers_ja.html           | 108 +++-
 content/kb/docs/ide/team-servers_pt_BR.html        | 112 +++-
 content/kb/docs/ide/team-servers_ru.html           | 106 +++-
 content/kb/docs/ide/team-servers_zh_CN.html        | 120 ++++-
 52 files changed, 5994 insertions(+), 2371 deletions(-)

diff --git a/content/kb/docs/ide/NetBeans_DTrace_GUI_Plugin_0_4.html b/content/kb/docs/ide/NetBeans_DTrace_GUI_Plugin_0_4.html
index 3a40441..5295875 100644
--- a/content/kb/docs/ide/NetBeans_DTrace_GUI_Plugin_0_4.html
+++ b/content/kb/docs/ide/NetBeans_DTrace_GUI_Plugin_0_4.html
@@ -209,7 +209,7 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">nassern::::defaultpriv=basic,dtrace_user,dtrace_proc,dtrace_kernel,proc_owner</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">nassern::::defaultpriv=basic,dtrace_user,dtrace_proc,dtrace_kernel,proc_owner</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -268,7 +268,7 @@
 <div class="title">Figure 1. Available Plugins tab</div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>In the NetBeans IDE Installer window, click Next.</p>
 </li>
@@ -281,7 +281,7 @@
 <div class="title">Figure 2. NetBeans IDE Installer</div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Accept the License Agreement and click Install.</p>
 </li>
@@ -326,9 +326,10 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p> 
-image::../../../images_www/articles/ide/dtracegui/Screenshot1.png[]</p>
+<div class="imageblock">
+<div class="content">
+<img src="../../../images_www/articles/ide/dtracegui/Screenshot1.png" alt="Screenshot1">
+</div>
 </div>
 <div class="ulist">
 <ul>
@@ -370,7 +371,7 @@ image::../../../images_www/articles/ide/dtracegui/Screenshot1.png[]</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>The newly created (empty)  <code>hello.d</code>  script appear in the Editor window.</p>
 </li>
diff --git a/content/kb/docs/ide/clearcase.html b/content/kb/docs/ide/clearcase.html
index 3635dc0..ed663be 100644
--- a/content/kb/docs/ide/clearcase.html
+++ b/content/kb/docs/ide/clearcase.html
@@ -202,7 +202,7 @@ A limitation for *nix-like systems is that you have to start the IDE from a dyna
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>In the Specify the  <code>cleartool</code>  Executable Path text field, either type in the path to the executable file or click Browse to navigate to it on your system.</p>
 </li>
@@ -211,8 +211,17 @@ A limitation for *nix-like systems is that you have to start the IDE from a dyna
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Note: *For more information see <a href="http://versioncontrol.netbeans.org/clearcase/install.html">NetBeans ClearCase Integration Setup and Release Notes</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+For more information see <a href="http://versioncontrol.netbeans.org/clearcase/install.html">NetBeans ClearCase Integration Setup and Release Notes</a>.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -288,7 +297,7 @@ Upon creation, the IDE automatically recognizes that the project is in a view an
 <p>Now that your project is created, you can synchronize it with a ClearCase server using the IDE&#8217;s Add to Source Control command:</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Right-click the project node in the Projects window and choose Add to source control. The Add dialog opens listing all new view-private files which are not automatically ignored by the IDE:</p>
 </li>
@@ -304,7 +313,7 @@ Upon creation, the IDE automatically recognizes that the project is in a view an
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Type in a message in the Describing Message text area. Alternatively, click the Recent Messages ( image::images/recent-msgs.png[] ) icon located in the upper right corner to view and select from a list of messages that you have previously used.</p>
 </li>
diff --git a/content/kb/docs/ide/cvs.html b/content/kb/docs/ide/cvs.html
index 35c6b0d..611ba19 100644
--- a/content/kb/docs/ide/cvs.html
+++ b/content/kb/docs/ide/cvs.html
@@ -155,9 +155,24 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Note: *The IDE&#8217;s drop-down menus are context-sensitive, i.e., the available options depend on the item currently selected. Therefore, if you are already working within a CVS project, you can choose Versioning &gt; Checkout from the main menu.
-2. In the first panel of the wizard, enter the location of the repository as can be defined by <code>CVSROOT</code>:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+The IDE&#8217;s drop-down menus are context-sensitive, i.e., the available options depend on the item currently selected. Therefore, if you are already working within a CVS project, you can choose Versioning &gt; Checkout from the main menu.
+</td>
+</tr>
+</table>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>In the first panel of the wizard, enter the location of the repository as can be defined by <code>CVSROOT</code>:</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>The IDE supports a number of <code>CVSROOT</code> formats, depending on whether the CVS repository is local or remote, and what method you are using to connect to it:</p>
@@ -216,8 +231,14 @@ If you are trying to set up public key SSH authentication, see: <a href="http://
 </table>
 </div>
 <div class="paragraph">
-<p>For more help with accessing local repositories, see: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">How can I access local repositories?</a>
-3. In the Modules to Checkout panel of the wizard, specify the module that you want to check out in the Module field. If you do not know the name of the module you want to check out, click the Browse button to view the repository&#8217;s contents. From the Browse CVS Module dialog that appears, select any of the listed modules and click OK. Your selection is then added to the Module field:</p>
+<p>For more help with accessing local repositories, see: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">How can I access local repositories?</a></p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>In the Modules to Checkout panel of the wizard, specify the module that you want to check out in the Module field. If you do not know the name of the module you want to check out, click the Browse button to view the repository&#8217;s contents. From the Browse CVS Module dialog that appears, select any of the listed modules and click OK. Your selection is then added to the Module field:</p>
+</li>
+</ol>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -229,7 +250,7 @@ If you are trying to set up public key SSH authentication, see: <a href="http://
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>In the Branch text field, enter the name of the branch to checkout. You can click the Browse button to open the Browse Tags dialog box to search for available branches and tags. If you do not specify a branch or tag, the <em>trunk</em> is checked out.</p>
 </li>
@@ -285,7 +306,7 @@ If the checked out sources contain NetBeans projects, a dialog appears prompting
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>In the Import Message text area, enter a description of the project you are importing into the repository.</p>
 </li>
@@ -512,7 +533,7 @@ The CVS client does not handle binary file imports by default. The best practice
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Click the Add Variable button to the right of the Status Label Format text field. In the Add Variable dialog that displays, select the <code>{revision}</code> variable, then click OK. The revision variable is added to the status label Format text field.</p>
 </li>
@@ -817,7 +838,7 @@ Make sure your <a href="#fileStatus">file status labels</a> are activated (choos
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Edit files, add files, delete files. Commit all changes.</p>
 </li>
@@ -827,8 +848,14 @@ Make sure your <a href="#fileStatus">file status labels</a> are activated (choos
 </ol>
 </div>
 <div class="paragraph">
-<p>The IDE switches your target repository location to the trunk. In the Projects window, note that file status labels automatically update to reflect your new working location.
-4. To perform the merge, right-click the project node and choose CVS &gt; Merge Changes from Branch. In the dialog that displays, note that the Merge Changes Into Working Branch field contains <code>Trunk</code>, indicating your current working location.</p>
+<p>The IDE switches your target repository location to the trunk. In the Projects window, note that file status labels automatically update to reflect your new working location.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>To perform the merge, right-click the project node and choose CVS &gt; Merge Changes from Branch. In the dialog that displays, note that the Merge Changes Into Working Branch field contains <code>Trunk</code>, indicating your current working location.</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>In the dialog, specify the following criteria:
@@ -849,7 +876,7 @@ Make sure your <a href="#fileStatus">file status labels</a> are activated (choos
 <p>Click Merge. The IDE incorporates the branch into the trunk. If any merge conflicts arise in the process, the project&#8217;s status is updated to <a href="#resolving">Merge Conflict</a> to indicate this.</p>
 </div>
 <div class="paragraph">
-<p>*Note: *After merging file changes from a branch to your local working directory, you must still commit changes using the Commit command in order to add them to the repository.</p>
+<p>Note: After merging file changes from a branch to your local working directory, you must still commit changes using the Commit command in order to add them to the repository.</p>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/cvs_ja.html b/content/kb/docs/ide/cvs_ja.html
index 6f7e24d..21a9251 100644
--- a/content/kb/docs/ide/cvs_ja.html
+++ b/content/kb/docs/ide/cvs_ja.html
@@ -254,12 +254,27 @@
 <div class="paragraph">
 <p>使用する方法に応じて、リモート・リポジトリへ接続するためのパスワードやプロキシ設定(`pserver`の場合など)などのその他の情報を指定する必要がある場合があります。「次」をクリックします。</p>
 </div>
-<div class="paragraph">
-<p><strong>注意:</strong> 公開鍵SSH認証を設定しようとする場合は、<a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">公開鍵SSH認証の設定方法</a>を参照してください。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+公開鍵SSH認証を設定しようとする場合は、<a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">公開鍵SSH認証の設定方法</a>を参照してください。
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>ローカル・リポジトリへのアクセスに関する詳細は、<a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">ローカル・リポジトリにアクセスする方法</a>を参照してください。
-3. ウィザードの「チェックアウトするモジュール」パネルで、「モジュール」フィールドにチェックアウトするモジュールを指定します。チェックアウトするモジュールの名前がわからない場合、「参照」ボタンをクリックして、リポジトリの内容を表示します。表示された「CVSモジュールを参照」ダイアログから、表示されているいずれかのモジュールを選択し、「OK」をクリックします。これで、選択が「モジュール」フィールドに追加されます。</p>
+<p>ローカル・リポジトリへのアクセスに関する詳細は、<a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">ローカル・リポジトリにアクセスする方法</a>を参照してください。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>ウィザードの「チェックアウトするモジュール」パネルで、「モジュール」フィールドにチェックアウトするモジュールを指定します。チェックアウトするモジュールの名前がわからない場合、「参照」ボタンをクリックして、リポジトリの内容を表示します。表示された「CVSモジュールを参照」ダイアログから、表示されているいずれかのモジュールを選択し、「OK」をクリックします。これで、選択が「モジュール」フィールドに追加されます。</p>
+</li>
+</ol>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -271,7 +286,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>「分岐」テキスト・フィールドで、チェックアウトする分岐の名前を入力します。「参照」ボタンをクリックすると、「タグを参照」ダイアログ・ボックスが開き、使用可能な分岐とタグを検索できます。分岐とタグのどちらも指定しなかった場合は、_トランク_がチェックアウトされます。</p>
 </li>
@@ -280,8 +295,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注意: *チェックアウトされたソースにNetBeansプロジェクトが含まれている場合、それらをIDEで開くように求めるダイアログが表示されます。ソースにプロジェクトが含まれていない場合は、ソースから新しいプロジェクトを作成し、IDEでそれらを開くことを求めるダイアログが表示されます。そのようなソースで新しいプロジェクトを作成する場合、適切なプロジェクト・カテゴリを選択し(新規プロジェクト・ウィザードで)、そのカテゴリ内の「既存のソースを使用する」オプションを使用します。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+チェックアウトされたソースにNetBeansプロジェクトが含まれている場合、それらをIDEで開くように求めるダイアログが表示されます。ソースにプロジェクトが含まれていない場合は、ソースから新しいプロジェクトを作成し、IDEでそれらを開くことを求めるダイアログが表示されます。そのようなソースで新しいプロジェクトを作成する場合、適切なプロジェクト・カテゴリを選択し(新規プロジェクト・ウィザードで)、そのカテゴリ内の「既存のソースを使用する」オプションを使用します。
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -318,7 +342,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>「インポート・メッセージ」テキスト領域に、リポジトリにインポートしようとしているプロジェクトの説明を入力します。</p>
 </li>
@@ -327,8 +351,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注意: *CVSクライアントでは、デフォルトでバイナリ・ファイルのインポートを処理しません。バイナリ・ソースをインポートする場合のベスト・プラクティスは、リポジトリ内に`cvswrappers`ファイルを作成することです。詳細は、<a href="http://wiki.netbeans.org/FaqCVSHowToImportBinaries">バイナリ・ファイルを正しくインポートする方法</a>を参照してください。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+CVSクライアントでは、デフォルトでバイナリ・ファイルのインポートを処理しません。バイナリ・ソースをインポートする場合のベスト・プラクティスは、リポジトリ内に`cvswrappers`ファイルを作成することです。詳細は、<a href="http://wiki.netbeans.org/FaqCVSHowToImportBinaries">バイナリ・ファイルを正しくインポートする方法</a>を参照してください。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -538,7 +571,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「ステータス・ラベル形式」テキスト・フィールドの右側の「変数を追加」ボタンをクリックします。表示される「変数を追加」ダイアログで`{revision}`変数を選択し、「OK」をクリックします。「ステータス・ラベル形式」テキスト・フィールドに、リビジョン変数が追加されます。</p>
 </li>
@@ -834,7 +867,7 @@
 <p>*注意: *<a href="#fileStatus">ファイル・ステータス・ラベル</a>がアクティブ化されていることを確認してください(メイン・メニューから「表示」&gt;「バージョン・ラベルを表示」を選択)。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>ファイルを編集し、ファイルを追加し、ファイルを削除します。すべての変更をコミットします。</p>
 </li>
@@ -844,8 +877,14 @@
 </ol>
 </div>
 <div class="paragraph">
-<p>IDEによってターゲット・リポジトリの場所がトランクに切り替えられます。「プロジェクト」ウィンドウで、ファイル・ステータス・ラベルが新しい作業場所を反映するように自動的に更新されます。
-4. マージを実行するには、プロジェクト・ノードを右クリックし、「CVS」&gt;「分岐での変更をマージ」を選択します。表示されるダイアログで、作業中の分岐に変更をマージ・フィールドに`Trunk`が含まれ、現在の作業場所が示されています。</p>
+<p>IDEによってターゲット・リポジトリの場所がトランクに切り替えられます。「プロジェクト」ウィンドウで、ファイル・ステータス・ラベルが新しい作業場所を反映するように自動的に更新されます。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>マージを実行するには、プロジェクト・ノードを右クリックし、「CVS」&gt;「分岐での変更をマージ」を選択します。表示されるダイアログで、作業中の分岐に変更をマージ・フィールドに`Trunk`が含まれ、現在の作業場所が示されています。</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>ダイアログで、次の条件を指定します。
diff --git a/content/kb/docs/ide/cvs_pt_BR.html b/content/kb/docs/ide/cvs_pt_BR.html
index 3b45ca1..33fee3f 100644
--- a/content/kb/docs/ide/cvs_pt_BR.html
+++ b/content/kb/docs/ide/cvs_pt_BR.html
@@ -133,8 +133,17 @@
 <div class="paragraph">
 <p>CVS, ou Concurrent Versions System, é um sistema de controle de versão de códigos-fonte aberto que mantém o rastreamento de alterações e de todo o trabalho em um conjunto de arquivos. Normalmente é usado durante a implementação de um projeto de software, permitindo que múltiplos desenvolvedores colaborem. Para obter mais informações sobre o CVS, consulte a <a href="http://ximbiot.com/cvs/">documentação oficial</a>.</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> após o NetBeans IDE 7.0.1, o suporte CVS está disponível após a instalação do plug-in CVS a partir da Central de Atualização do NetBeans IDE. Consulte a página <a href="http://wiki.netbeans.org/CVSSupport">FAQs do CVS</a> para obter detalhes.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+após o NetBeans IDE 7.0.1, o suporte CVS está disponível após a instalação do plug-in CVS a partir da Central de Atualização do NetBeans IDE. Consulte a página <a href="http://wiki.netbeans.org/CVSSupport">FAQs do CVS</a> para obter detalhes.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -206,9 +215,18 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *os menus drop-down do IDE se adaptam ao contexto, ou seja, as opções disponíveis dependem do item selecionado. Portanto, se você já estiver trabalhando dentro de um projeto CVS, poderá escolher Controle de Versão &gt; Check-out no menu principal.
-2. No primeiro painel do assistente, insira a localização do repositório, que pode ser definido por <code>CVSROOT</code>:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+os menus drop-down do IDE se adaptam ao contexto, ou seja, as opções disponíveis dependem do item selecionado. Portanto, se você já estiver trabalhando dentro de um projeto CVS, poderá escolher Controle de Versão &gt; Check-out no menu principal.
+2. No primeiro painel do assistente, insira a localização do repositório, que pode ser definido por <code>CVSROOT</code>:
+</td>
+</tr>
+</table>
 </div>
 <div class="literalblock">
 <div class="content">
@@ -256,12 +274,27 @@
 <div class="paragraph">
 <p>Dependendo do método utilizado, pode ser necessário especificar outras informações, como uma senha e definições de proxy para a conexão com um repositório remoto (exemplo, para um <code>pserver</code>). Clique em Próximo.</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> caso esteja tentando definir uma autenticação SSH com chave pública, consulte: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">como definir a autenticação SSH com chave pública?</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+caso esteja tentando definir uma autenticação SSH com chave pública, consulte: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">como definir a autenticação SSH com chave pública?</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>Para obter ajuda sobre como acessar repositórios locais, consulte: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">Como posso acessar repositórios locais?</a>
-3. No painel Módulos para Check-out do assistente, especifique o módulo cujo check-out deseja no campo Módulo. Caso não saiba o nome do módulo ao qual deseja fazer check-out, clique no botão Procurar para exibir o conteúdo do repositório. Na caixa de diálogo Procurar por Módulo CVS, selecione quaisquer dos módulos listados e clique em OK. Sua seleção é então adicionada no campo Módulo:</p>
+<p>Para obter ajuda sobre como acessar repositórios locais, consulte: <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">Como posso acessar repositórios locais?</a></p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>No painel Módulos para Check-out do assistente, especifique o módulo cujo check-out deseja no campo Módulo. Caso não saiba o nome do módulo ao qual deseja fazer check-out, clique no botão Procurar para exibir o conteúdo do repositório. Na caixa de diálogo Procurar por Módulo CVS, selecione quaisquer dos módulos listados e clique em OK. Sua seleção é então adicionada no campo Módulo:</p>
+</li>
+</ol>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -273,7 +306,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>No campo de texto Ramificação, insira o nome da ramificação para check-out. Clique no botão Procurar para abrir a caixa de diálogo Procurar Tags e pesquise as ramificações e tags disponíveis. Caso você não especifique uma ramificação ou uma tag, o <em>trunk</em> será submetido a check-out.</p>
 </li>
@@ -282,8 +315,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *caso os códigos-fonte com check-out contenham projetos NetBeans, uma caixa de diálogo será exibida solicitando a abertura deles no IDE. Se os códigos-fonte não contiverem um projeto, aparecerá uma caixa de diálogo solicitando que você crie um novo projeto a partir dos códigos-fonte e, a seguir, que o abra no IDE. Caso você crie um novo projeto para tal código-fonte, selecione a categoria de projeto apropriada (ou sejam no assistente Novo Projeto), e a seguir use a opção  [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+caso os códigos-fonte com check-out contenham projetos NetBeans, uma caixa de diálogo será exibida solicitando a abertura deles no IDE. Se os códigos-fonte não contiverem um projeto, aparecerá uma caixa de diálogo solicitando que você crie um novo projeto a partir dos códigos-fonte e, a seguir, que o abra no IDE. Caso você crie um novo projeto para tal código-fonte, selecione a categoria de projeto apropriada (ou sejam no assistente Novo Projeto), e a seguir use a opção Com Códigos-fonte [...]
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -291,8 +333,17 @@
 <div class="paragraph">
 <p>Alternativamente, você pode importar um projeto no qual estava trabalhando no IDE para um repositório remoto, e a seguir continuar a trabalhar nele no IDE após ele ter sido sincronizado com o repositório CVS.</p>
 </div>
-<div class="paragraph">
-<p>*Observação: *apesar de que de fato você está <em>exportando</em> arquivos do sistema, o termo 'importar" é usado nos sistemas de controle de versão para indicar que os arquivos estão sendo _importados em _um repositório.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+apesar de que de fato você está <em>exportando</em> arquivos do sistema, o termo 'importar" é usado nos sistemas de controle de versão para indicar que os arquivos estão sendo _importados em _um repositório.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Para importar um projeto para um repositório:</p>
@@ -320,7 +371,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Na área de texto Importar Mensagem, insira uma descrição do projeto que está importando no repositório.</p>
 </li>
@@ -329,8 +380,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *por default o cliente CVS não trata importações de arquivos binários. A prática recomendada para importação códigos-fonte binários é criar um arquivo <code>cvswrappers</code> dentro do repositório. Consulte <a href="http://wiki.netbeans.org/FaqCVSHowToImportBinaries">Como Importar Corretamente Arquivos Binários</a>para obter mais detalhes.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+por default o cliente CVS não trata importações de arquivos binários. A prática recomendada para importação códigos-fonte binários é criar um arquivo <code>cvswrappers</code> dentro do repositório. Consulte <a href="http://wiki.netbeans.org/FaqCVSHowToImportBinaries">Como Importar Corretamente Arquivos Binários</a>para obter mais detalhes.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -540,7 +600,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Clique no botão Adicionar Variável à direita do campo de texto Formato do Label de Status. Na caixa de diálogo Adicionar Variável que é exibida, selecione a variável <code>{revision}</code> e clique em OK. A variável revision é adicionada ao campo de texto Formato do label de status.</p>
 </li>
@@ -832,11 +892,20 @@
 <div class="paragraph">
 <p>Clique no botão Ramificar. Uma nova ramificação é criada no repositório, e o IDE alterna sua localização de repositório de destino para a nova ramificação. Na janela Projetos, o nome da nova ramificação é exibido em texto cinza junto aos arquivos com controle de versão, indicando que você agora está trabalhando a partir da ramificação.</p>
 </div>
-<div class="paragraph">
-<p>*Observação: *certifique-se de que os <a href="#fileStatus">labels de status de arquivo</a> estejam ativados (selecione Exibir &gt; Mostrar Labels de Controle de Versão a partir do menu principal).</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+certifique-se de que os <a href="#fileStatus">labels de status de arquivo</a> estejam ativados (selecione Exibir &gt; Mostrar Labels de Controle de Versão a partir do menu principal).
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Editar arquivos, adicionar arquivos, deletar arquivos. Confirmar todas as alterações.</p>
 </li>
@@ -846,8 +915,14 @@
 </ol>
 </div>
 <div class="paragraph">
-<p>O IDE alterna a localização do repositório de destino para o tronco. Na janela Projetos, observe que os labels de status do arquivo são automaticamente atualizados para refletir seu novo local de trabalho.
-4. Para executar a mesclagem, clique com o botão direito do mouse no nó do projeto e escolha CVS &gt; Mesclar Alterações da Ramificação. Na caixa de diálogo que é exibida, observe que o campo Mesclar Alterações para Ramificação de Trabalho contém <code>Tronco</code>, indicando sua localização de trabalho atual.</p>
+<p>O IDE alterna a localização do repositório de destino para o tronco. Na janela Projetos, observe que os labels de status do arquivo são automaticamente atualizados para refletir seu novo local de trabalho.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Para executar a mesclagem, clique com o botão direito do mouse no nó do projeto e escolha CVS &gt; Mesclar Alterações da Ramificação. Na caixa de diálogo que é exibida, observe que o campo Mesclar Alterações para Ramificação de Trabalho contém <code>Tronco</code>, indicando sua localização de trabalho atual.</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>Na caixa de diálogo, especifique os seguintes critérios:
@@ -867,8 +942,17 @@
 <div class="paragraph">
 <p>Clique em Mesclar. O IDE incorpora a ramificação com o tronco. Caso surjam conflitos no processo, o status do projeto é atualizado para <a href="#resolving">Conflito de Mesclagem</a> para indicar isso.</p>
 </div>
-<div class="paragraph">
-<p>*Observação: *depois de mesclar as alterações do arquivo de uma ramificação com o diretório de trabalho local, ainda é necessário confirmar as alterações usando o comando Confirmar, para adicionar as alterações ao repositório.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+depois de mesclar as alterações do arquivo de uma ramificação com o diretório de trabalho local, ainda é necessário confirmar as alterações usando o comando Confirmar, para adicionar as alterações ao repositório.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/cvs_ru.html b/content/kb/docs/ide/cvs_ru.html
index 68e8cdc..52fc14f 100644
--- a/content/kb/docs/ide/cvs_ru.html
+++ b/content/kb/docs/ide/cvs_ru.html
@@ -260,8 +260,14 @@
 <p>*Примечание.*При настройке аутентификации открытого ключа SSH см. в раздел <a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">Настройка аутентификации открытого ключа SSH</a>.</p>
 </div>
 <div class="paragraph">
-<p>Для получения дополнительной информации о доступе к локальным репозиториям см. страницу <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">How can I access local repositories? (Как получить доступ к локальным репозиториям?)</a>
-3. На панели "Модули для взятия" мастера укажите модуль, который необходимо взять для изменения, в поле "Модуль". Если название модуля неизвестно, нажмите кнопку "Обзор" для просмотра содержимого репозитория. В появившемся диалоговом окне "Выбор модуля CVS" выберите модуль из списка и нажмите кнопку "ОК". Выбранный модуль будет добавлен в поле "Модуль".</p>
+<p>Для получения дополнительной информации о доступе к локальным репозиториям см. страницу <a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">How can I access local repositories? (Как получить доступ к локальным репозиториям?)</a></p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>На панели "Модули для взятия" мастера укажите модуль, который необходимо взять для изменения, в поле "Модуль". Если название модуля неизвестно, нажмите кнопку "Обзор" для просмотра содержимого репозитория. В появившемся диалоговом окне "Выбор модуля CVS" выберите модуль из списка и нажмите кнопку "ОК". Выбранный модуль будет добавлен в поле "Модуль".</p>
+</li>
+</ol>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -273,7 +279,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>В текстовом поле "Ветвь" введите имя ветви для получения. Можно также нажать кнопку "Обзор" для открытия диалогового окна "Выбор тега" и поиска доступных ветвей и тегов. Если ветвь или тег не будут указаны, будет выполнено получение <em>главной ветви</em>.</p>
 </li>
@@ -320,7 +326,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>В текстовом блоке "Сообщение импорта" введите описание проекта, импортируемого в репозиторий.</p>
 </li>
@@ -540,7 +546,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Нажмите кнопку "Добавить переменную" справа от текстового поля "Формат ярлыка состояния". В открывшемся диалоговом окне" Добавление переменной" выберите переменную`{revision}` и нажмите "ОК". Переменная revision добавляется в текстовое поле "Формат ярлыка состояния".</p>
 </li>
@@ -836,7 +842,7 @@
 <p>*Примечание. *Убедитесь в том, что <a href="#fileStatus">ярлыки состояния файлов</a> включены (в главном меню выберите "Вид" &gt; "Показать ярлыки версий").</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Измените, добавьте и удалите файлы. Зафиксируйте изменения.</p>
 </li>
@@ -846,8 +852,14 @@
 </ol>
 </div>
 <div class="paragraph">
-<p>Среда IDE переключит целевое местоположение в репозитории на главную ветвь. В окне 'Проекты' обратите внимание, что метки состояния автоматически обновляются для отражения нового рабочего местоположения.
-4. Для выполнения слияния щелкните правой кнопкой мыши узел проекта и выберите CVS &gt; 'Слияние изменений из ветви'. Обратите внимание, что в открывшемся диалоговом окне в поле "Слить изменения в текущую ветвь" выбрано значение <code>Главная ветвь</code>, указывающее на ваше текущее рабочее местоположение.</p>
+<p>Среда IDE переключит целевое местоположение в репозитории на главную ветвь. В окне 'Проекты' обратите внимание, что метки состояния автоматически обновляются для отражения нового рабочего местоположения.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Для выполнения слияния щелкните правой кнопкой мыши узел проекта и выберите CVS &gt; 'Слияние изменений из ветви'. Обратите внимание, что в открывшемся диалоговом окне в поле "Слить изменения в текущую ветвь" выбрано значение <code>Главная ветвь</code>, указывающее на ваше текущее рабочее местоположение.</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>В диалоговом окне укажите следующие критерии.
diff --git a/content/kb/docs/ide/cvs_zh_CN.html b/content/kb/docs/ide/cvs_zh_CN.html
index de33da8..db01825 100644
--- a/content/kb/docs/ide/cvs_zh_CN.html
+++ b/content/kb/docs/ide/cvs_zh_CN.html
@@ -207,8 +207,14 @@
 </ol>
 </div>
 <div class="paragraph">
-<p>*注:*IDE 的下拉菜单是与上下文相关的,即可用选项取决于当前选定的项。因此,如果您已在使用 CVS 项目,则可以从主菜单中选择 "Versioning"(版本控制)&gt; "Checkout"(检出)。
-2. 在向导的第一个面板中,输入由 <code>CVSROOT</code> 定义的资源库位置。</p>
+<p>*注:*IDE 的下拉菜单是与上下文相关的,即可用选项取决于当前选定的项。因此,如果您已在使用 CVS 项目,则可以从主菜单中选择 "Versioning"(版本控制)&gt; "Checkout"(检出)。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>在向导的第一个面板中,输入由 <code>CVSROOT</code> 定义的资源库位置。</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>IDE 支持多种 <code>CVSROOT</code> 格式,这取决于 CVS 资源库是本地还是远程的,以及连接该资源库所用的方法:</p>
@@ -258,8 +264,14 @@
 <p>*注:*尝试设置公共密钥 SSH 身份验证时,请参见:<a href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth">如何设置公共密钥 SSH 身份验证?</a></p>
 </div>
 <div class="paragraph">
-<p>如需获得访问本地资源库的更多帮助,请参见:<a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">如何访问本地资源库?</a>
-3. 在向导的 "Modules to Checkout"(要检出的模块)面板的 "Module"(模块)字段中,指定要检出的模块。如果不知道要检出的模块的名称,请单击 "Browse"(浏览)按钮,以查看资源库的内容。在显示的 "Browse CVS Module"(浏览 CVS 模块)对话框中,选择任意已列出的模块,然后单击 "OK"(确定)。此后会将所选内容添加到 "Module"(模块)字段中:</p>
+<p>如需获得访问本地资源库的更多帮助,请参见:<a href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS">如何访问本地资源库?</a></p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>在向导的 "Modules to Checkout"(要检出的模块)面板的 "Module"(模块)字段中,指定要检出的模块。如果不知道要检出的模块的名称,请单击 "Browse"(浏览)按钮,以查看资源库的内容。在显示的 "Browse CVS Module"(浏览 CVS 模块)对话框中,选择任意已列出的模块,然后单击 "OK"(确定)。此后会将所选内容添加到 "Module"(模块)字段中:</p>
+</li>
+</ol>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -271,7 +283,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>在 "Branch"(分支)文本字段中,输入要检出的分支的名称。您可以单击 "Browse"(浏览)按钮打开 "Browse Tags"(浏览标记)对话框,以搜索可用的分支和标记。如果未指定分支或标记,则会检出_主干_。</p>
 </li>
@@ -318,7 +330,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>在 "Import Message"(导入消息)文本区域中,输入要导入资源库中的项目的描述。</p>
 </li>
@@ -538,7 +550,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>单击 "Status Label Format"(状态标签格式)文本字段右侧的 "Add Variable"(添加变量)按钮。在显示的 "Add Variable"(添加变量)对话框中,选择 <code>{revision}</code> 变量,然后单击 "OK"(确定)。此时修订版本变量将添加到 "Status Label Format"(状态标签格式)文本字段中。</p>
 </li>
@@ -834,7 +846,7 @@
 <p>*注:*确保激活了<a href="#fileStatus">文件状态标签</a>(从主菜单中选择 "View"(视图)&gt; "Show Versioning Labels"(显示版本控制标签))。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>编辑文件,添加文件,删除文件。提交所有更改。</p>
 </li>
@@ -844,8 +856,14 @@
 </ol>
 </div>
 <div class="paragraph">
-<p>IDE 会将目标资源库位置切换至主干。在 "Projects"(项目)窗口中,注意文件状态标签会自动更新,以反映新的工作位置。
-4. 要进行合并,请右键单击项目节点,然后选择 "CVS" &gt; "Merge Changes from Branch"(合并分支中的更改)。在显示的对话框中,您会看到 "Merge Changes Into Working Branch"(将更改合并到工作分支)字段中包含 <code>Trunk</code>,这指示当前工作位置。</p>
+<p>IDE 会将目标资源库位置切换至主干。在 "Projects"(项目)窗口中,注意文件状态标签会自动更新,以反映新的工作位置。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>要进行合并,请右键单击项目节点,然后选择 "CVS" &gt; "Merge Changes from Branch"(合并分支中的更改)。在显示的对话框中,您会看到 "Merge Changes Into Working Branch"(将更改合并到工作分支)字段中包含 <code>Trunk</code>,这指示当前工作位置。</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
 <p>在该对话框中,指定以下条件:
diff --git a/content/kb/docs/ide/git.html b/content/kb/docs/ide/git.html
index c1ea58d..362dbeb 100644
--- a/content/kb/docs/ide/git.html
+++ b/content/kb/docs/ide/git.html
@@ -259,6 +259,10 @@ By default Clone Name is filled out with the actual Git repository name.</p>
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>Click Finish.
 After a Git repository is cloned, the metadata  <code>.git</code>  folder is created inside the folder you selected in the wizard.</p>
@@ -312,6 +316,10 @@ You need to have a GitHub account and be a project member in order to clone via
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>(<strong>Applies if using SSH-agent or Pageant for automated SSH access to the Git server.</strong>) Leave the Private Key File and Passphrase fields empty to get authenticated access from the IDE to the Git server via correctly configured SSH-agent or Pageant.</p>
 </li>
@@ -1050,6 +1058,10 @@ You need to install the JIRA or Subversion plugin to start tracking issues in th
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>After specifying actions for individual files, click  <code>Commit</code> .
 The IDE executes the commit and stores your snapshots to the repository. The IDE&#8217;s status bar, located in the bottom right of the interface, displays as the commit action takes place. Upon a successful commit, versioning badges disappear in the  <code>Projects</code> ,  <code>Files</code>  and  <code>Favorites</code>  windows, and the color coding of committed files returns to black.</p>
@@ -1248,6 +1260,10 @@ The Checkout Selected Paths dialog box displays.</p>
 <p>Choose the Update Index with Entries from the Selected Revision option.
 If selected, the Index is updated with the state in the selected revision prior to the checkout itself (i.e., the selected files both in the Working Tree and Index are updated).</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Specify the revision required by entering a commit ID, existing branch, or tag name in the Revision field or press Select to view the list of revisions maintained in the repository.</p>
 </li>
diff --git a/content/kb/docs/ide/git_ja.html b/content/kb/docs/ide/git_ja.html
index 431c33c..5d68742 100644
--- a/content/kb/docs/ide/git_ja.html
+++ b/content/kb/docs/ide/git_ja.html
@@ -96,7 +96,7 @@
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
-<ul class="sectlevel2">
+<ul class="sectlevel1">
 <li><a href="#_内容">内容</a></li>
 <li><a href="#_要件">要件</a></li>
 <li><a href="#_gitリポジトリの初期化">Gitリポジトリの初期化</a></li>
@@ -144,8 +144,9 @@
 </div>
 </div>
 </div>
-<div class="sect2">
-<h3 id="_内容">内容</h3>
+<div class="sect1">
+<h2 id="_内容">内容</h2>
+<div class="sectionbody">
 <div class="imageblock">
 <div class="content">
 <img src="images/netbeans-stamp-80-74.png" alt="netbeans stamp 80 74">
@@ -220,6 +221,7 @@
 </ul>
 </div>
 </div>
+</div>
 <div class="sect1">
 <h2 id="_要件">要件</h2>
 <div class="sectionbody">
@@ -276,7 +278,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「 <code>Gitリポジトリの初期化</code> 」ダイアログ・ボックスで、バージョン管理されるファイルの保存先リポジトリへのパスを指定するか、「参照」をクリックして、必要なディレクトリを参照します。</p>
 </li>
@@ -332,7 +334,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>リポジトリ・ページで、Gitリポジトリの場所へのパス、ユーザー名、およびパスワードを指定します(必要に応じて、今後のためにそれらを保存できます)。</p>
 </li>
@@ -370,6 +372,10 @@
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>「終了」をクリックします。
 Gitリポジトリのクローン後、ウィザードで選択したフォルダ内にメタデータ <code>.git</code> フォルダが作成されます。</p>
@@ -401,6 +407,10 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 <li>
 <p>(<strong>Gitサーバーへの自動化されたSSHアクセスにSSHエージェントまたはPageantを使用中の場合はスキップします。</strong>)SSH秘密鍵およびパス・フレーズを使用してGitサーバーにアクセスするには次の手順を実行します。</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="1">
 <li>
 <p>鍵ファイルへのパス、たとえば <code>C:\Users\key</code> などを指定します。</p>
 </li>
@@ -410,13 +420,21 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 <p><strong>注意:</strong> OpenSSH秘密鍵形式が必要です。Microsoft Windowsに対応のPuTTYgenで生成された鍵は、IDEを使用する前に、OpenSSH形式に変換する必要があります。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>鍵ファイルのパス・フレーズ、たとえば <code>abcd</code> などを入力します。</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>(オプション)必要に応じて、「パス・フレーズを保存」オプションを選択します。</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>(<strong>Gitサーバーへの自動化されたSSHアクセスにSSHエージェントまたはPageantを使用中の場合に適用されます。</strong>)正しく構成されたSSHエージェントまたはPageant経由でIDEからGitサーバーへの認証されたアクセスを得るには、「秘密鍵ファイル」および「パス・フレーズ」フィールドを空のままにします。</p>
 </li>
@@ -435,7 +453,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="8">
 <li>
 <p>「次」をクリックします。</p>
 </li>
@@ -454,7 +472,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>「次」をクリックします。</p>
 </li>
@@ -495,7 +513,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>「終了」をクリックします。
 リポジトリがクローンされると、「クローン完了」メッセージが表示されます。</p>
@@ -508,7 +526,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>目的のオプションを選択します。</p>
 </li>
@@ -545,10 +563,12 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. 「プロジェクト」ウィンドウで、追加するファイルを右クリックします。
 2. コンテキスト・メニューで「 <code>Git</code> 」&gt;「 <code>追加</code> 」を選択します。
 これにより、コミットする前に、ファイルの内容が索引に追加されます。
-3. 「プロジェクト」ウィンドウで、コミットするファイルを右クリックします。
-4. 「コミット」ダイアログ・ボックスで、「HEADと索引間の変更」(image::images/changes-head-index.png[])トグル・ボタンを選択します。
+[start=3]
+1. 「プロジェクト」ウィンドウで、コミットするファイルを右クリックします。
+2. 「コミット」ダイアログ・ボックスで、「HEADと索引間の変更」(image::images/changes-head-index.png[])トグル・ボタンを選択します。
 これにより、すでにステージングされているファイルの一覧が表示されます。
-5. 下の<a href="#committing">リポジトリへソースのコミット</a>の項で説明するように、ファイルをコミットします。</p></td>
+[start=5]
+1. 下の<a href="#committing">リポジトリへソースのコミット</a>の項で説明するように、ファイルをコミットします。</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. 「プロジェクト」ウィンドウで、コミットするファイルを右クリックします。
 2. コンテキスト・メニューで、「 <code>Git</code> 」&gt;「 <code>コミット</code> 」を選択します。
 3. 「コミット」ダイアログ・ボックスで、「索引と作業ツリー間の変更」(image::images/changes-head-wt.png[])トグル・ボタンを選択します。
@@ -1066,7 +1086,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>追加のオプション(「 <code>索引のコミットされていない変更のみをHEADに戻す</code> 」など)を指定します。</p>
 </li>
@@ -1180,7 +1200,7 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 <p><strong>注意</strong>: IDEで問題のトラックを開始するには、JIRAまたはSubversionプラグインをインストールする必要があります。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「 <code>コミット・メッセージ</code> 」テキスト領域にコミット・メッセージを入力します。または、次のいずれかを実行できます。</p>
 <div class="ulist">
@@ -1194,6 +1214,10 @@ Gitリポジトリのクローン後、ウィザードで選択したフォル
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>個々のファイルのアクションを指定して「 <code>コミット</code> 」をクリックします。
 IDEによってコミットが実行され、スナップショットがリポジトリに保存されます。コミット・アクションが実行されると、インタフェースの右下にあるIDEのステータス・バーが表示されます。コミットに成功すると、「 <code>プロジェクト</code> 」、「 <code>ファイル</code> 」および「 <code>お気に入り</code> 」ウィンドウのバージョン管理バッジが消え、コミットされたファイルの色分けが黒に戻ります。</p>
@@ -1258,7 +1282,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「分岐名」フィールドで、作成する分岐の名前を入力します。</p>
 </li>
@@ -1310,7 +1334,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>コミットID、既存の分岐またはタグ名を「リビジョン」フィールドに入力して、必要なリビジョンを指定するか、「選択」を押して、リポジトリで管理されているリビジョンの一覧を表示します。</p>
 </li>
@@ -1323,7 +1347,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 <p><strong>注意:</strong> 指定したリビジョンが分岐名でマークされていない有効なコミットを表している場合、HEADがデタッチされ、分岐上にいなくなります。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>チェックアウトされるリビジョンに固有の「コミットID」、「作成者」、「メッセージ」フィールド情報を確認します。</p>
 </li>
@@ -1360,7 +1384,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>「選択されたリビジョンからのエントリで索引を更新」オプションを選択します。
 選択した場合、チェックアウト前に選択したリビジョンの状態で索引が更新されます(作業ツリーと索引の両方の選択したファイルが更新されます)。</p>
@@ -1400,7 +1424,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>コミットID、既存の分岐またはタグ名を「リビジョン」フィールドに入力して、必要なリビジョンを指定するか、「選択」を押して、リポジトリで管理されているリビジョンの一覧を表示します。</p>
 </li>
@@ -1439,7 +1463,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 <p><strong>注意:</strong> 分岐は非アクティブである、つまり現在作業ツリーにチェックアウトされていない必要があります。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>選択した分岐を右クリックし、ポップアップ・メニューから「分岐を削除」を選択します。</p>
 </li>
@@ -1497,7 +1521,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログイン、パスワード、およびプロキシ構成を定義する)を選択し、「次」をクリックします。</p>
 </li>
@@ -1533,7 +1557,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログインとパスワードを定義する)を選択し、「次」をクリックします。</p>
 </li>
@@ -1567,7 +1591,7 @@ IDEによってコミットが実行され、スナップショットがリポ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>ウィザードのリモート・リポジトリ・ページで、構成済のリポジトリ(以前に構成されたリポジトリへのパスを使用する)または「Gitリポジトリの場所を指定」オプション(必要に応じて、まだアクセスされていないリモート・リポジトリへのパス、その名前、ログインとパスワードを定義する)を選択し、「次」をクリックします。</p>
 </li>
diff --git a/content/kb/docs/ide/git_pt_BR.html b/content/kb/docs/ide/git_pt_BR.html
index 28cf131..de2c6a6 100644
--- a/content/kb/docs/ide/git_pt_BR.html
+++ b/content/kb/docs/ide/git_pt_BR.html
@@ -205,7 +205,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Especifique o caminho para o repositório em que você armazenará seus arquivos com controle de versão na caixa de diálogo  <code>Inicializar Repositório do Git</code>  ou clique em Procurar e navegue para o diretório necessário.</p>
 </li>
@@ -259,7 +259,7 @@ Você pode abrir  <code>Janela</code>  &gt;  <code>Saída</code>  &gt;  <code>Sa
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Na página Repositório, especifique o caminho da localização do repositório Git, o nome de usuário e senha (você pode salvá-los para uso futura se necessário).</p>
 </li>
@@ -308,8 +308,17 @@ Após o repositório do Git ser clonado, a pasta de metadados  <code>.git</code>
 <div class="paragraph">
 <p>Para clonar um repositório por meio do GitHub usando o Protocolo SSH, faça o seguinte:</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> é preciso ter uma conta do GitHub e ser membro do projeto para poder clonar por meio de SSH.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+é preciso ter uma conta do GitHub e ser membro do projeto para poder clonar por meio de SSH.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -328,22 +337,39 @@ Após o repositório do Git ser clonado, a pasta de metadados  <code>.git</code>
 <li>
 <p>(<strong>Ignorar se usar o agente SSH ou Pageant para acesso SSH automatizado para o servidor Git.</strong>) Conclua as seguintes etapas para acessar o servidor Git usando a chave SSH privada e uma frase-senha:</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="1">
 <li>
 <p>Especifique o caminho para o arquivo da chave, por exemplo  <code>C:\Users\key</code> .</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> o formato da chave privada openssh é necessário. Chaves geradas por PuTTYgen para Microsoft Windows deve ser convertido para o formato openssh antes de usá-los no IDE.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+o formato da chave privada openssh é necessário. Chaves geradas por PuTTYgen para Microsoft Windows deve ser convertido para o formato openssh antes de usá-los no IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Insira a senha para o arquivo da chave, por exemplo  <code>abcd</code> .</p>
 </li>
 <li>
 <p>(Opcional) Selecione a opção Salvar Senha, se necessário.</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>(<strong>Aplica-se se usar o agente SSH ou Pageant para acesso de SSH automatizado para o servidor Git.</strong>) Deixe os campos Arquivo de Chave Privada e Frase-Senha vazios para obter acesso autenticado do IDE para o servidor Git, por meior de agente SSH ou Pageant configurado.</p>
 </li>
@@ -362,7 +388,7 @@ Após o repositório do Git ser clonado, a pasta de metadados  <code>.git</code>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="8">
 <li>
 <p>Clique em Próximo.</p>
 </li>
@@ -381,7 +407,7 @@ Após o repositório do Git ser clonado, a pasta de metadados  <code>.git</code>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>Clique em Próximo.</p>
 </li>
@@ -422,7 +448,7 @@ Por default, o Nome do Clone é preenchido com o nome real do repositório Git.<
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>Clique em Finalizar.
 Após o repositório ter sido clonado, a mensagem Clonagem Concluída é exibida.</p>
@@ -435,7 +461,7 @@ Após o repositório ter sido clonado, a mensagem Clonagem Concluída é exibida
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>Escolha a opção desejada.</p>
 </li>
@@ -472,11 +498,9 @@ Após o repositório ter sido clonado, a mensagem Clonagem Concluída é exibida
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Etapas a Seguir no Fluxo de Trabalho</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. Na janela Projetos, clique com o botão direito do mouse no arquivo que deseja adicionar.
-2. No menu de contexto, escolha  <code>Git</code>  &gt;  <code>Adicionar</code> .
-Esse procedimento adiciona o conteúdo do arquivo ao Índice antes de confirmá-lo.
+2. No menu de contexto, escolha  <code>Git</code>  &gt;  <code>Adicionar</code> .  Esse procedimento adiciona o conteúdo do arquivo ao Índice antes de confirmá-lo.
 3. Na janela Projetos, clique com o botão direito do mouse no arquivo que deseja confirmar.
-4. Na caixa de diálogo Confirmar, selecione as alterações entre o botão de alternância HEAD e índice (image::images/changes-head-index.png[]).
-Isso exibe uma lista dos arquivos que já estão em armazenamento temporário.
+4. Na caixa de diálogo Confirmar, selecione as alterações entre o botão de alternância HEAD e índice (image::images/changes-head-index.png[]).  Isso exibe uma lista dos arquivos que já estão em armazenamento temporário.
 5. Confirme os arquivos como descrito na seção <a href="#committing">Confirmando Código-fonte em um Repositório</a> abaixo.</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. Na janela Projetos, clique com o botão direito do mouse no arquivo que deseja confirmar.
 2. No menu de contexto, escolha  <code>Git</code>  &gt;  <code>Confirmar</code> .
@@ -486,8 +510,17 @@ Isso exibe uma lista dos arquivos que não estão em armazenamento temporário.
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Observação:</strong> o <a href="#viewFileStatus">status</a> do arquivo no HEAD é exibido em verde na esquerda da barra, como mostrado na figura a seguir.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+o <a href="#viewFileStatus">status</a> do arquivo no HEAD é exibido em verde na esquerda da barra, como mostrado na figura a seguir.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -556,8 +589,17 @@ Isso exibe uma lista dos arquivos que não estão em armazenamento temporário.
 <img src="images/left-margin.png" alt="left margin">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> você pode clicar em um agrupamento colorido na margem para chamar todos os comandos de controle de versão. Por exemplo, a figura abaixo mostra os widgets disponíveis quando você clica em um ícone vermelho, indicando que linhas foram removidas de sua cópia local:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+você pode clicar em um agrupamento colorido na margem para chamar todos os comandos de controle de versão. Por exemplo, a figura abaixo mostra os widgets disponíveis quando você clica em um ícone vermelho, indicando que linhas foram removidas de sua cópia local:
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -850,8 +892,17 @@ Isso exibe uma lista dos arquivos que não estão em armazenamento temporário.
 <div class="paragraph">
 <p>Comparar versões de arquivo é uma tarefa comum ao se trabalhar com projetos com controle de versão. O IDE permite comparar versões ao usar o comando Diferenciar:</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> vários modos de comparação - Diff To HEAD, Diff To Tracked e Diff To - estão disponíveis no IDE.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+vários modos de comparação - Diff To HEAD, Diff To Tracked e Diff To - estão disponíveis no IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -876,8 +927,17 @@ Um Visualizador gráfico de Diferenciação é aberto para os arquivos seleciona
 <div class="paragraph">
 <p>O Visualizador de Diferenciação usa a mesma <a href="#color-coding-table">codificação de cor</a> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> outras revisões podem ser selecionadas para listas drop-down  <code>Diff</code>  e  <code>to</code>  abaixo da barra de ferramentas Visualizador de Diferenciação.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+outras revisões podem ser selecionadas para listas drop-down  <code>Diff</code>  e  <code>to</code>  abaixo da barra de ferramentas Visualizador de Diferenciação.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>A barra de ferramentas Visualizador de Diferenciação também inclui botões que permitem chamar as tarefas mais comuns do Git em todos os arquivos exibidos na lista. A tabela a seguir lista os comandos do Git disponíveis na barra de ferramentas do Visualizador de Diferenciação:</p>
@@ -995,7 +1055,7 @@ A caixa de diálogo  <code>Reverter Modificações</code>  é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Especificar opções adicionais (por exemplo,  <code>Reverter Somente as Alterações Não Confirmadas no Índice para o HEAD</code> ) .</p>
 </li>
@@ -1109,7 +1169,7 @@ A caixa de diálogo  <code>Reverter Modificações</code>  é exibida.</p>
 <p><strong>Observação</strong>: é preciso instalar o plug-in JIRA ou Subversion para iniciar o rastreamento de problemas no IDE.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Digite uma mensagem de confirmação na área de texto  <code>Mensagem de Confirmação</code> . Alternativamente, você pode executar um dos seguintes procedimentos:</p>
 <div class="ulist">
@@ -1171,8 +1231,17 @@ O IDE executa a confirmação e armazena seus snapshots no repositório. A barra
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> como alternativa, clique com o botão direito do mouse no projeto ou pasta com controle de versão e escolha Git &gt; Ramificação/Tag &gt; Criar Ramificação no menu pop-up.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+como alternativa, clique com o botão direito do mouse no projeto ou pasta com controle de versão e escolha Git &gt; Ramificação/Tag &gt; Criar Ramificação no menu pop-up.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>A caixa de diálogo Criar Ramificação é exibida.</p>
@@ -1187,7 +1256,7 @@ O IDE executa a confirmação e armazena seus snapshots no repositório. A barra
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>No campo Nome da Ramificação, insira o nome da ramificação que está sendo criada.</p>
 </li>
@@ -1239,7 +1308,7 @@ A caixa de diálogo Fazer Check-out da Revisão Selecionada é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Especifique a revisão necessária ao inserir um ID de confirmação, uma ramificação existente ou o nome da tag no campo Revisão, ou pressione Selecionar para exibir uma lista das revisões mantidas no repositório.</p>
 </li>
@@ -1248,11 +1317,20 @@ A caixa de diálogo Fazer Check-out da Revisão Selecionada é exibida.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> se a revisão especificada se refere a uma confirmação válida que não esteja marcada com um nome de ramificação, seu HEAD se torna desanexado e você não mais está em nenhum ramificação.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+se a revisão especificada se refere a uma confirmação válida que não esteja marcada com um nome de ramificação, seu HEAD se torna desanexado e você não mais está em nenhum ramificação.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Reveja as informações dos campos ID de Confirmação, Autor e Mensagem específicos da revisão cujo check-out está sendo feito.</p>
 </li>
@@ -1265,8 +1343,17 @@ Os arquivos na Árvore de Trabalho e no Índice são atualizados para coincidire
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> caso deseje alternar seus arquivos para uma ramificação existente (por exemplo, para uma confirmação que não esteja no topo de uma de suas ramificações), você pode usar o comando Equipe &gt; Git &gt; Ramificação &gt; Alternar para a Ramificação, especificar a ramificação na caixa de diálogo Alternar para a Ramificação Selecionada, fazer check-out como uma nova ramificação (opcionalmente) e pressionar Alternar.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+caso deseje alternar seus arquivos para uma ramificação existente (por exemplo, para uma confirmação que não esteja no topo de uma de suas ramificações), você pode usar o comando Equipe &gt; Git &gt; Ramificação &gt; Alternar para a Ramificação, especificar a ramificação na caixa de diálogo Alternar para a Ramificação Selecionada, fazer check-out como uma nova ramificação (opcionalmente) e pressionar Alternar.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>O IDE suporta check-out contextual de arquivos, pastas ou projetos no momento selecionados no IDE. Para fazer check-out de alguns arquivos (e não de uma ramificação), siga as seguintes etapas:</p>
@@ -1289,7 +1376,7 @@ A caixa de diálogo Fazer Check-out dos Caminhos Selecionados é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Escolha a opção Atualizar Índice com Entradas da Revisão Selecionada.
 Caso selecionado, o Índice é atualizado com o estado da revisão selecionada antes do check-out do arquivo (ou seja, os arquivos selecionados na Árvore de Trabalho e Índice são atualizados).</p>
@@ -1329,7 +1416,7 @@ A caixa de diálogo Mesclar Revisão é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Especifique a revisão necessária ao inserir um ID de confirmação, uma ramificação existente ou o nome da tag no campo Revisão, ou pressione Selecionar para exibir uma lista das revisões mantidas no repositório.</p>
 </li>
@@ -1342,11 +1429,29 @@ Uma mesclagem de três vias entre a ramificação atual, o conteúdo de sua Árv
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> caso ocorra um conflito de mesclagem, o arquivo conflitante é marcado com um <a href="#badges">emblema vermelho</a> para indicar isso.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+caso ocorra um conflito de mesclagem, o arquivo conflitante é marcado com um <a href="#badges">emblema vermelho</a> para indicar isso.
+</td>
+</tr>
+</table>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> depois da mesclagem, ainda é necessário <a href="#committing">confirmar</a> as alterações para que sejam adicionadas ao HEAD.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+depois da mesclagem, ainda é necessário <a href="#committing">confirmar</a> as alterações para que sejam adicionadas ao HEAD.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -1364,11 +1469,20 @@ Uma mesclagem de três vias entre a ramificação atual, o conteúdo de sua Árv
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> a ramificação precisa estar inativa, ou seja, não deve ter tido check-out na Árvore de Trabalho.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+a ramificação precisa estar inativa, ou seja, não deve ter tido check-out na Árvore de Trabalho.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Clique com o botão direito do mouse na ramificação selecionada e escolha Deletar Ramificação a partir do menu pop-up.</p>
 </li>
@@ -1426,7 +1540,7 @@ O assistente Extrair do Repositório Remoto é exibido.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho para o repositório anteriormente configurado) ou a opção Especificar Local do Repositório Git (para definir o caminho para um repositório remoto que ainda não foi acessado, seu nome, e login e senha, e qualquer configuração de proxy necessária) e clique em Próximo.</p>
 </li>
@@ -1462,7 +1576,7 @@ O assistente Extrair do Repositório Remoto é exibido.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho do repositório anteriormente configurado) ou Especificar a Localização do Repositório Git: (para definir o caminho de um repositório remoto que ainda não foi acessado, seu nome, log-in e senha, se necessário) e clique em Próximo.</p>
 </li>
@@ -1496,7 +1610,7 @@ O assistente Expandir para o Repositório Remoto é exibido.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Na página Repositório Remoto do assistente, selecione a opção Repositório configurado (para usar o caminho do repositório anteriormente configurado) ou Especificar a Localização do Repositório Git: (para definir o caminho de um repositório remoto que ainda não foi acessado, seu nome, log-in e senha, se necessário) e clique em Próximo.</p>
 </li>
diff --git a/content/kb/docs/ide/git_ru.html b/content/kb/docs/ide/git_ru.html
index 455a728..634de46 100644
--- a/content/kb/docs/ide/git_ru.html
+++ b/content/kb/docs/ide/git_ru.html
@@ -205,7 +205,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>В диалоговом окне  <code>Инициализировать репозиторий Git </code>  укажите путь к репозиторию, в котором будут храниться файлы с контролем версий, или щелкните "Обзор" и выберите требуемый каталог.</p>
 </li>
@@ -259,7 +259,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>На странице "Репозиторий" укажите путь к местоположению репозитория Git, имя пользователя и пароль (при необходимости эти данные можно сохранить для использования в дальнейшем).</p>
 </li>
@@ -297,6 +297,10 @@
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>Нажмите кнопку "Завершить".
 По завершении клонирования репозитория Git создается папка  <code>.git</code>  с метаданными в папке, выбранной на соответствующем шаге мастера.</p>
@@ -308,8 +312,17 @@
 <div class="paragraph">
 <p>Для клонирования репозитория Git из GitHub с использованием протокола SSH выполните следующие действия.</p>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Требуется учетная запись GitHub и пользователь должен быть и быть участником проекта для того, чтобы клонировать через SSH.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Требуется учетная запись GitHub и пользователь должен быть и быть участником проекта для того, чтобы клонировать через SSH.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -327,23 +340,37 @@
 </li>
 <li>
 <p>(<strong>Пропустите этот шаг, если для автоматического доступа к серверу Git по протоколу SSH используется агент SSH или Pageant.</strong>) Для получения доступа к серверу Git с помощью закрытого ключа SSH и парольной фразы выполните следующие действия:</p>
-</li>
+<div class="olist lowerroman">
+<ol class="lowerroman" type="i">
 <li>
 <p>Укажите путь к файлу ключей, например  <code>C:\Users\key</code> .</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Требуется формат закрытого ключа OpenSSH. Ключи, созданные PuTTYgen для Microsoft Windows, должны быть преобразованы в формат OpenSSH перед использованием их в IDE.</p>
+</li>
+</ol>
 </div>
-<div class="olist arabic">
-<ol class="arabic">
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Требуется формат закрытого ключа OpenSSH. Ключи, созданные PuTTYgen для Microsoft Windows, должны быть преобразованы в формат OpenSSH перед использованием их в IDE.
+</td>
+</tr>
+</table>
+</div>
+<div class="olist loweralpha">
+<ol class="loweralpha" type="a">
 <li>
 <p>Введите парольную фразу для файла ключей, например  <code>abcd</code> .</p>
 </li>
 <li>
 <p>(Не обязательно) Если требуется, установите флажок "Сохранить парольную фразу".</p>
-</li>
+<div class="olist arabic">
+<ol class="arabic">
 <li>
 <p>(<strong>Применимо, если для автоматического доступа к серверу Git по протоколу SSH используется агент SSH или Pageant.</strong>) Чтобы получить аутентифицированный доступ к серверу Git из IDE с помощью правильно настроенного агента SSH или Pageant, оставьте поля "Файл закрытого ключа" и "Парольная фраза" пустыми.</p>
 </li>
@@ -352,6 +379,9 @@
 </li>
 </ol>
 </div>
+</li>
+</ol>
+</div>
 <div class="openblock feature">
 <div class="content">
 <div class="imageblock left">
@@ -362,7 +392,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="8">
 <li>
 <p>Нажмите кнопку "Далее".</p>
 </li>
@@ -381,7 +411,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>Нажмите кнопку "Далее".</p>
 </li>
@@ -422,7 +452,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>Нажмите кнопку "Завершить".
 По завершении клонирования репозитория отображается сообщение "Клонирование завершено".</p>
@@ -435,7 +465,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>Выберите требуемый параметр.</p>
 </li>
@@ -472,11 +502,9 @@
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Шаги по выполнению выбранной последовательности действий</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. В окне 'Проекты' щелкните правой кнопкой мыши файл, который необходимо добавить.
-2. В контекстном меню выберите  <code>Git</code>  &gt;  <code>Добавить</code> .
-Содержимое файла добавляется в индекс перед выполнением фиксации.
+2. В контекстном меню выберите  <code>Git</code>  &gt;  <code>Добавить</code> .  Содержимое файла добавляется в индекс перед выполнением фиксации.
 3. В окне 'Проекты' щелкните правой кнопкой мыши файл, который необходимо зафиксировать.
-4. В диалоговом окне 'Фикировать' выберите кнопку переключения взаимных изменений между HEAD и индексом ( image::images/changes-head-index.png[] ).
-Отобразится список файлов, уже помещенных на подготовку.
+4. В диалоговом окне 'Фикировать' выберите кнопку переключения взаимных изменений между HEAD и индексом ( <span class="image"><img src="images/changes-head-index.png" alt="changes head index"></span> ).  Отобразится список файлов, уже помещенных на подготовку.
 5. Выполните фиксацию файлов, как описано ниже в разделе <a href="#committing">Фиксация исходных кодов в репозитории</a>.</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">1. В окне 'Проекты' щелкните правой кнопкой мыши файл, который необходимо зафиксировать.
 2. В контекстном меню выберите  <code>Git</code>  &gt;  <code>Зафиксировать</code> .
@@ -486,8 +514,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Примечание.</strong> <a href="#viewFileStatus">Состояние</a> файла в HEAD отображается зеленым цветом слева от косой черты, как показано на следующем рисунке.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<a href="#viewFileStatus">Состояние</a> файла в HEAD отображается зеленым цветом слева от косой черты, как показано на следующем рисунке.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -556,8 +593,17 @@
 <img src="images/left-margin.png" alt="left margin">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Можно щелкнуть группировку цветов на полях для вызова команд управления версиями. Например, ниже на рисунке показаны элементы оформления, доступ к которым можно получить, щелкнув красный значок, который указывает на то, что соответствующие строки были удалены из локальной копии.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Можно щелкнуть группировку цветов на полях для вызова команд управления версиями. Например, ниже на рисунке показаны элементы оформления, доступ к которым можно получить, щелкнув красный значок, который указывает на то, что соответствующие строки были удалены из локальной копии.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -572,8 +618,17 @@
 <img src="images/right-margin.png" alt="right margin">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Щелкнув некоторую точку в пределах поля, можно незамедлительно перевести внутристрочный курсор в соответствующее местоположение в файле. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Щелкнув некоторую точку в пределах поля, можно незамедлительно перевести внутристрочный курсор в соответствующее местоположение в файле. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -850,8 +905,17 @@
 <div class="paragraph">
 <p>Сравнение версий файлов – обычная задача при работе над проектами под контролем версий. В среде IDE сравнение редакций выполняется с помощью команды Diff.</p>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> В IDE доступно несколько моделей сравнения - "Различия с последней ревизией", "Различия с контролируемыми ревизиями" и "Различия с".</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+В IDE доступно несколько моделей сравнения - "Различия с последней ревизией", "Различия с контролируемыми ревизиями" и "Различия с".
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -876,8 +940,17 @@
 <div class="paragraph">
 <p>В программе просмотра различий используется такое же <a href="#color-coding-table">цветовое выделение</a>, которое используется для отображения изменений другими компонентами системы контроля версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.</p>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Другие ревизии можно выбрать в списках  <code>Различия</code>  и  <code>с</code>  под панелью инструментов "Просмотр различий".</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Другие ревизии можно выбрать в списках  <code>Различия</code>  и  <code>с</code>  под панелью инструментов "Просмотр различий".
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Панель инструментов программы просмотра различий содержит также кнопки, позволяющие вызывать стандартные задачи Git для всех файлов, отображенных в списке. В следующей таблице приведены команды Git, которые можно вызвать с панели инструментов программы просмотра различий.</p>
@@ -996,7 +1069,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Укажите дополнительные параметры (например,  <code>Откатить в индексе только изменения, незафиксированные в HEAD</code> ) .</p>
 </li>
@@ -1096,8 +1169,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Чтобы указать здесь, следует ли исключать отдельные файлы из фиксации, либо снимите флажок в первом столбце с именем  <code>Фиксация</code>  или щелкните правой кнопкой мыши строку файла в столбце  <code>Действие фиксации</code>  и выберите  <code>Исключить из фиксации</code>  во всплывающем меню. Для отображения средства просмотра различий щелкните правой кнопкой мыши строку файла в столбце  <code>Действие фиксации</code>  и выберите  <code>Различия</code [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Чтобы указать здесь, следует ли исключать отдельные файлы из фиксации, либо снимите флажок в первом столбце с именем  <code>Фиксация</code>  или щелкните правой кнопкой мыши строку файла в столбце  <code>Действие фиксации</code>  и выберите  <code>Исключить из фиксации</code>  во всплывающем меню. Для отображения средства просмотра различий щелкните правой кнопкой мыши строку файла в столбце  <code>Действие фиксации</code>  и выберите  <code>Различия</code>  во всплывающем меню.
+</td>
+</tr>
+</table>
 </div>
 <div class="ulist">
 <ul>
@@ -1106,11 +1188,20 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Для запуска в среде IDE режима отслеживания проблем требуется установить подключаемый модуль для JIRA или Subversion.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Для запуска в среде IDE режима отслеживания проблем требуется установить подключаемый модуль для JIRA или Subversion.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Введите сообщение о фиксации в текстовую область  <code>Сообщение о фиксации</code> . Можно также выполнить любое из следующих действий.</p>
 <div class="ulist">
@@ -1172,8 +1263,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Также можно щелкнуть правой кнопкой мыши на проекте или папке, находящимся под управлением системы контроля версий, и выбрать "Git &gt; Ветвь/Метка &gt; Создать ветвь" в раскрывающемся меню.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Также можно щелкнуть правой кнопкой мыши на проекте или папке, находящимся под управлением системы контроля версий, и выбрать "Git &gt; Ветвь/Метка &gt; Создать ветвь" в раскрывающемся меню.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Откроется диалоговое окно "Создать ветвь".</p>
@@ -1188,7 +1288,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>В поле "Имя ветви" введите имя создаваемой ветви.</p>
 </li>
@@ -1240,7 +1340,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Чтобы указать требуемую редакцию, введите в поле "Редакция" идентификатор фиксации, существующую ветвь или имя тега, или же нажмите кнопку "Выбрать" для просмотра списка редакций, обслуживаемых в репозитории.</p>
 </li>
@@ -1249,11 +1349,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Если указанный выпуск относится к допустимой фиксации, которая не отмечены именем ветви, HEAD отключается и пользователь бльше не принадлежит ветви.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Если указанный выпуск относится к допустимой фиксации, которая не отмечены именем ветви, HEAD отключается и пользователь бльше не принадлежит ветви.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>В полях "Идентификатор фиксации", "Автор", "Сообщение" просмотрите информацию, относящуюся к извлекаемой редакции.</p>
 </li>
@@ -1266,8 +1375,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Если требуется переключить файлы на уже существующую ветвь (например, на фиксацию, которая не находится наверху одной из ветвей), можно использовать команду "Группа &gt; Git &gt; Ветвь &gt; Переключить на ветвь", указать ветвь в диалоговом окне "Переключение на выбранную ветвь", извлечь ее в качестве новой ветви (не обязательно) и нажать кнопку "Переключить".</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Если требуется переключить файлы на уже существующую ветвь (например, на фиксацию, которая не находится наверху одной из ветвей), можно использовать команду "Группа &gt; Git &gt; Ветвь &gt; Переключить на ветвь", указать ветвь в диалоговом окне "Переключение на выбранную ветвь", извлечь ее в качестве новой ветви (не обязательно) и нажать кнопку "Переключить".
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>В среде IDE поддерживается контекстно-зависимое извлечение файлов, папок и проектов, выбранных в текущий момент в среде IDE. Для извлечения нескольких файлов (не ветви) из индекса выполните следующие действия.</p>
@@ -1290,7 +1408,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Выберите вариант "Обновить индекс записями из выбранной редакции".
 При выборе этого варианта индекс обновляется в соответствии с состоянием из выбранной редакции, прежде чем выполнять свое извлечение. Это означает, что выбранные файлы обновляются как в рабочем дереве, так и в индексе.</p>
@@ -1330,7 +1448,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Чтобы указать требуемую редакцию, введите в поле "Редакция" идентификатор фиксации, существующую ветвь или имя тега, или же нажмите кнопку "Выбрать" для просмотра списка редакций, обслуживаемых в репозитории.</p>
 </li>
@@ -1343,11 +1461,29 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> При возникновении конфликта слияния конфликтующий файл помечен с <a href="#badges">красной отметкой</a> для указания этого конфликта.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+При возникновении конфликта слияния конфликтующий файл помечен с <a href="#badges">красной отметкой</a> для указания этого конфликта.
+</td>
+</tr>
+</table>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> После слияния небходимо <a href="#committing">зафиксировать</a> изменений для их добавления к HEAD.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+После слияния небходимо <a href="#committing">зафиксировать</a> изменений для их добавления к HEAD.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -1365,11 +1501,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Ветвь должна быть неактивной, т.е. в настоящее время не изъята в рабочее дерево.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Ветвь должна быть неактивной, т.е. в настоящее время не изъята в рабочее дерево.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Щелкните выбранную ветвь правой кнопкой мыши и во всплывающем меню выберите "Удалить ветвь".</p>
 </li>
@@ -1427,7 +1572,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя, имя для входа, пароль и, если требуется, настройки прокси) и щелкните "Далее".</p>
 </li>
@@ -1463,7 +1608,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя и, если требуется, имя для входа и пароль) и щелкните "Далее".</p>
 </li>
@@ -1497,7 +1642,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>На странице мастера "Удаленный репозиторий" выберите репозиторий "Настроенный" (для использования настроенного ранее пути к репозиторию) или вариант "Указать местоположение репозитория Git" (чтобы определить путь к удаленному репозиторию, доступ к которому еще не осуществлялся, его имя и, если требуется, имя для входа и пароль) и щелкните "Далее".</p>
 </li>
diff --git a/content/kb/docs/ide/git_zh_CN.html b/content/kb/docs/ide/git_zh_CN.html
index 8da745f..cc92f1f 100644
--- a/content/kb/docs/ide/git_zh_CN.html
+++ b/content/kb/docs/ide/git_zh_CN.html
@@ -205,7 +205,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>在  <code>Initialize a Git Repository </code> (初始化 Git 资源库)对话框中,指定将存储版本控制文件的资源库路径,或者单击 "Browse"(浏览)以浏览到所需的目录。</p>
 </li>
@@ -259,7 +259,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Repository"(资源库)页,指定 Git 资源库位置路径、用户名和口令(可以将其保存,供日后需要时使用)。</p>
 </li>
@@ -327,23 +327,31 @@
 </li>
 <li>
 <p>(<strong>使用 SSH-agent 或 Pageant 对 Git 服务器进行自动化 SSH 访问时跳过。</strong>)完成以下步骤以使用 SSH 私有密钥和密码短语访问 Git 服务器:</p>
-</li>
+<div class="olist loweralpha">
+<ol class="loweralpha" type="a">
 <li>
 <p>指定密钥文件路径,例如  <code>C:\Users\key</code> 。</p>
 </li>
 </ol>
 </div>
+</li>
+</ol>
+</div>
 <div class="paragraph">
 <p>*注:*需要采用 OpenSSH 私有密钥格式。必须先将 PuTTYgen for Microsoft Windows 生成的密钥转换为 OpenSSH 格式,然后才能在 IDE 中使用它们。</p>
 </div>
-<div class="olist arabic">
-<ol class="arabic">
+<div class="olist loweralpha">
+<ol class="loweralpha" type="a">
 <li>
 <p>输入密钥文件的密码短语,例如  <code>abcd</code> 。</p>
 </li>
 <li>
 <p>(可选)选中 "Save Passphrase"(保存密码短语)选项(如有必要)。</p>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>(<strong>使用 SSH-agent 或 Pageant 对 Git 服务器进行自动化 SSH 访问时适用。</strong>)将 "Private Key File"(私有密钥文件)和 "Passphrase"(密码短语)字段留空可通过正确配置的 SSH-agent 或 Pageant 获取从 IDE 到 Git 服务器的经过验证的访问。</p>
 </li>
@@ -362,7 +370,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="8">
 <li>
 <p>单击 "Next"(下一步)。</p>
 </li>
@@ -381,7 +389,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>单击 "Next"(下一步)。</p>
 </li>
@@ -422,7 +430,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>单击 "Finish"(完成)。
 克隆了资源库后,将会显示 "Clone Completed"(克隆完毕)消息。</p>
@@ -435,7 +443,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>选择所需的选项。</p>
 </li>
@@ -993,7 +1001,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>指定其他选项(例如, <code>Revert only Uncommitted Changes in Index to HEAD</code> (仅将索引中的未提交更改还原为 HEAD))。</p>
 </li>
@@ -1109,7 +1117,7 @@
 <p><strong>注</strong>:您需要安装 JIRA 或 Subversion 插件才能开始在 IDE 中跟踪问题。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>在  <code>Commit Message</code> (提交消息)文本区域中键入提交消息。此外,也可以执行以下任一操作:</p>
 <div class="ulist">
@@ -1187,7 +1195,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>在 "Branch Name"(分支名称)字段中,输入要创建的分支的名称。</p>
 </li>
@@ -1239,7 +1247,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Revision"(修订版本)字段中输入提交 ID、现有分支或标记名称,即可指定所需的修订版本,也可以按 "Select"(选择)来查看在资源库中维护的修订版本列表。</p>
 </li>
@@ -1252,7 +1260,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 <p>*注:*如果指定的修订版本引用了未使用分支名称标记的有效提交,则 HEAD 将断开连接,而您将不再位于任何分支上。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>检查特定于要检出的修订版本的 "Commit ID"(提交 ID)、"Author"(作者)和 "Message"(消息)字段信息。</p>
 </li>
@@ -1289,7 +1297,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>选中 "Update Index with Entries from the Selected Revision"(使用选定修订版本中的条目更新索引)选项。
 如果选择此选项,将在自行检出之前使用所选修订版本中的状态更新索引(即更新工作树和索引中的所选文件)。</p>
@@ -1329,7 +1337,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Revision"(修订版本)字段中输入提交 ID、现有分支或标记名称,即可指定所需的修订版本,也可以按 "Select"(选择)来查看在资源库中维护的修订版本列表。</p>
 </li>
@@ -1368,7 +1376,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 <p>*注:*分支必须处于非活动状态,即当前未检出到工作树中。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>右键单击选定的分支,然后从弹出式菜单中选择“删除分支”。</p>
 </li>
@@ -1426,7 +1434,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息、口令和代理配置),然后单击 "Next"(下一步)。</p>
 </li>
@@ -1462,7 +1470,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息和口令),然后单击 "Next"(下一步)。</p>
 </li>
@@ -1496,7 +1504,7 @@ IDE 将执行提交,并将快照存储到资源库中。在执行提交操作
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在该向导的 "Remote Repository"(远程资源库)页,选择 "Configured repository"(已配置的资源库)(以使用先前配置的资源库路径)或 "Specify Git Repository Location"(指定 Git 资源库位置)选项(以根据需要定义尚未访问的远程资源库路径及其名称、登录信息和口令),然后单击 "Next"(下一步)。</p>
 </li>
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server.html b/content/kb/docs/ide/install-and-configure-mysql-server.html
index c16e9ac..8598d72 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server.html
@@ -142,9 +142,6 @@ The <a href="../../72/ide/install-and-configure-mysql-server.html">Setting Up th
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -222,11 +219,27 @@ Choosing this option is necessary to get to the panel for setting the network op
 </table>
 </div>
 <div class="paragraph">
-<p>Click Next.
-11. At the second MySQL Server Configuration page (2/3), set the following options:
-* <strong>Root Account Password</strong>.
-* <strong>MySQL Root Password</strong>. Enter the root user&#8217;s password.
-* <strong>Repeat Password</strong>. Retype the root user&#8217;s password.</p>
+<p>Click Next.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="11">
+<li>
+<p>At the second MySQL Server Configuration page (2/3), set the following options:</p>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>Root Account Password</strong>.</p>
+</li>
+<li>
+<p><strong>MySQL Root Password</strong>. Enter the root user&#8217;s password.</p>
+</li>
+<li>
+<p><strong>Repeat Password</strong>. Retype the root user&#8217;s password.</p>
+</li>
+</ul>
+</div>
+</li>
+</ol>
 </div>
 <div class="admonitionblock note">
 <table>
@@ -243,16 +256,19 @@ The root user is a user who has full access to the MySQL database server - creat
 <div class="ulist">
 <ul>
 <li>
-<p><strong>MySQL User Accounts</strong>. Click Add User to create a user account. In the MySQL User Details dialog box, enter a user name, a database role, and a password (for example,  <code>!phpuser</code> ). Click OK.
-Click Next.</p>
+<p><strong>MySQL User Accounts</strong>. Click Add User to create a user account. In the MySQL User Details dialog box, enter a user name, a database role, and a password (for example,  <code>!phpuser</code> ). Click OK.</p>
+</li>
+</ul>
+</div>
+<div class="paragraph">
+<p>Click Next.</p>
+</div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>At the third MySQL Server Configuration page (3/3), set the following options:</p>
-</li>
-</ol>
-</div>
-</li>
+<div class="ulist">
+<ul>
 <li>
 <p><strong>Windows Service Name</strong>. Specify a Windows Service Name to be used for the MySQL server instance.</p>
 </li>
@@ -268,8 +284,14 @@ Click Next.</p>
 <li>
 <p><strong>Custom User</strong>. An existing user account recommended for advanced scenarios.
 Click Next.</p>
+</li>
+</ul>
+</div>
+</li>
+</ol>
+</div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>At the Configuration Overview page, click Next.</p>
 </li>
@@ -278,9 +300,6 @@ Click Next.</p>
 </li>
 </ol>
 </div>
-</li>
-</ul>
-</div>
 <div class="admonitionblock note">
 <table>
 <tr>
@@ -293,9 +312,6 @@ To check that the installation has completed successfully, run the Task Manager.
 </tr>
 </table>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server_ja.html b/content/kb/docs/ide/install-and-configure-mysql-server_ja.html
index e8a1ea9..2e36f78 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server_ja.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server_ja.html
@@ -238,14 +238,15 @@ MySQLインストーラが起動します。</p>
 <li>
 <p><strong>MySQLユーザー・アカウント</strong>。「ユーザーの追加」をクリックしてユーザー・アカウントを作成します。MySQLユーザー詳細ダイアログ・ボックスで、ユーザー名、データベース・ロールおよびパスワード( <code>!phpuser</code> など)を入力します。「OK」をクリックします。
 「次」をクリックします。</p>
+</li>
+</ul>
+</div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>3番目の「MySQLサーバーの構成」ページ(3/3)で、次のオプションを設定します。</p>
-</li>
-</ol>
-</div>
-</li>
+<div class="ulist">
+<ul>
 <li>
 <p><strong>Windowsサービス名</strong>。MySQLサーバー・インスタンスに使用するWindowsサービス名を指定します。</p>
 </li>
@@ -261,8 +262,10 @@ MySQLインストーラが起動します。</p>
 <li>
 <p><strong>カスタム・ユーザー</strong>。高度なシナリオに推奨される既存のユーザー・アカウントです。
 「次」をクリックします。</p>
-<div class="olist arabic">
-<ol class="arabic">
+</li>
+</ul>
+</div>
+</li>
 <li>
 <p>構成概要ページで、「次」をクリックします。</p>
 </li>
@@ -271,9 +274,6 @@ MySQLインストーラが起動します。</p>
 </li>
 </ol>
 </div>
-</li>
-</ul>
-</div>
 <div class="paragraph">
 <p><strong>注意</strong>: インストールが正常に完了したことを確認するには、タスク・マネージャを実行してください。 <code>MySQLd-nt.exe</code> がプロセス・リストに表示されていれば、データベース・サーバーは実行されています。</p>
 </div>
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server_pt_BR.html b/content/kb/docs/ide/install-and-configure-mysql-server_pt_BR.html
index b0acf98..e4bdd3b 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server_pt_BR.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server_pt_BR.html
@@ -220,7 +220,7 @@ Quando a instalação do servidor é concluída com sucesso, a mensagem de infor
 <p><strong>Contas do Usuário MySQL</strong>. Clique em Adicionar Usuário para criar uma conta do usuário. Na caixa de diálogo Detalhes de Usuário do MySQL, insira um nome de usuário, uma função do banco de dados e uma senha (por exemplo,  <code>!phpuser</code> ). Clique em OK.
 Clique em Próximo.</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>Na terceira página Configuração do Servidor MySQL (3/3), consulte as opções a seguir:</p>
 </li>
@@ -243,7 +243,7 @@ Clique em Próximo.</p>
 <p><strong>Usuário Personalizado</strong>. Uma conta de usuário existente recomendada para cenários avançados.
 Clique em Próximo.</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>Na página Visão Geral da Configuração, clique em Próximo.</p>
 </li>
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server_ru.html b/content/kb/docs/ide/install-and-configure-mysql-server_ru.html
index 3e6329e..185a518 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server_ru.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server_ru.html
@@ -220,7 +220,7 @@
 <p><strong>Учетные записи пользователя MySQL</strong>. Нажмите кнопку 'Добавить пользователя' для создания учетной записи пользователя. В диалоговом окне 'Сведения о пользователе MySQL' введите имя пользователя, роль базы данных и пароль (например,  <code>!phpuser</code> ). Нажмите кнопку "ОК".
 Нажмите кнопку "Далее".</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>На третьей странице конфигурации сервера MySQL (3/3) установите следующие параметры:</p>
 </li>
@@ -243,7 +243,7 @@
 <p><strong>Нестандартный пользователь</strong>. Существующая учетная запись пользователя рекомендуется для сложных сценариев.
 Нажмите кнопку "Далее".</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>На странице 'Обзор конфигурации' нажмите кнопку 'Далее'.</p>
 </li>
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server_zh_CN.html b/content/kb/docs/ide/install-and-configure-mysql-server_zh_CN.html
index 84bcd93..47b09fc 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server_zh_CN.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server_zh_CN.html
@@ -220,7 +220,7 @@ MySQL 安装程序将启动。</p>
 <p><strong>MySQL 用户帐户</strong>。单击“添加用户”创建用户帐户。在“MySQL 用户详细信息”对话框中,输入用户名、数据库角色和口令(例如  <code>!phpuser</code> )。单击“确定”。
 单击“下一步”。</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="12">
 <li>
 <p>在“MySQL 服务器配置”的第三页 (3/3) 上,设置以下选项:</p>
 </li>
@@ -243,7 +243,7 @@ MySQL 安装程序将启动。</p>
 <p><strong>定制用户</strong>。高级情况下推荐使用现有用户帐户。
 单击“下一步”。</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="13">
 <li>
 <p>在“配置概览”页上,单击“下一步”。</p>
 </li>
diff --git a/content/kb/docs/ide/java-db.html b/content/kb/docs/ide/java-db.html
index 0740285..9213b50 100644
--- a/content/kb/docs/ide/java-db.html
+++ b/content/kb/docs/ide/java-db.html
@@ -104,8 +104,19 @@
 <li><a href="#_creating_tables">Creating Tables</a>
 <ul class="sectlevel2">
 <li><a href="#_using_the_create_table_dialog">Using the Create Table Dialog</a></li>
+<li><a href="#_using_the_sql_editor">Using the SQL Editor:</a></li>
 </ul>
 </li>
+<li><a href="#_adding_table_data">Adding Table Data</a>
+<ul class="sectlevel2">
+<li><a href="#_running_an_sql_statement">Running an SQL Statement</a></li>
+<li><a href="#_using_the_sql_editor_2">Using the SQL Editor</a></li>
+</ul>
+</li>
+<li><a href="#_deleting_tables">Deleting Tables</a></li>
+<li><a href="#_using_an_external_sql_script">Using an External SQL Script</a></li>
+<li><a href="#_recreating_tables_from_a_different_database">Recreating Tables from a Different Database</a></li>
+<li><a href="#_conclusion">Conclusion</a></li>
 </ul>
 </div>
 <div id="preamble">
@@ -116,27 +127,6 @@
 <div class="paragraph">
 <p>The Java DB database is Sun&#8217;s supported distribution of <a href="http://db.apache.org/derby/">Apache Derby</a>. Java DB is a fully transactional, secure, standards-based database server, written entirely in Java, and fully supports SQL, JDBC API, and Java EE technology. The Java DB database is packaged with the <a href="http://glassfish.dev.java.net/">GlassFish</a> application server, and is included in <a href="http://download.oracle.com/javase/6/">JDK 6</a> as well. For more i [...]
 </div>
-<div class="paragraph">
-<p><strong>To follow this tutorial, you need the following software and resources.</strong></p>
-</div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<thead>
-<tr>
-<th class="tableblock halign-left valign-top">Software or Resource</th>
-<th class="tableblock halign-left valign-top">Version Required</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Java DB</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">version 10.4.x, 10.5.x</p></td>
-</tr>
-</tbody>
-</table>
 <div class="admonitionblock note">
 <table>
 <tr>
@@ -225,8 +215,17 @@ Java DB is installed when you install JDK 7 or JDK 8 (except on Mac OS X). If yo
 </div>
 <div class="title">Figure 1. example of default settings of Java DB server and database</div>
 </div>
-<div class="paragraph">
-<p><strong>Note.</strong> If the Database Location field is empty you will need to set the path to the directory that contains your databases. You will need to create a directory for the databases if no directory exists.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If the Database Location field is empty you will need to set the path to the directory that contains your databases. You will need to create a directory for the databases if no directory exists.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -254,8 +253,17 @@ image::images/javadb-createdb.png[]</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note.</strong> The Database Location is the default location set during installation of Java DB from GlassFish. If you installed Java DB separately, this location might be different.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+The Database Location is the default location set during installation of Java DB from GlassFish. If you installed Java DB separately, this location might be different.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>After you create the database, if you expand the Databases node in the Services window you can see that the IDE created a database connection and that the database was added to the list under the Java DB node.</p>
@@ -302,19 +310,34 @@ image::images/javadb-createdb.png[]</p>
 <img src="images/services-window.png" alt="services window">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note.</strong> You will also see the <code>sample [app on APP]</code> database connection that is the default database schema.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+You will also see the <code>sample [app on APP]</code> database connection that is the default database schema.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Right-click the <strong>contact</strong> database connection node ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) and choose Connect.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>The connection node icon appears whole ( image::images/connection-node-icon.png[]), signifying that the connection was successful.
-3. Create a convenient display name for the database by right-clicking the database connection node ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) and choosing Rename. Type  <code>Contact DB</code>  in the text field and click OK.</p>
+<p>The connection node icon appears whole ( <span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>), signifying that the connection was successful.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Create a convenient display name for the database by right-clicking the database connection node ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) and choosing Rename. Type  <code>Contact DB</code>  in the text field and click OK.</p>
+</li>
+</ol>
 </div>
 </div>
 </div>
@@ -354,134 +377,393 @@ image::images/javadb-createdb.png[]</p>
 <p>For Column Name, enter  <code>id</code> . For Data Type, select  <code>INTEGER</code>  from the drop-down list.</p>
 </li>
 <li>
-<p>Under Constraints, select the Primary Key checkbox to specify that this column is the primary key for your table. All tables found in relational databases must contain a primary key. Note that when you select the Primary Key check box, the Index and Unique check boxes are also automatically selected and the Null check box is deselected. This is because primary keys are used to identify a unique row in the database, and by default are used as the table index. Because all rows must be i [...]
-image::images/add-column.png[]</p>
+<p>Under Constraints, select the Primary Key checkbox to specify that this column is the primary key for your table. All tables found in relational databases must contain a primary key. Note that when you select the Primary Key check box, the Index and Unique check boxes are also automatically selected and the Null check box is deselected. This is because primary keys are used to identify a unique row in the database, and by default are used as the table index. Because all rows must be i [...]
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column.png" alt="add column">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>Repeat this procedure now by specifying fields as shown in the table below:</p>
 </li>
-<li>
-<p>|===</p>
-</li>
 </ol>
 </div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2858%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Key</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Index</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Null</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Unique</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Column name</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Data type</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Size</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">id</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">INTEGER</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">0</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">firstName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">lastName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">nickName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">30</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[checked]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">friendSince</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">DATE</p></td>
+</tr>
+</tbody>
+</table>
 <div class="paragraph">
-<p>|Key |Index |Null |Unique |Column name |Data type |Size</p>
+<p>You are creating a table named  <code>FRIENDS</code>  that holds the following data for each contact record:</p>
 </div>
-<div class="paragraph">
-<p>|[checked] |[checked] |[checked] |id |INTEGER |0</p>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>First Name</strong></p>
+</li>
+<li>
+<p><strong>Last Name</strong></p>
+</li>
+<li>
+<p><strong>Nick Name</strong></p>
+</li>
+<li>
+<p><strong>Friend Since Date</strong></p>
+</li>
+<li>
+<p><strong>Email Address</strong></p>
+</li>
+</ul>
 </div>
-<div class="paragraph">
-<p>|[checked] |firstName |VARCHAR |20</p>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-friends.png" alt="create table friends">
 </div>
-<div class="paragraph">
-<p>|[checked] |lastName |VARCHAR |20</p>
 </div>
-<div class="paragraph">
-<p>|[checked] |nickName |VARCHAR |30</p>
+<div class="olist arabic">
+<ol class="arabic" start="9">
+<li>
+<p>When you are sure that your Create Table dialog contains the same specifications as those shown above, click OK. The IDE generates the  <code>FRIENDS</code>  table in the database, and you can see a new  <code>FRIENDS</code>  table node (<span class="image"><img src="images/table-node.png" alt="table node"></span>) display under the Tables node. Beneath the table node the columns (fields) are listed, starting with the primary key (<span class="image"><img src="images/primary-key-icon. [...]
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>|[checked] |friendSince |DATE |0</p>
+<div class="imageblock">
+<div class="content">
+<img src="images/friends-table.png" alt="friends table">
 </div>
-<div class="paragraph">
-<p>|[checked] |email |VARCHAR |60</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">You are creating a table named  <code>FRIENDS</code>  that holds the following data for each contact record:</p>
-<p class="tableblock">* <strong>First Name</strong>
-* <strong>Last Name</strong>
-* <strong>Nick Name</strong>
-* <strong>Friend Since Date</strong>
-* <strong>Email Address</strong>
-image::images/create-table-friends.png[]
-9.
-When you are sure that your Create Table dialog contains the same specifications as those shown above, click OK. The IDE generates the  <code>FRIENDS</code>  table in the database, and you can see a new  <code>FRIENDS</code>  table node (image::images/table-node.png[]) display under the Tables node. Beneath the table node the columns (fields) are listed, starting with the primary key (image::images/primary-key-icon.png[]).</p>
-<p class="tableblock">image::images/friends-table.png[]</p>
-<p class="tableblock">=== Using the SQL Editor:</p>
-<p class="tableblock">1. In the Service window, either right-click the  <code>Contact DB</code>  connection node or the Tables node beneath it and choose Execute Command. A blank canvas opens in the SQL Editor in the main window.
-2. Enter the following query in the SQL Editor. This is a table definition for the COLLEAGUES table you are about to create:</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">CREATE TABLE "COLLEAGUES" (
+</div>
+<div class="sect2">
+<h3 id="_using_the_sql_editor">Using the SQL Editor:</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>In the Service window, either right-click the  <code>Contact DB</code>  connection node or the Tables node beneath it and choose Execute Command. A blank canvas opens in the SQL Editor in the main window.</p>
+</li>
+<li>
+<p>Enter the following query in the SQL Editor. This is a table definition for the COLLEAGUES table you are about to create:</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE "COLLEAGUES" (
     "ID" INTEGER not null primary key,
     "FIRSTNAME" VARCHAR(30),
     "LASTNAME" VARCHAR(30),
     "TITLE" VARCHAR(10),
     "DEPARTMENT" VARCHAR(20),
     "EMAIL" VARCHAR(60)
-);
-----</p>
-<p class="tableblock">*Note: *Statements and queries formed in the SQL Editor are parsed in Structured Query Language. SQL adheres to strict syntax rules which you should be familiar with when working in the IDE&#8217;s editor. SQL syntax can also differ depending on the database management system. See the <a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">JavaDB Reference Manual</a> for specific guidelines.</p>
-<p class="tableblock">3. Click the Run SQL (image::images/run-sql-button.png[]) button in the task bar at the top of the editor (Ctrl-Shift-E) to execute the query. In the Output window (Ctrl-4), a message displays indicating that the statement was successfully executed.
-image::images/run-query.png[]
-4. To verify changes, right-click the  <code>Contact DB</code>  connection node in the Services window and choose Refresh. This updates the Runtime UI component to the current status of the specified database. This step is necessary when running queries from the SQL Editor in NetBeans IDE. Note that the new COLLEAGUES table node (image::images/table-node.png[]) now displays under Tables in the Services window.</p>
-<p class="tableblock">== Adding Table Data</p>
-<p class="tableblock">Now that you have created one or more tables in the  <code>contact</code>  database, you can start populating it with data. There are several ways that you can add records to your table.</p>
-<p class="tableblock">* <a href="#sqlstatement">Write an SQL statement</a> in the SQL Editor that supplies a value for every field present in the table schema.
-* <a href="#usesqleditor">Use the SQL Editor</a> to add records to the table.
-* <a href="#using">Use an external SQL script</a> to import records to the table.</p>
-<p class="tableblock">Read the sections below to learn how to use all these methods of populating the <code> FRIENDS</code>  table with data.</p>
-<p class="tableblock">=== Running an SQL Statement</p>
-<p class="tableblock">1. Expand the Tables under the  <code>Contact DB</code>  node in the Services window, right-click the  <code>FRIENDS</code>  table and choose Execute Command to open the SQL Editor window.
-2. In the SQL Editor, enter the following statement.</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','<a href="mailto:tbag@foxriver.com">tbag@foxriver.com</a>')
-----</p>
-<p class="tableblock">While you are typing, you can use the SQL Editor code completion.</p>
-<p class="tableblock">3. Right-click inside the SQL Editor and choose Run Statement. The Output window displays a message indicating that the statement was successfully executed.
-4. To verify that the new record has been added to the  <code>FRIENDS</code>  table, right-click the  <code>FRIENDS</code>  table node in the Services window and choose View Data.</p>
-<p class="tableblock">When you choose View Data, a query to select all the data from the table is automatically generated in the upper pane of the SQL Editor. The results of the statement are displayed in the lower pane of the SQL Editor. In this case, the  <code>FRIENDS</code>  table displays in the lower pane. Note that a new row has been added with the data you just supplied from the SQL statement.</p>
-<p class="tableblock">image::images/new-record.png[]</p>
-<p class="tableblock">=== Using the SQL Editor</p>
-<p class="tableblock">1. Right-click the  <code>FRIENDS</code>  table node and choose View Data (if you have not done this at the last step of the previous section).
-2. Click the Insert Record(s) ( <code>Alt-I</code> ) button to add a row.
-The Insert Records dialog box appears.
-3. Click in each cell and enter records. Note that for the cells with Date data type, you can choose a date from the calendar. Click OK when you are done.
-image::images/insert-records.png[]
-In the SQL Editor, you can sort the results by clicking on a row header, modify and delete existing records, and see the SQL script for the actions you are doing in the editor (the Show SQL Script command from the pop-up menu).</p>
-<p class="tableblock">==  Deleting Tables</p>
-<p class="tableblock">In the following step, you use an external SQL script to create a new  <code>COLLEAGUES</code>  table. However, you just created a  <code>COLLEAGUES</code>  table in the <a href="#sqlEditor">Using the SQL Editor</a> section above. In order to make it clear that the SQL script indeed creates a new table, you can delete the already created  <code>COLLEAGUES</code>  table now. To delete a database table perform the following steps.</p>
-<p class="tableblock">1. Expand the Tables node under the database connection node in the Services window.
-2. Right-click the table that you want to delete and choose Delete.</p>
-<p class="tableblock">== Using an External SQL Script</p>
-<p class="tableblock">Issuing commands from an external SQL script is a popular way to manage your database. You may have already created an SQL script elsewhere, and want to import it into NetBeans IDE to run it on a specified database.</p>
-<p class="tableblock">In this exercise the script will create a new table named  <code>COLLEAGUES</code>  and populate it with data. Perform the following steps to run the script on the  <code>contact</code>  database.</p>
-<p class="tableblock">1. Download <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> to your local system
-2. Choose File &gt; Open File from the IDE&#8217;s main menu. In the file browser navigate to the location of the saved  <code>colleagues.sql</code>  file and click Open. The script automatically opens in the SQL Editor.</p>
-<p class="tableblock">Alternatively, you can copy the contents of <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> and then open the SQL editor and paste the contents of the file into the SQL editor.</p>
-<p class="tableblock">3. Make sure your connection to  <code>Contact DB </code>  is selected from the Connection drop-down box in the tool bar at the top of the editor.
-image::images/conn-drop-down.png[]
-4. Click the Run SQL (image::images/run-sql-button.png[]) button in the SQL Editor&#8217;s task bar. The script is executed against the selected database, and any feedback is generated in the Output window.
-5. To verify changes, right-click the  <code>Contact DB </code>  connection node in the Services window and choose Refresh. Note that the new  <code>COLLEAGUES</code>  table from the SQL script now displays as a table node under  <code>contact</code>  in the Services window.
-6. To view the data contained in the new tables, right-click the  <code>COLLEAGUES</code>  table and choose View Data. In this manner, you can also compare the tabular data with the data contained in the SQL script to see that they match.</p>
-<p class="tableblock">==  Recreating Tables from a Different Database</p>
-<p class="tableblock">If you have a table from another database which you would like to recreate in the database you are working in from NetBeans IDE, the IDE offers a handy tool for this. You first need to have the second database registered in the IDE, similar to what was described at the beginning of this tutorial. For the purposes of this tutorial, use the  <code>sample</code>  database that comes packaged with Java DB. This process is essentially carried out in two parts: You first  [...]
-<p class="tableblock">1. Connect to the  <code>sample</code>  database by right-clicking the connection node under the Databases node in the Services window and choosing Connect (username and password is  <code>app</code> ).
-2.
-Expand the Tables node under the  <code>sample</code>  database connection, right-click the  <code>CUSTOMER</code>  table node and choose Grab Structure.</p>
-<p class="tableblock">image::images/grab-structure.png[]
-3. In the Grab Table dialog that opens, specify a location on your computer to save the grab file that will be created. Click Save.</p>
-<p class="tableblock">The grab file records the table definition of the selected table.</p>
-<p class="tableblock">4. Expand the APP schema node under the  <code>Contact DB</code>  database connection, right-click the Tables node and choose Recreate Table to open the Recreate Table dialog box.
-5.
-In the Recreate Table dialog box, navigate to the location where you saved the  <code>CUSTOMER</code>  grab file and click Open to open the Name the Table dialog box.</p>
-<p class="tableblock">image::images/recreate-table.png[]
-6.
-At this point you can change the table name or edit the table definition. Otherwise, click OK to immediately create the table in the  <code>contact</code>  database. A new  <code>CUSTOMER</code>  table node appears beneath the  <code>Contact</code>  DB connection node.</p>
-<p class="tableblock">image::images/new-customer-node.png[]</p>
-<p class="tableblock">If you view the data in the new  <code>CUSTOMER</code>  table you will see that there are no records in the database, but that the structure of the table is identical to the table that you grabbed.</p>
-<p class="tableblock">== Conclusion</p>
-<p class="tableblock">This concludes the Working with the Java DB (Derby) Database tutorial. This tutorial demonstrated how to set up a connection to the Java DB database in NetBeans IDE. It then demonstrated how to create, view, modify and delete tables in the IDE&#8217;s Services window. It also showed how work with the SQL Editor to add data to tables, and use the IDE&#8217;s functionality allowing you to recreate tables using definitions from other databases.</p></td>
+);</code></pre>
+</div>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Statements and queries formed in the SQL Editor are parsed in Structured Query Language. SQL adheres to strict syntax rules which you should be familiar with when working in the IDE&#8217;s editor. SQL syntax can also differ depending on the database management system. See the <a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">JavaDB Reference Manual</a> for specific guidelines.
+</td>
 </tr>
-</tbody>
 </table>
 </div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Click the Run SQL (<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>) button in the task bar at the top of the editor (Ctrl-Shift-E) to execute the query. In the Output window (Ctrl-4), a message displays indicating that the statement was successfully executed.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-query.png" alt="run query">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>To verify changes, right-click the  <code>Contact DB</code>  connection node in the Services window and choose Refresh. This updates the Runtime UI component to the current status of the specified database. This step is necessary when running queries from the SQL Editor in NetBeans IDE. Note that the new COLLEAGUES table node (<span class="image"><img src="images/table-node.png" alt="table node"></span>) now displays under Tables in the Services window.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_adding_table_data">Adding Table Data</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Now that you have created one or more tables in the  <code>contact</code>  database, you can start populating it with data. There are several ways that you can add records to your table.</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="#sqlstatement">Write an SQL statement</a> in the SQL Editor that supplies a value for every field present in the table schema.</p>
+</li>
+<li>
+<p><a href="#usesqleditor">Use the SQL Editor</a> to add records to the table.</p>
+</li>
+<li>
+<p><a href="#using">Use an external SQL script</a> to import records to the table.</p>
+</li>
+</ul>
+</div>
+<div class="paragraph">
+<p>Read the sections below to learn how to use all these methods of populating the <code> FRIENDS</code>  table with data.</p>
+</div>
+<div class="sect2">
+<h3 id="_running_an_sql_statement">Running an SQL Statement</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Expand the Tables under the  <code>Contact DB</code>  node in the Services window, right-click the  <code>FRIENDS</code>  table and choose Execute Command to open the SQL Editor window.</p>
+</li>
+<li>
+<p>In the SQL Editor, enter the following statement.</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','tbag@foxriver.com')</code></pre>
+</div>
+</div>
+<div class="paragraph">
+<p>While you are typing, you can use the SQL Editor code completion.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Right-click inside the SQL Editor and choose Run Statement. The Output window displays a message indicating that the statement was successfully executed.</p>
+</li>
+<li>
+<p>To verify that the new record has been added to the  <code>FRIENDS</code>  table, right-click the  <code>FRIENDS</code>  table node in the Services window and choose View Data.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>When you choose View Data, a query to select all the data from the table is automatically generated in the upper pane of the SQL Editor. The results of the statement are displayed in the lower pane of the SQL Editor. In this case, the  <code>FRIENDS</code>  table displays in the lower pane. Note that a new row has been added with the data you just supplied from the SQL statement.</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-record.png" alt="new record">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_using_the_sql_editor_2">Using the SQL Editor</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Right-click the  <code>FRIENDS</code>  table node and choose View Data (if you have not done this at the last step of the previous section).</p>
+</li>
+<li>
+<p>Click the Insert Record(s) ( <code>Alt-I</code> ) button to add a row.
+The Insert Records dialog box appears.</p>
+</li>
+<li>
+<p>Click in each cell and enter records. Note that for the cells with Date data type, you can choose a date from the calendar. Click OK when you are done.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/insert-records.png" alt="insert records">
+</div>
+</div>
+<div class="paragraph">
+<p>In the SQL Editor, you can sort the results by clicking on a row header, modify and delete existing records, and see the SQL script for the actions you are doing in the editor (the Show SQL Script command from the pop-up menu).</p>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_deleting_tables">Deleting Tables</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>In the following step, you use an external SQL script to create a new  <code>COLLEAGUES</code>  table. However, you just created a  <code>COLLEAGUES</code>  table in the <a href="#sqlEditor">Using the SQL Editor</a> section above. In order to make it clear that the SQL script indeed creates a new table, you can delete the already created  <code>COLLEAGUES</code>  table now. To delete a database table perform the following steps.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Expand the Tables node under the database connection node in the Services window.</p>
+</li>
+<li>
+<p>Right-click the table that you want to delete and choose Delete.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_using_an_external_sql_script">Using an External SQL Script</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Issuing commands from an external SQL script is a popular way to manage your database. You may have already created an SQL script elsewhere, and want to import it into NetBeans IDE to run it on a specified database.</p>
+</div>
+<div class="paragraph">
+<p>In this exercise the script will create a new table named  <code>COLLEAGUES</code>  and populate it with data. Perform the following steps to run the script on the  <code>contact</code>  database.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Download <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> to your local system</p>
+</li>
+<li>
+<p>Choose File &gt; Open File from the IDE&#8217;s main menu. In the file browser navigate to the location of the saved  <code>colleagues.sql</code>  file and click Open. The script automatically opens in the SQL Editor.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>Alternatively, you can copy the contents of <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> and then open the SQL editor and paste the contents of the file into the SQL editor.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Make sure your connection to  <code>Contact DB </code>  is selected from the Connection drop-down box in the tool bar at the top of the editor.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/conn-drop-down.png" alt="conn drop down">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Click the Run SQL (image::images/run-sql-button.png[]) button in the SQL Editor&#8217;s task bar. The script is executed against the selected database, and any feedback is generated in the Output window.</p>
+</li>
+<li>
+<p>To verify changes, right-click the  <code>Contact DB </code>  connection node in the Services window and choose Refresh. Note that the new  <code>COLLEAGUES</code>  table from the SQL script now displays as a table node under  <code>contact</code>  in the Services window.</p>
+</li>
+<li>
+<p>To view the data contained in the new tables, right-click the  <code>COLLEAGUES</code>  table and choose View Data. In this manner, you can also compare the tabular data with the data contained in the SQL script to see that they match.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_recreating_tables_from_a_different_database">Recreating Tables from a Different Database</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>If you have a table from another database which you would like to recreate in the database you are working in from NetBeans IDE, the IDE offers a handy tool for this. You first need to have the second database registered in the IDE, similar to what was described at the beginning of this tutorial. For the purposes of this tutorial, use the  <code>sample</code>  database that comes packaged with Java DB. This process is essentially carried out in two parts: You first 'grab' the table de [...]
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Connect to the  <code>sample</code>  database by right-clicking the connection node under the Databases node in the Services window and choosing Connect (username and password is  <code>app</code> ).</p>
+</li>
+<li>
+<p>Expand the Tables node under the  <code>sample</code>  database connection, right-click the  <code>CUSTOMER</code>  table node and choose Grab Structure.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/grab-structure.png" alt="grab structure">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>In the Grab Table dialog that opens, specify a location on your computer to save the grab file that will be created. Click Save.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>The grab file records the table definition of the selected table.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Expand the APP schema node under the  <code>Contact DB</code>  database connection, right-click the Tables node and choose Recreate Table to open the Recreate Table dialog box.</p>
+</li>
+<li>
+<p>In the Recreate Table dialog box, navigate to the location where you saved the  <code>CUSTOMER</code>  grab file and click Open to open the Name the Table dialog box.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/recreate-table.png" alt="recreate table">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>At this point you can change the table name or edit the table definition. Otherwise, click OK to immediately create the table in the  <code>contact</code>  database. A new  <code>CUSTOMER</code>  table node appears beneath the  <code>Contact</code>  DB connection node.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-customer-node.png" alt="new customer node">
+</div>
+</div>
+<div class="paragraph">
+<p>If you view the data in the new  <code>CUSTOMER</code>  table you will see that there are no records in the database, but that the structure of the table is identical to the table that you grabbed.</p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_conclusion">Conclusion</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>This concludes the Working with the Java DB (Derby) Database tutorial. This tutorial demonstrated how to set up a connection to the Java DB database in NetBeans IDE. It then demonstrated how to create, view, modify and delete tables in the IDE&#8217;s Services window. It also showed how work with the SQL Editor to add data to tables, and use the IDE&#8217;s functionality allowing you to recreate tables using definitions from other databases.</p>
+</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/java-db_ja.html b/content/kb/docs/ide/java-db_ja.html
index 8351ea3..b5c0041 100644
--- a/content/kb/docs/ide/java-db_ja.html
+++ b/content/kb/docs/ide/java-db_ja.html
@@ -104,8 +104,19 @@
 <li><a href="#_表の作成">表の作成</a>
 <ul class="sectlevel2">
 <li><a href="#_表を作成_ダイアログの使用">「表を作成」ダイアログの使用</a></li>
+<li><a href="#_sqlエディタの使用">SQLエディタの使用</a></li>
 </ul>
 </li>
+<li><a href="#_表へのデータの追加">表へのデータの追加</a>
+<ul class="sectlevel2">
+<li><a href="#_sql文の実行">SQL文の実行</a></li>
+<li><a href="#_sqlエディタの使用_2">SQLエディタの使用</a></li>
+</ul>
+</li>
+<li><a href="#_表の削除">表の削除</a></li>
+<li><a href="#_外部sqlスクリプトの使用">外部SQLスクリプトの使用</a></li>
+<li><a href="#_異なるデータベースの表の再作成">異なるデータベースの表の再作成</a></li>
+<li><a href="#_関連項目">関連項目</a></li>
 </ul>
 </div>
 <div id="preamble">
@@ -251,9 +262,17 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>「サービス」ウィンドウで「Java DB」ノードを右クリックし、「サーバーを起動」を選択します。「出力」ウィンドウの次の出力は、サーバーが起動したことを示しています。
-image::images/output-start-db.png[]</p>
+<p>「サービス」ウィンドウで「Java DB」ノードを右クリックし、「サーバーを起動」を選択します。「出力」ウィンドウの次の出力は、サーバーが起動したことを示しています。</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/output-start-db.png" alt="output start db">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
 <p>「Java DB」ノードを右クリックし、「データベースを作成」を選択して、「Java DBデータベースを作成」ダイアログを開きます。</p>
 </li>
@@ -261,11 +280,15 @@ image::images/output-start-db.png[]</p>
 <p>「データベース名」に「 <code>contact</code> 」と入力します。</p>
 </li>
 <li>
-<p>「ユーザー名」および「パスワード」に「 <code>nbuser</code> 」と入力します。「OK」をクリックします。
-image::images/javadb-createdb.png[]</p>
+<p>「ユーザー名」および「パスワード」に「 <code>nbuser</code> 」と入力します。「OK」をクリックします。</p>
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/javadb-createdb.png" alt="javadb createdb">
+</div>
+</div>
 <div class="paragraph">
 <p><strong>注意:</strong>「データベースの場所」は、GlassFishからのJava DBのインストール中に設定したデフォルトの場所です。Java DBを別途インストールした場合は、この場所が異なることがあります。</p>
 </div>
@@ -309,7 +332,7 @@ image::images/javadb-createdb.png[]</p>
 </ul>
 </div>
 <div class="paragraph">
-<p>データベース接続ノード(image::images/connection-node-icon.png[])は、「データベース」ノードの下に表示されます。データベースの名前は、「Java DB」ノードの下に表示されます。</p>
+<p>データベース接続ノード(<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>)は、「データベース」ノードの下に表示されます。データベースの名前は、「Java DB」ノードの下に表示されます。</p>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -320,15 +343,21 @@ image::images/javadb-createdb.png[]</p>
 <p>*注意:*デフォルトのデータベース・スキーマである`sample [app on APP]`データベース接続を表示することもできます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>*contact*データベース接続ノード( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> )を右クリックし、「接続」を選択します。</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>接続ノード・アイコン全体(image::images/connection-node-icon.png[])が表示され、これは接続が成功したことを示します。
-3. データベース接続ノード( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> )を右クリックし、「名前変更」を選択して、データベースのわかりやすい表示名を作成します。テキスト・フィールドに「 <code>Contact DB</code> 」と入力し、「OK」をクリックします。</p>
+<p>接続ノード・アイコン全体(<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>)が表示され、これは接続が成功したことを示します。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>データベース接続ノード( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> )を右クリックし、「名前変更」を選択して、データベースのわかりやすい表示名を作成します。テキスト・フィールドに「 <code>Contact DB</code> 」と入力し、「OK」をクリックします。</p>
+</li>
+</ol>
 </div>
 </div>
 </div>
@@ -368,138 +397,404 @@ image::images/javadb-createdb.png[]</p>
 <p>「列名」に「 <code>id</code> 」と入力します。「データ型」のドロップダウン・リストから「 <code>INTEGER</code> 」を選択します。</p>
 </li>
 <li>
-<p>「制約」で「主キー」チェックボックスを選択して、この列が表の主キーであることを指定します。リレーショナル・データベースにあるすべての表に、主キーを含める必要があります。「主キー」チェックボックスを選択すると、「索引」および「一意」チェックボックスが自動的に選択され、「Null」チェックボックスが選択解除されます。これは、主キーを使用してデータベース内の行を一意に識別するためです。デフォルトでは、主キーは表の索引として使用されます。すべての行が識別される必要があるため、主キーに <code>Null</code> 値を含むことはできません。
-image::images/add-column.png[]</p>
+<p>「制約」で「主キー」チェックボックスを選択して、この列が表の主キーであることを指定します。リレーショナル・データベースにあるすべての表に、主キーを含める必要があります。「主キー」チェックボックスを選択すると、「索引」および「一意」チェックボックスが自動的に選択され、「Null」チェックボックスが選択解除されます。これは、主キーを使用してデータベース内の行を一意に識別するためです。デフォルトでは、主キーは表の索引として使用されます。すべての行が識別される必要があるため、主キーに <code>Null</code> 値を含むことはできません。</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column.png" alt="add column">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>この手順を繰り返し、次の表に示すようにフィールドを指定します。</p>
 </li>
+</ol>
+</div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2858%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">キー</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">索引</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Null</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">一意</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">列名</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">データ型</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">サイズ</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">id</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">INTEGER</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">0</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">firstName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">lastName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">nickName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">30</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[選択]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">friendSince</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">DATE</p></td>
+</tr>
+</tbody>
+</table>
+<div class="paragraph">
+<p>作成中の <code>FRIENDS</code> という表は、連絡先レコードごとに次のデータを保持します。</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>名</strong></p>
+</li>
+<li>
+<p><strong>姓</strong></p>
+</li>
+<li>
+<p><strong>ニックネーム</strong></p>
+</li>
+<li>
+<p><strong>知り合った日付</strong></p>
+</li>
+<li>
+<p><strong>電子メール・アドレス</strong></p>
+</li>
+</ul>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-friends.png" alt="create table friends">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="9">
+<li>
+<p>「表を作成」ダイアログが上に示す指定と同じになっていることを確認したら、「OK」をクリックします。IDEによって、データベースに <code>FRIENDS</code> 表が生成されて、「表」ノードの下に新しい <code>FRIENDS</code> 表ノード(image::images/table-node.png[])の表示を確認できます。表ノードの下に、主キー(image::images/primary-key-icon.png[])で開始する各列(各フィールド)が一覧表示されます。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/friends-table.png" alt="friends table">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_sqlエディタの使用">SQLエディタの使用</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードまたはその下にある「表」ノードを右クリックし、「コマンドの実行」を選択します。メイン・ウィンドウ内にSQLエディタが開き、空白のキャンバスが表示されます。</p>
+</li>
 <li>
-<p>|===</p>
+<p>SQLエディタに次の問合せを入力します。これは、作成するCOLLEAGUES表の表定義です。</p>
 </li>
 </ol>
 </div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE "COLLEAGUES" (
+    "ID" INTEGER not null primary key,
+    "FIRSTNAME" VARCHAR(30),
+    "LASTNAME" VARCHAR(30),
+    "TITLE" VARCHAR(10),
+    "DEPARTMENT" VARCHAR(20),
+    "EMAIL" VARCHAR(60)
+);</code></pre>
+</div>
+</div>
 <div class="paragraph">
-<p>|キー |索引 |Null |一意 |列名 |データ型 |サイズ</p>
+<p>*注意: *SQLエディタで作成した文および問合せは、SQL (Structured Query Language)で構文解析されます。SQLは厳密な構文ルールに準拠しています。IDEのエディタで作業をするときは、これらのルールを理解しておいてください。SQL構文はまた、データベース管理システムによって異なることがあります。具体的なガイドラインについては、<a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">Java DB Reference Manual</a>を参照してください。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>エディタ([Ctrl]-[Shift]-[E])の上部にあるタスク・バーの「SQLの実行」(image::images/run-sql-button.png[])ボタンをクリックし、問合せを実行します。「出力」ウィンドウ([Ctrl]-[4])に、文の実行に成功したことを示すメッセージが表示されます。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-query.png" alt="run query">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>変更内容を確認するには、「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードを右クリックし、「リフレッシュ」を選択します。これで、指定したデータベースの現在のステータスにあわせて実行時UIコンポーネントが更新されます。NetBeans IDEでSQLエディタから問合せを実行するときは、このステップが必要です。「サービス」ウィンドウの「表」の下に、新しいCOLLEAGUES表ノード(image::images/table-node.png[])が表示されていることに注意してください。</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_表へのデータの追加">表へのデータの追加</h2>
+<div class="sectionbody">
+<div class="literalblock">
+<div class="content">
+<pre>``contact`` データベースに1つ以上の表を作成したので、表へのデータの生成を開始できます。表にレコードを追加するには、いくつかの方法があります。</pre>
+</div>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p>SQLエディタに<a href="#sqlstatement">SQL文を書き</a>、表スキーマに存在するすべてのフィールドに値を提供します。</p>
+</li>
+<li>
+<p><a href="#usesqleditor">SQLエディタを使用して</a>、表にレコードを追加します。</p>
+</li>
+<li>
+<p><a href="#using">外部のSQLスクリプトを使用して</a>、表にレコードをインポートします。</p>
+</li>
+</ul>
 </div>
 <div class="paragraph">
-<p>|[選択] |[選択] |[選択] |id |INTEGER |0</p>
+<p>これらのすべての使用方法を学習し、 <code>FRIENDS</code> 表にデータを生成するには、次の各項を参照してください。</p>
+</div>
+<div class="sect2">
+<h3 id="_sql文の実行">SQL文の実行</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>「サービス」ウィンドウの <code>Contact DB</code> ノードの下にある「表」を展開し、 <code>FRIENDS</code> 表を右クリックして「コマンドの実行」を選択し、「SQLエディタ」ウィンドウを開きます。</p>
+</li>
+<li>
+<p>SQLエディタに次の文を入力します。</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','tbag@foxriver.com')</code></pre>
+</div>
 </div>
 <div class="paragraph">
-<p>|[選択] |firstName |VARCHAR |20</p>
+<p>入力中はSQLエディタのコード補完を使用できます。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>SQLエディタ内を右クリックし、「文を実行」を選択します。「出力」ウィンドウに、文の実行に成功したことを示すメッセージが表示されます。</p>
+</li>
+<li>
+<p><code>FRIENDS</code> 表に新しいレコードが追加されたことを確認するには、「サービス」ウィンドウで「 <code>FRIENDS</code> 」表ノードを右クリックし、「データを表示」を選択します。</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
-<p>|[選択] |lastName |VARCHAR |20</p>
+<p>「データを表示」を選択すると、表からすべてのデータを選択する問合せがSQLエディタの上部ペインに自動的に生成されます。文の結果は、SQLエディタの下部ペインに表示されます。この場合、 <code>FRIENDS</code> 表は下部ペインに表示されます。SQL文から供給されたデータを使用して、新しい行が追加されています。</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-record.png" alt="new record">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_sqlエディタの使用_2">SQLエディタの使用</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>「 <code>FRIENDS</code> 」表ノードを右クリックして、「データを表示」を選択します(前の項の最後のステップで実行しなかった場合)。</p>
+</li>
+<li>
+<p>「レコードを挿入( <code>Alt+I</code> )」ボタンをクリックして、行を追加します。
+「レコードを挿入」ダイアログ・ボックスが表示されます。</p>
+</li>
+<li>
+<p>各セルでクリックして、レコードを入力します。Dateデータ型のセルでは、カレンダから日付を選択できます。完了したら、「OK」をクリックします。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/insert-records.png" alt="insert records">
+</div>
 </div>
 <div class="paragraph">
-<p>|[選択] |nickName |VARCHAR |30</p>
+<p>SQLエディタでは、行のヘッダーをクリックして結果をソートしたり、既存のレコードを変更および削除したり、(ポップアップ・メニューの「SQLスクリプトを表示」コマンドで)エディタで実行しているアクションのSQLスクリプトを表示したりできます。</p>
+</div>
+</div>
 </div>
+</div>
+<div class="sect1">
+<h2 id="_表の削除">表の削除</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[選択] |friendSince |DATE |0</p>
+<p>次の手順では、外部SQLスクリプトを使用して、新しい <code>COLLEAGUES</code> 表を作成します。しかし、 <code>COLLEAGUES</code> 表は前述の<a href="#sqlEditor">SQLエディタの使用</a>の項で作成したばかりです。SQLスクリプトによって本当に新しい表が作成されることが明確にわかるように、ここでは、すでに作成した <code>COLLEAGUES</code> 表を削除します。データベース表を削除するには:</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>「サービス」ウィンドウのデータベース接続ノードの下にある「表」ノードを展開します。</p>
+</li>
+<li>
+<p>削除する表を右クリックして「削除」を選択します。</p>
+</li>
+</ol>
+</div>
 </div>
+</div>
+<div class="sect1">
+<h2 id="_外部sqlスクリプトの使用">外部SQLスクリプトの使用</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[選択] |email |VARCHAR |60</p>
+<p>外部SQLスクリプトからコマンドを発行するのは、データベースを管理するのに一般的な方法です。他の場所でSQLスクリプトをすでに作成している場合、そのスクリプトをNetBeans IDEにインポートし、指定したデータベースに対して実行します。</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">作成中の <code>FRIENDS</code> という表は、連絡先レコードごとに次のデータを保持します。</p>
-<p class="tableblock">* <strong>名</strong>
-* <strong>姓</strong>
-* <strong>ニックネーム</strong>
-* <strong>知り合った日付</strong>
-* <strong>電子メール・アドレス</strong>
-image::images/create-table-friends.png[]
-9.
-「表を作成」ダイアログが上に示す指定と同じになっていることを確認したら、「OK」をクリックします。IDEによって、データベースに <code>FRIENDS</code> 表が生成されて、「表」ノードの下に新しい <code>FRIENDS</code> 表ノード(image::images/table-node.png[])の表示を確認できます。表ノードの下に、主キー(image::images/primary-key-icon.png[])で開始する各列(各フィールド)が一覧表示されます。</p>
-<p class="tableblock">image::images/friends-table.png[]</p>
-<p class="tableblock">=== SQLエディタの使用</p>
-<p class="tableblock">1. 「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードまたはその下にある「表」ノードを右クリックし、「コマンドの実行」を選択します。メイン・ウィンドウ内にSQLエディタが開き、空白のキャンバスが表示されます。
-2. SQLエディタに次の問合せを入力します。これは、作成するCOLLEAGUES表の表定義です。</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">CREATE TABLE "COLLEAGUES" (
-    "ID" INTEGER not null primary key,
-    "FIRSTNAME" VARCHAR(30),
-    "LASTNAME" VARCHAR(30),
-    "TITLE" VARCHAR(10),
-    "DEPARTMENT" VARCHAR(20),
-    "EMAIL" VARCHAR(60)
-);
-----</p>
-<p class="tableblock">*注意: *SQLエディタで作成した文および問合せは、SQL (Structured Query Language)で構文解析されます。SQLは厳密な構文ルールに準拠しています。IDEのエディタで作業をするときは、これらのルールを理解しておいてください。SQL構文はまた、データベース管理システムによって異なることがあります。具体的なガイドラインについては、<a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">Java DB Reference Manual</a>を参照してください。</p>
-<p class="tableblock">3. エディタ([Ctrl]-[Shift]-[E])の上部にあるタスク・バーの「SQLの実行」(image::images/run-sql-button.png[])ボタンをクリックし、問合せを実行します。「出力」ウィンドウ([Ctrl]-[4])に、文の実行に成功したことを示すメッセージが表示されます。
-image::images/run-query.png[]
-4. 変更内容を確認するには、「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードを右クリックし、「リフレッシュ」を選択します。これで、指定したデータベースの現在のステータスにあわせて実行時UIコンポーネントが更新されます。NetBeans IDEでSQLエディタから問合せを実行するときは、このステップが必要です。「サービス」ウィンドウの「表」の下に、新しいCOLLEAGUES表ノード(image::images/table-node.png[])が表示されていることに注意してください。</p>
-<p class="tableblock">== 表へのデータの追加</p>
-<p class="tableblock"> <code>contact</code> データベースに1つ以上の表を作成したので、表へのデータの生成を開始できます。表にレコードを追加するには、いくつかの方法があります。</p>
-<p class="tableblock">* SQLエディタに<a href="#sqlstatement">SQL文を書き</a>、表スキーマに存在するすべてのフィールドに値を提供します。
-* <a href="#usesqleditor">SQLエディタを使用して</a>、表にレコードを追加します。
-* <a href="#using">外部のSQLスクリプトを使用して</a>、表にレコードをインポートします。</p>
-<p class="tableblock">これらのすべての使用方法を学習し、 <code>FRIENDS</code> 表にデータを生成するには、次の各項を参照してください。</p>
-<p class="tableblock">=== SQL文の実行</p>
-<p class="tableblock">1. 「サービス」ウィンドウの <code>Contact DB</code> ノードの下にある「表」を展開し、 <code>FRIENDS</code> 表を右クリックして「コマンドの実行」を選択し、「SQLエディタ」ウィンドウを開きます。
-2. SQLエディタに次の文を入力します。</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','<a href="mailto:tbag@foxriver.com">tbag@foxriver.com</a>')
-----</p>
-<p class="tableblock">入力中はSQLエディタのコード補完を使用できます。</p>
-<p class="tableblock">3. SQLエディタ内を右クリックし、「文を実行」を選択します。「出力」ウィンドウに、文の実行に成功したことを示すメッセージが表示されます。
-4.  <code>FRIENDS</code> 表に新しいレコードが追加されたことを確認するには、「サービス」ウィンドウで「 <code>FRIENDS</code> 」表ノードを右クリックし、「データを表示」を選択します。</p>
-<p class="tableblock">「データを表示」を選択すると、表からすべてのデータを選択する問合せがSQLエディタの上部ペインに自動的に生成されます。文の結果は、SQLエディタの下部ペインに表示されます。この場合、 <code>FRIENDS</code> 表は下部ペインに表示されます。SQL文から供給されたデータを使用して、新しい行が追加されています。</p>
-<p class="tableblock">image::images/new-record.png[]</p>
-<p class="tableblock">=== SQLエディタの使用</p>
-<p class="tableblock">1. 「 <code>FRIENDS</code> 」表ノードを右クリックして、「データを表示」を選択します(前の項の最後のステップで実行しなかった場合)。
-2. 「レコードを挿入( <code>Alt+I</code> )」ボタンをクリックして、行を追加します。
-「レコードを挿入」ダイアログ・ボックスが表示されます。
-3. 各セルでクリックして、レコードを入力します。Dateデータ型のセルでは、カレンダから日付を選択できます。完了したら、「OK」をクリックします。
-image::images/insert-records.png[]
-SQLエディタでは、行のヘッダーをクリックして結果をソートしたり、既存のレコードを変更および削除したり、(ポップアップ・メニューの「SQLスクリプトを表示」コマンドで)エディタで実行しているアクションのSQLスクリプトを表示したりできます。</p>
-<p class="tableblock">== 表の削除</p>
-<p class="tableblock">次の手順では、外部SQLスクリプトを使用して、新しい <code>COLLEAGUES</code> 表を作成します。しかし、 <code>COLLEAGUES</code> 表は前述の<a href="#sqlEditor">SQLエディタの使用</a>の項で作成したばかりです。SQLスクリプトによって本当に新しい表が作成されることが明確にわかるように、ここでは、すでに作成した <code>COLLEAGUES</code> 表を削除します。データベース表を削除するには:</p>
-<p class="tableblock">1. 「サービス」ウィンドウのデータベース接続ノードの下にある「表」ノードを展開します。
-2. 削除する表を右クリックして「削除」を選択します。</p>
-<p class="tableblock">== 外部SQLスクリプトの使用</p>
-<p class="tableblock">外部SQLスクリプトからコマンドを発行するのは、データベースを管理するのに一般的な方法です。他の場所でSQLスクリプトをすでに作成している場合、そのスクリプトをNetBeans IDEにインポートし、指定したデータベースに対して実行します。</p>
-<p class="tableblock">この課題では、スクリプトで <code>COLLEAGUES</code> という名前の新しい表を作成してその表にデータを移入します。 <code>contact</code> データベースに対してこのスクリプトを実行するには、次の手順を実行します。</p>
-<p class="tableblock">1. ローカル・システムに<a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>をダウンロードします。
-2. IDEのメイン・メニューから「ファイル」&gt;「ファイルを開く」を選択します。ファイル・ブラウザで <code>colleagues.sql</code> ファイルを保存した場所に移動し、「開く」をクリックします。SQLエディタで自動的にスクリプトが開きます。</p>
-<p class="tableblock">または、<a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>の内容をコピーし、SQLエディタを開いてその中にファイルの内容を貼り付けます。</p>
-<p class="tableblock">3. エディタの最上部のツールバーにある「接続」ドロップダウン・ボックスで <code>Contact DB</code> への接続が選択されていることを確認します。
-image::images/conn-drop-down.png[]
-4. SQLエディタのタスク・バーにある「SQLの実行」(image::images/run-sql-button.png[])ボタンをクリックします。選択したデータベースに対してスクリプトが実行され、「出力」ウィンドウにフィード・バックが生成されます。
-5. 変更内容を確認するには、「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードを右クリックし、「リフレッシュ」を選択します。SQLスクリプトからの新しい <code>COLLEAGUES</code> 表が、「サービス」ウィンドウの「 <code>contact</code> 」の下に表ノードとして表示されます。
-6. 新しい表に含まれているデータを表示するには、 <code>COLLEAGUES</code> 表を右クリックして「データを表示」を選択します。このように、表形式のデータとSQLスクリプトに含まれるデータとを比較して、一致しているかどうかを確認することもできます。</p>
-<p class="tableblock">== 異なるデータベースの表の再作成</p>
-<p class="tableblock">異なるデータベースにある表を、NetBeans IDEから操作中のデータベースで再作成したい場合、IDEには便利なツールが用意されています。まず、このチュートリアルの最初に説明したものに似た2つ目のデータベースがIDEに登録されている必要があります。このチュートリアルの目的で、Java DBにパッケージされている <code>sample</code> データベースを使用します。このプロセスは基本的に2つの段階に分けて実行されます。まず、選択した表の表定義を「保存」し、その後選択したデータベースに表を再作成できます。</p>
-<p class="tableblock">1. 「サービス」ウィンドウの「データベース」ノードの下にある接続ノードを右クリックして、「接続」を選択し(ユーザー名とパスワードは <code>app</code> )、 <code>sample</code> データベースに接続します。
-2.
- <code>sample</code> データベース接続の下にある「表」ノードを展開し、 <code>CUSTOMER</code> 表ノードを右クリックして「構造を保存」を選択します。</p>
-<p class="tableblock">image::images/grab-structure.png[]
-3. 開いた「表を保存」ダイアログで、作成される保存(grab)ファイルを保存するコンピュータの場所を指定します。「保存」をクリックします。</p>
-<p class="tableblock">保存ファイルには、選択した表の表定義が記録されます。</p>
-<p class="tableblock">4.  <code>Contact DB</code> データベース接続の下にある「APP」スキーマ・ノードを展開し、「表」ノードを右クリックして「表を再作成」を選択し、「表を再作成」ダイアログ・ボックスを開きます。
-5.
-「表を再作成」ダイアログ・ボックスで、 <code>CUSTOMER</code> 保存ファイルを保存した場所に移動して「開く」をクリックし、「表に名前を付ける」ダイアログ・ボックスを開きます。</p>
-<p class="tableblock">image::images/recreate-table.png[]
-6.
-ここで表の名前を変更したり、表定義を編集したりできます。そうしない場合、「OK」をクリックすると、 <code>contact</code> データベースにすぐに表が作成されます。「 <code>Contact DB</code> 」接続ノードの下に「 <code>CUSTOMER</code> 」表ノードが新しく表示されます。</p>
-<p class="tableblock">image::images/new-customer-node.png[]</p>
-<p class="tableblock">新しい <code>CUSTOMER</code> 表にデータを表示するとデータベースにレコードが表示されませんが、表の構造は保存した表と同一です。</p>
-<p class="tableblock"><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">ご意見をお寄せください</a></p>
-<p class="tableblock">== 関連項目</p>
-<p class="tableblock">これで、Java DB (Derby)データベースの操作のチュートリアルは終わりです。このチュートリアルでは、NetBeans IDEでJava DBデータベースへの接続を設定する方法を紹介しました。次に、IDEの「サービス」ウィンドウの表を作成、表示、変更および削除する方法を紹介しました。SQLエディタを操作して表にデータを追加する方法や、他のデータベースの定義を使用して表を再作成するIDEの機能の使用方法も示しました。</p>
-<p class="tableblock">関連するチュートリアルおよびさらに高度なチュートリアルについては、次のリソースを参照してください。</p>
-<p class="tableblock">* <a href="mysql.html">MySQLデータベースへの接続</a>。NetBeans IDEでMySQLデータベースを構成し、接続する方法を示します。
-* <a href="../web/mysql-webapp.html">MySQLデータベースを使用した単純なWebアプリケーションの作成</a>。MySQLデータベース・サーバーに接続する単純なWebアプリケーションを作成する方法を示します。
-* <a href="http://platform.netbeans.org/tutorials/nbm-crud.html">NetBeansプラットフォームCRUDアプリケーションのチュートリアル</a> Java DBデータベースをNetBeansプラットフォーム・アプリケーションに統合する方法を示します。</p></td>
-</tr>
-</tbody>
-</table>
+<div class="paragraph">
+<p>この課題では、スクリプトで <code>COLLEAGUES</code> という名前の新しい表を作成してその表にデータを移入します。 <code>contact</code> データベースに対してこのスクリプトを実行するには、次の手順を実行します。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>ローカル・システムに<a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>をダウンロードします。</p>
+</li>
+<li>
+<p>IDEのメイン・メニューから「ファイル」&gt;「ファイルを開く」を選択します。ファイル・ブラウザで <code>colleagues.sql</code> ファイルを保存した場所に移動し、「開く」をクリックします。SQLエディタで自動的にスクリプトが開きます。</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>または、<a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>の内容をコピーし、SQLエディタを開いてその中にファイルの内容を貼り付けます。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>エディタの最上部のツールバーにある「接続」ドロップダウン・ボックスで <code>Contact DB</code> への接続が選択されていることを確認します。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/conn-drop-down.png" alt="conn drop down">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>SQLエディタのタスク・バーにある「SQLの実行」(image::images/run-sql-button.png[])ボタンをクリックします。選択したデータベースに対してスクリプトが実行され、「出力」ウィンドウにフィード・バックが生成されます。</p>
+</li>
+<li>
+<p>変更内容を確認するには、「サービス」ウィンドウで「 <code>Contact DB</code> 」接続ノードを右クリックし、「リフレッシュ」を選択します。SQLスクリプトからの新しい <code>COLLEAGUES</code> 表が、「サービス」ウィンドウの「 <code>contact</code> 」の下に表ノードとして表示されます。</p>
+</li>
+<li>
+<p>新しい表に含まれているデータを表示するには、 <code>COLLEAGUES</code> 表を右クリックして「データを表示」を選択します。このように、表形式のデータとSQLスクリプトに含まれるデータとを比較して、一致しているかどうかを確認することもできます。</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_異なるデータベースの表の再作成">異なるデータベースの表の再作成</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>異なるデータベースにある表を、NetBeans IDEから操作中のデータベースで再作成したい場合、IDEには便利なツールが用意されています。まず、このチュートリアルの最初に説明したものに似た2つ目のデータベースがIDEに登録されている必要があります。このチュートリアルの目的で、Java DBにパッケージされている <code>sample</code> データベースを使用します。このプロセスは基本的に2つの段階に分けて実行されます。まず、選択した表の表定義を「保存」し、その後選択したデータベースに表を再作成できます。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>「サービス」ウィンドウの「データベース」ノードの下にある接続ノードを右クリックして、「接続」を選択し(ユーザー名とパスワードは <code>app</code> )、 <code>sample</code> データベースに接続します。</p>
+</li>
+<li>
+<p><code>sample</code> データベース接続の下にある「表」ノードを展開し、 <code>CUSTOMER</code> 表ノードを右クリックして「構造を保存」を選択します。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/grab-structure.png" alt="grab structure">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>開いた「表を保存」ダイアログで、作成される保存(grab)ファイルを保存するコンピュータの場所を指定します。「保存」をクリックします。</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>保存ファイルには、選択した表の表定義が記録されます。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p><code>Contact DB</code> データベース接続の下にある「APP」スキーマ・ノードを展開し、「表」ノードを右クリックして「表を再作成」を選択し、「表を再作成」ダイアログ・ボックスを開きます。</p>
+</li>
+<li>
+<p>「表を再作成」ダイアログ・ボックスで、 <code>CUSTOMER</code> 保存ファイルを保存した場所に移動して「開く」をクリックし、「表に名前を付ける」ダイアログ・ボックスを開きます。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/recreate-table.png" alt="recreate table">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>ここで表の名前を変更したり、表定義を編集したりできます。そうしない場合、「OK」をクリックすると、 <code>contact</code> データベースにすぐに表が作成されます。「 <code>Contact DB</code> 」接続ノードの下に「 <code>CUSTOMER</code> 」表ノードが新しく表示されます。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-customer-node.png" alt="new customer node">
+</div>
+</div>
+<div class="paragraph">
+<p>新しい <code>CUSTOMER</code> 表にデータを表示するとデータベースにレコードが表示されませんが、表の構造は保存した表と同一です。</p>
+</div>
+<div class="paragraph">
+<p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">ご意見をお寄せください</a></p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_関連項目">関連項目</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>これで、Java DB (Derby)データベースの操作のチュートリアルは終わりです。このチュートリアルでは、NetBeans IDEでJava DBデータベースへの接続を設定する方法を紹介しました。次に、IDEの「サービス」ウィンドウの表を作成、表示、変更および削除する方法を紹介しました。SQLエディタを操作して表にデータを追加する方法や、他のデータベースの定義を使用して表を再作成するIDEの機能の使用方法も示しました。</p>
+</div>
+<div class="paragraph">
+<p>関連するチュートリアルおよびさらに高度なチュートリアルについては、次のリソースを参照してください。</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="mysql.html">MySQLデータベースへの接続</a>。NetBeans IDEでMySQLデータベースを構成し、接続する方法を示します。</p>
+</li>
+<li>
+<p><a href="../web/mysql-webapp.html">MySQLデータベースを使用した単純なWebアプリケーションの作成</a>。MySQLデータベース・サーバーに接続する単純なWebアプリケーションを作成する方法を示します。</p>
+</li>
+<li>
+<p><a href="http://platform.netbeans.org/tutorials/nbm-crud.html">NetBeansプラットフォームCRUDアプリケーションのチュートリアル</a> Java DBデータベースをNetBeansプラットフォーム・アプリケーションに統合する方法を示します。</p>
+</li>
+</ul>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/java-db_pt_BR.html b/content/kb/docs/ide/java-db_pt_BR.html
index 875b708..e27b029 100644
--- a/content/kb/docs/ide/java-db_pt_BR.html
+++ b/content/kb/docs/ide/java-db_pt_BR.html
@@ -104,8 +104,19 @@
 <li><a href="#_criando_tabelas">Criando Tabelas</a>
 <ul class="sectlevel2">
 <li><a href="#_usando_a_caixa_de_diálogo_criar_tabela">Usando a Caixa de Diálogo Criar Tabela</a></li>
+<li><a href="#_usando_o_editor_sql">Usando o Editor SQL:</a></li>
 </ul>
 </li>
+<li><a href="#_adicionando_dados_na_tabela">Adicionando Dados na Tabela</a>
+<ul class="sectlevel2">
+<li><a href="#_executando_uma_instrução_sql">Executando uma Instrução SQL</a></li>
+<li><a href="#_usando_o_editor_sql_2">Usando o Editor SQL</a></li>
+</ul>
+</li>
+<li><a href="#_deletando_tabelas">Deletando Tabelas</a></li>
+<li><a href="#_usando_um_script_sql_externo">Usando um Script SQL Externo</a></li>
+<li><a href="#_recriando_tabelas_de_um_banco_de_dados_diferente">Recriando Tabelas de um Banco de Dados Diferente</a></li>
+<li><a href="#_consulte_também">Consulte Também</a></li>
 </ul>
 </div>
 <div id="preamble">
@@ -122,44 +133,21 @@
 </div>
 <div class="title">Figure 1. O conteúdo desta página se aplica ao NetBeans IDE 7.2, 7.3, 7.4 e 8.0</div>
 </div>
-<div class="paragraph">
-<p><strong>Para seguir este tutorial, os recursos e softwares a seguir são necessários.</strong></p>
-</div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<thead>
-<tr>
-<th class="tableblock halign-left valign-top">Software ou Recurso</th>
-<th class="tableblock halign-left valign-top">Versão Necessária</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://netbeans.org/downloads/index.html">NetBeans IDE</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Java EE 7.2, 7.3, 7.4, 8.0</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">JDK (Java Development Kit)</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Versão 7 ou 8</p></td>
-</tr>
+<div class="admonitionblock note">
+<table>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Java DB</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">versão 10.4.x, 10.5.x</p></td>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+O Java DB é instalado quando o JDK 7 ou JDK 8 é instalado (com exceção do
+Mac OS X). Se estiver usando Mac OS X é possível fazer o download e instalar o
+<a href="http://www.oracle.com/technetwork/java/javadb/downloads/index.html">Java DB</a>
+manualmente ou usar o Java DB que é instalado pela versão do Java EE do
+instalador do NetBeans IDE.
+</td>
 </tr>
-</tbody>
 </table>
-<div class="paragraph">
-<p><strong>Observação.</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>O Java DB é instalado quando o JDK 7 ou JDK 8 é instalado (com exceção do Mac OS X). Se estiver usando Mac OS X é possível fazer o download e instalar o <a href="http://www.oracle.com/technetwork/java/javadb/downloads/index.html">Java DB</a> manualmente ou usar o Java DB que é instalado pela versão do Java EE do instalador do NetBeans IDE.</p>
-</li>
-</ul>
 </div>
 </div>
 </div>
@@ -251,9 +239,17 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Na janela Serviços, clique com o botão direito do mouse no nó Java DB e escolha Iniciar Servidor. Observe a seguinte saída na janela de Saída, indicando que o servidor foi iniciado:
-image::images/output-start-db.png[]</p>
+<p>Na janela Serviços, clique com o botão direito do mouse no nó Java DB e escolha Iniciar Servidor. Observe a seguinte saída na janela de Saída, indicando que o servidor foi iniciado:</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/output-start-db.png" alt="output start db">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Clique com o botão direito do mouse no nó do Java DB e escolha Criar Banco de Dados para abrir a caixa de diálogo de criação do Banco de Dados do Java DB.</p>
 </li>
@@ -261,11 +257,15 @@ image::images/output-start-db.png[]</p>
 <p>Insira  <code>contato</code>  para o Nome do Banco de Dados.</p>
 </li>
 <li>
-<p>Digite  <code>nbuser</code>  para o Nome de Usuário e a Senha. Clique em OK.
-image::images/javadb-createdb.png[]</p>
+<p>Digite  <code>nbuser</code>  para o Nome de Usuário e a Senha. Clique em OK.</p>
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/javadb-createdb.png" alt="javadb createdb">
+</div>
+</div>
 <div class="paragraph">
 <p><strong>Observação.</strong> Localização do Banco de Dados é o local default definido durante a instalação do Java DB do GlassFish. Se você tiver instalado o Java DB separadamente, essa localização pode ser diferente.</p>
 </div>
@@ -307,7 +307,7 @@ image::images/javadb-createdb.png[]</p>
 </ol>
 </div>
 <div class="paragraph">
-<p>O nó de conexão do banco de dados( image::images/connection-node-icon.png[]) é exibido no nó dos Bancos de Dados. O nó do banco de dados é exibido no nó do Java DB.</p>
+<p>O nó de conexão do banco de dados( <span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>) é exibido no nó dos Bancos de Dados. O nó do banco de dados é exibido no nó do Java DB.</p>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -318,15 +318,21 @@ image::images/javadb-createdb.png[]</p>
 <p><strong>Observação.</strong> Você também visualizará a conexão do banco de dados <code>amostra [app em app]</code> que é o esquema do banco de dados default.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Clique com o botão direito do mouse no nó da conexão do banco de dados <strong>contact</strong>( <code>jdbc:derby://localhost:1527/contact [nbuser em NBUSER]</code> ) e escolha Conectar.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>O ícone do nó da conexão aparecerá em todo (image::images/connection-node-icon.png[]), significando que a conexão foi bem-sucedida.
-3. Crie um nome de exibição conveniente para o banco de dados clicando com o botão direito do mouse no nó da conexão do banco de dados ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) e selecione Renomear. Digite  <code>BD de Contato</code>  no campo de texto e clique em Ok.</p>
+<p>O ícone do nó da conexão aparecerá em todo (<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>), significando que a conexão foi bem-sucedida.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Crie um nome de exibição conveniente para o banco de dados clicando com o botão direito do mouse no nó da conexão do banco de dados ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) e selecione Renomear. Digite  <code>BD de Contato</code>  no campo de texto e clique em Ok.</p>
+</li>
+</ol>
 </div>
 </div>
 </div>
@@ -366,139 +372,412 @@ image::images/javadb-createdb.png[]</p>
 <p>Para Nome de Coluna, insira  <code>id</code> . Para Tipo de Dados, selecione  <code>INTEIRO</code>  da lista drop-down.</p>
 </li>
 <li>
-<p>Em Restrições, marque a caixa de seleção Chave Primária para especificar que essa coluna é a chave primária da tabela. Todas as tabelas de bancos de dados relacionais devem conter uma chave primária. Observe que quando você marca a caixa de seleção Chave Primária, as caixas de seleção Índice e Exclusivo são automaticamente marcadas e a caixa de seleção Nulo é desmarcada. Isso ocorre porque as chaves primárias são usadas para identificar uma linha exclusiva no banco de dados e por defa [...]
-image::images/add-column.png[]</p>
+<p>Em Restrições, marque a caixa de seleção Chave Primária para especificar que essa coluna é a chave primária da tabela. Todas as tabelas de bancos de dados relacionais devem conter uma chave primária. Observe que quando você marca a caixa de seleção Chave Primária, as caixas de seleção Índice e Exclusivo são automaticamente marcadas e a caixa de seleção Nulo é desmarcada. Isso ocorre porque as chaves primárias são usadas para identificar uma linha exclusiva no banco de dados e por defa [...]
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column.png" alt="add column">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>Repita este procedimento agora especificando campos conforme exibido na tabela abaixo:</p>
 </li>
-<li>
-<p>|===</p>
-</li>
 </ol>
 </div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2858%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Chave</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Índice</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Nulo</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Exclusiva</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Nome da coluna</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Tipo de dados</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Tamanho</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">id</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">INTEIRO</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">0</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">firstName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">lastName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">nickName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">30</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[marcada]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">friendSince</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">DATA</p></td>
+</tr>
+</tbody>
+</table>
 <div class="paragraph">
-<p>|Chave |Índice |Nulo |Exclusiva |Nome da coluna |Tipo de dados |Tamanho</p>
+<p>Você está criando uma tabela chamada  <code>AMIGOS</code>  que contém os seguintes dados para cada registro de contato:</p>
 </div>
-<div class="paragraph">
-<p>|[marcada] |[marcada] |[marcada] |id |INTEIRO |0</p>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>Nome</strong></p>
+</li>
+<li>
+<p><strong>Sobrenome</strong></p>
+</li>
+<li>
+<p><strong>Apelido</strong></p>
+</li>
+<li>
+<p><strong>Amigo Desde</strong></p>
+</li>
+<li>
+<p><strong>Endereço de E-mail</strong></p>
+</li>
+</ul>
 </div>
-<div class="paragraph">
-<p>|[marcada] |firstName |VARCHAR |20</p>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-friends.png" alt="create table friends">
 </div>
-<div class="paragraph">
-<p>|[marcada] |lastName |VARCHAR |20</p>
 </div>
-<div class="paragraph">
-<p>|[marcada] |nickName |VARCHAR |30</p>
+<div class="olist arabic">
+<ol class="arabic" start="9">
+<li>
+<p>Quando tiver certeza que a caixa de diálogo Criar Tabela contém as mesmas especificações que as exibidas acima, clique em OK. O IDE gera a tabela  <code>AMIGOS</code>  no banco de dados, e você pode ver um novo nó da tabela  <code>AMIGOS</code>  (<span class="image"><img src="images/table-node.png" alt="table node"></span>) são exibidos no nó de Tabelas. Sob o nó da tabela as colunas (campos) são listadas, iniciando com a chave primária (<span class="image"><img src="images/primary-ke [...]
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>|[marcada] |friendSince |DATA |0</p>
+<div class="imageblock">
+<div class="content">
+<img src="images/friends-table.png" alt="friends table">
 </div>
-<div class="paragraph">
-<p>|[marcada] |e-mail |VARCHAR |60</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Você está criando uma tabela chamada  <code>AMIGOS</code>  que contém os seguintes dados para cada registro de contato:</p>
-<p class="tableblock">* <strong>Nome</strong>
-* <strong>Sobrenome</strong>
-* <strong>Apelido</strong>
-* <strong>Amigo Desde</strong>
-* <strong>Endereço de E-mail</strong>
-image::images/create-table-friends.png[]
-9.
-Quando tiver certeza que a caixa de diálogo Criar Tabela contém as mesmas especificações que as exibidas acima, clique em OK. O IDE gera a tabela  <code>AMIGOS</code>  no banco de dados, e você pode ver um novo nó da tabela  <code>AMIGOS</code>  (image::images/table-node.png[]) são exibidos no nó de Tabelas. Sob o nó da tabela as colunas (campos) são listadas, iniciando com a chave primária (image::images/primary-key-icon.png[]).</p>
-<p class="tableblock">image::images/friends-table.png[]</p>
-<p class="tableblock">=== Usando o Editor SQL:</p>
-<p class="tableblock">1. No janela Serviço, clique com o botão direito no nó de conexão  <code>BD de Contato</code>  ou no nó Tabelas embaixo e escolha o Comando Executar. Uma tela em branco é aberta no Editor SQL na janela principal.
-2. Insira a seguinte consulta no Editor SQL. Esta é uma definição da tabela COLEGAS que você irá criar:</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">CREATE TABLE "COLLEAGUES" (
+</div>
+<div class="sect2">
+<h3 id="_usando_o_editor_sql">Usando o Editor SQL:</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>No janela Serviço, clique com o botão direito no nó de conexão  <code>BD de Contato</code>  ou no nó Tabelas embaixo e escolha o Comando Executar. Uma tela em branco é aberta no Editor SQL na janela principal.</p>
+</li>
+<li>
+<p>Insira a seguinte consulta no Editor SQL. Esta é uma definição da tabela COLEGAS que você irá criar:</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE "COLLEAGUES" (
     "ID" INTEGER not null primary key,
     "FIRSTNAME" VARCHAR(30),
     "LASTNAME" VARCHAR(30),
     "TITLE" VARCHAR(10),
     "DEPARTMENT" VARCHAR(20),
     "EMAIL" VARCHAR(60)
-);
-----</p>
-<p class="tableblock">*Observação: *instruções e consultas formadas no Editor SQL faz parse em SQL. A linguagem SQL utiliza regras de sintaxe estritas com as quais você deve estar familiarizado ao trabalhar no editor do IDE. A sintaxe do SQL também pode diferir dependendo do sistema de gerenciamento de banco de dados. Consulte o <a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">Manual de Referência do JavaDB</a> para obter instruções específicas.</p>
-<p class="tableblock">3. Clique no botão Executar SQL (image::images/run-sql-button.png[]) na barra de tarefas na parte superior do editor (Ctrl-Shift-E) para executar a consulta. Na janela de Saída (Ctrl-4), uma mensagem é exibida indicando que uma instrução foi executada com êxito.
-image::images/run-query.png[]
-4. Para verificar as alterações, clique com o botão direito no nó de conexão  <code>BD de Contato </code>  na janela Serviços e escolha Atualizar. Isso atualiza o componente UI de Runtime para o status atual do banco de dados especificado. Esta etapa é necessária ao executar consultas do Editor SQL no NetBeans IDE. Observe que o novo nó da tabela COLEGAS (image::images/table-node.png[]) é exibida agora em Tabelas na janela Serviços.</p>
-<p class="tableblock">== Adicionando Dados na Tabela</p>
-<p class="tableblock">Agora que você criou uma ou mais tabelas no banco de dados  <code>contact</code> , pode começar a preenchê-lo com dados. Existem várias maneiras que você pode adicionar registros em sua tabela.</p>
-<p class="tableblock">* <a href="#sqlstatement">Escreva uma instrução SQL</a> no Editor SQL que fornece um valor para cada campo presente no esquema da tabela.
-* <a href="#usesqleditor">Utilize o Editor SQL</a> para adicionar registros à tabela.
-* <a href="#using">Utilize um script SQL externo</a> para importar registros para a tabela.</p>
-<p class="tableblock">Leia as seções abaixo para aprender como utilizar todos os métodos de preenchimento da tabela  <code>AMIGOS</code>  com dados.</p>
-<p class="tableblock">=== Executando uma Instrução SQL</p>
-<p class="tableblock">1. Expanda as Tabelas no nó do  <code>BD de Contato</code>  na janela Serviços, clique com o botão direito na tabela  <code>AMIGOS</code>  e escolha executar comando para abrir a janela do Editor SQL.
-2. No Editor SQL, insira a seguinte instrução.</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','<a href="mailto:tbag@foxriver.com">tbag@foxriver.com</a>')
-----</p>
-<p class="tableblock">Enquanto estiver digitando, é possível utilizar a funcionalidade autocompletar código do Editor SQL.</p>
-<p class="tableblock">3. Clique com o botão direito do mouse no Editor SQL e escolha Executar Instrução. A janela de Saída exibe uma mensagem indicando que uma instrução foi executada com êxito.
-4. Para verificar se o novo registro foi adicionado à tabela  <code>AMIGOS</code> , clique com o botão direito do mouse no nó da tabela  <code>AMIGOS</code>  na janela Serviços e escolha Exibir Dados.</p>
-<p class="tableblock">Quando você escolhe Exibir Dados, é gerada automaticamente no painel superior do Editor SQL uma consulta para selecionar todos os dados da tabela. Os resultados da instrução são exibidos no painel inferior do Editor de SQL. Nesse caso, a tabela  <code>AMIGOS</code>  é exibida no painel inferior. Observe que uma nova linha foi adicionada com os dados que você acabou de fornecer da instrução SQL.</p>
-<p class="tableblock">image::images/new-record.png[]</p>
-<p class="tableblock">=== Usando o Editor SQL</p>
-<p class="tableblock">1. Clique com o botão direito no nó da tabela  <code>AMIGOS</code>  e escolha Exibir Dados (se não tiver feito isso na última etapa da seção anterior).
-2. Clique no botão Inserir Registro(s) ( <code>Alt-I</code> ) para adicionar uma linha.
-A caixa de diálogo Inserir Registros aparece.
-3. Clique em cada célula e insira registros. Observe que para células com tipo de dados Data, é possível escolher uma data do calendário. Clique em OK quando tiver acabado.
-image::images/insert-records.png[]
-No Editor SQL, é possível ordenar os resultados clicando na linha de cabeçalho, modifique e delete registros existentes e veja o script SQL para ações que estão sendo feitas no editor (o comando Exibir Script SQL do menu pop-up).</p>
-<p class="tableblock">==  Deletando Tabelas</p>
-<p class="tableblock">Na etapa a seguir, use um script SQL externo para criar uma nova tabela  <code>COLEGAS</code> . Entretanto, uma tabela  <code>COLEGAS</code>  acabou de ser criada na seção <a href="#sqlEditor">Utilizando o Editor SQL</a> acima. Para deixar claro que o script SQL realmente cria uma nova tabela, você pode deletar a tabela  <code>COLEGAS</code>  já criada agora. Para deletar uma tabela do banco de dados execute as seguintes etapas.</p>
-<p class="tableblock">1. Expanda o nó Tabelas no nó de conexão do banco de dados na janela Serviços.
-2. Clique com o botão direito do mouse na tabela que você deseja deletar e escolha Deletar.</p>
-<p class="tableblock">== Usando um Script SQL Externo</p>
-<p class="tableblock">A emissão de comandos de um script SQL externo é uma forma popular de gerenciar o banco de dados. É possível já ter sido criado um script SQL em outro lugar, e deseja importá-lo para o NetBeans IDE para executá-lo em um banco de dados específico.</p>
-<p class="tableblock">Neste exercício, o script criará uma nova tabela denominada  <code>COLEGAS</code>  e a preencherá com dados. Execute as seguintes etapas para executar o script no banco de dados  <code>contato</code> .</p>
-<p class="tableblock">1. Faça download de <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> em seu sistema local
-2. Escolha Arquivo &gt; Abrir Arquivo no menu principal do IDE. No browser de arquivos, vá até o local do arquivo  <code>colleagues.sql</code>  salvo e clique em Abrir. O script se abre automaticamente no Editor SQL.</p>
-<p class="tableblock">Se preferir, copie o conteúdo de <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> e, depois abra o editor SQL e cole o conteúdo do arquivo no editor SQL.</p>
-<p class="tableblock">3. Certifique-se que sua conexão com  <code>BD de Contato</code>  esteja selecionada na caixa drop-down Conexão na barra de ferramentas na parte superior do editor.
-image::images/conn-drop-down.png[]
-4. Clique no botão Executar SQL (image::images/run-sql-button.png[]) na barra de tarefas do Editor SQL. O script é executado no banco de dados selecionado e qualquer feedback é gerado na janela de Saída.
-5. Para verificar as alterações, clique com o botão direito no nó de conexão  <code>BD de Contato </code>  na janela Serviços e escolha Atualizar. Observe que a nova tabela  <code>COLEGAS</code>  do script SQL agora é exibida como um nó de tabela em  <code>contact</code>  na janela Serviços.
-6. Para exibir os dados contidos nas novas tabelas, clique com o botão direito na tabela  <code>COLEGAS</code>  e escolha Exibir Dados. Dessa maneira, você também pode comparar os dados tabulares com os dados contidos no script SQL para ver se eles coincidem.</p>
-<p class="tableblock">==  Recriando Tabelas de um Banco de Dados Diferente</p>
-<p class="tableblock">Se você tiver uma tabela de outro banco de dados que deseja recriar no banco de dados em que está trabalhando do NetBeans IDE, o IDE oferece uma ferramenta útil para isso. É necessário primeiro registrar o segundo banco de dados no IDE, de forma similar à que foi descrita no início deste tutorial. Para a finalidade deste tutorial, use o banco de dados de  <code>amostra</code>  incluído com o Java DB. Esse processo é realizado essencialmente em duas partes: primeiro  [...]
-<p class="tableblock">1. Estabeleça conexão com o banco de dados de  <code>amostra</code>  clicando com o botão direito no nó de conexão nos Bancos de Dados na janela Serviços e escolhendo Conectar (o usuário e a senha é  <code>app</code> ).
-2.
-Expanda o nó das Tabelas na conexão do banco de dados  <code>amostra</code> , clique com o botão direito do mouse na tabela  <code>CLIENTE</code>  e escolha Obter Estrutura.</p>
-<p class="tableblock">image::images/grab-structure.png[]
-3. Na caixa de diálogo Obter Tabela exibida, especifique um local no computador para salvar o arquivo obtido que será criado. Clique em Salvar.</p>
-<p class="tableblock">O arquivo obtido registra a definição de tabela da tabela selecionada.</p>
-<p class="tableblock">4. Expanda o nó do esquema APP na conexão do banco de dados  <code>BD de Contato</code> , clique no nó Tabelas e escolha Recriar Tabela para abrir a caixa de diálogo Recriar Tabela.
-5.
-Na caixa de diálogo Recriar Tabela, navegue até o local no qual você salvou o arquivo de obtenção  <code>CLIENTE</code>  e clique em Abrir para abrir a caixa de diálogo Nome da Tabela.</p>
-<p class="tableblock">image::images/recreate-table.png[]
-6.
-Neste ponto, é possível alterar o nome da tabela ou editar a definição da tabela. Do contrário, clique em OK para criar imediatamente a tabela no banco de dados  <code>contact</code> . Um novo nó de tabela  <code>CLIENTE</code>  é exibido abaixo do nó de conexão BD de  <code>Contato</code> .</p>
-<p class="tableblock">image::images/new-customer-node.png[]</p>
-<p class="tableblock">Se você exibir os dados na nova tabela  <code>CLIENTE</code>  você verá que não há registros no banco de dados, mas que a estrutura da tabela é idêntica à tabela que você obteve.</p>
-<p class="tableblock"><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">Envie-nos Seu Feedback</a></p>
-<p class="tableblock">== Consulte Também</p>
-<p class="tableblock">Isto conclui o tutorial Trabalho com o Banco de Dados Java DB (Derby). Este tutorial demonstrou como configurar uma conexão com o banco de dados Java DB no NetBeans IDE. Em seguida, ele demonstrou como criar, exibir, modificar e deletar tabelas na janela Serviços do IDE. Ele também exibiu como trabalhar com o Editor SQL para adicionar dados em tabelas e usar a funcionalidade do IDE permitindo que você recriasse tabelas usando definições de outros bancos de dados.</p>
-<p class="tableblock">Para tutoriais relacionados e mais avançados, consulte os seguintes recursos:</p>
-<p class="tableblock">* <a href="mysql.html">Estabelecendo Conexão com um Banco de Dados MySQL</a>. Demonstra como configurar um banco de dados MySQL e conectar-se a ele no NetBeans IDE.
-* <a href="../web/mysql-webapp.html">Criando uma Aplicação Web Simples Usando um Banco de Dados MySQL</a>. Demonstra como criar uma aplicação Web simples que se conecta com um servidor de banco de dados MySQL.
-* <a href="http://platform.netbeans.org/tutorials/nbm-crud.html">Tutorial da Aplicação CRUD da Plataforma do NetBeans.</a> Demonstra como integrar um banco de dados Java DB com uma aplicação da Plataforma do NetBeans.</p></td>
+);</code></pre>
+</div>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+instruções e consultas formadas no Editor SQL faz parse em SQL. A linguagem SQL utiliza regras de sintaxe estritas com as quais você deve estar familiarizado ao trabalhar no editor do IDE. A sintaxe do SQL também pode diferir dependendo do sistema de gerenciamento de banco de dados. Consulte o <a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">Manual de Referência do JavaDB</a> para obter instruções específicas.
+</td>
 </tr>
-</tbody>
 </table>
 </div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Clique no botão Executar SQL (<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>) na barra de tarefas na parte superior do editor (Ctrl-Shift-E) para executar a consulta. Na janela de Saída (Ctrl-4), uma mensagem é exibida indicando que uma instrução foi executada com êxito.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-query.png" alt="run query">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Para verificar as alterações, clique com o botão direito no nó de conexão  <code>BD de Contato </code>  na janela Serviços e escolha Atualizar. Isso atualiza o componente UI de Runtime para o status atual do banco de dados especificado. Esta etapa é necessária ao executar consultas do Editor SQL no NetBeans IDE. Observe que o novo nó da tabela COLEGAS (<span class="image"><img src="images/table-node.png" alt="table node"></span>) é exibida agora em Tabelas na janela Serviços.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_adicionando_dados_na_tabela">Adicionando Dados na Tabela</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Agora que você criou uma ou mais tabelas no banco de dados  <code>contact</code> , pode começar a preenchê-lo com dados. Existem várias maneiras que você pode adicionar registros em sua tabela.</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="#sqlstatement">Escreva uma instrução SQL</a> no Editor SQL que fornece um valor para cada campo presente no esquema da tabela.</p>
+</li>
+<li>
+<p><a href="#usesqleditor">Utilize o Editor SQL</a> para adicionar registros à tabela.</p>
+</li>
+<li>
+<p><a href="#using">Utilize um script SQL externo</a> para importar registros para a tabela.</p>
+</li>
+</ul>
+</div>
+<div class="paragraph">
+<p>Leia as seções abaixo para aprender como utilizar todos os métodos de preenchimento da tabela  <code>AMIGOS</code>  com dados.</p>
+</div>
+<div class="sect2">
+<h3 id="_executando_uma_instrução_sql">Executando uma Instrução SQL</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Expanda as Tabelas no nó do  <code>BD de Contato</code>  na janela Serviços, clique com o botão direito na tabela  <code>AMIGOS</code>  e escolha executar comando para abrir a janela do Editor SQL.</p>
+</li>
+<li>
+<p>No Editor SQL, insira a seguinte instrução.</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','tbag@foxriver.com')</code></pre>
+</div>
+</div>
+<div class="paragraph">
+<p>Enquanto estiver digitando, é possível utilizar a funcionalidade autocompletar código do Editor SQL.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Clique com o botão direito do mouse no Editor SQL e escolha Executar Instrução. A janela de Saída exibe uma mensagem indicando que uma instrução foi executada com êxito.</p>
+</li>
+<li>
+<p>Para verificar se o novo registro foi adicionado à tabela  <code>AMIGOS</code> , clique com o botão direito do mouse no nó da tabela  <code>AMIGOS</code>  na janela Serviços e escolha Exibir Dados.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>Quando você escolhe Exibir Dados, é gerada automaticamente no painel superior do Editor SQL uma consulta para selecionar todos os dados da tabela. Os resultados da instrução são exibidos no painel inferior do Editor de SQL. Nesse caso, a tabela  <code>AMIGOS</code>  é exibida no painel inferior. Observe que uma nova linha foi adicionada com os dados que você acabou de fornecer da instrução SQL.</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-record.png" alt="new record">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_usando_o_editor_sql_2">Usando o Editor SQL</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Clique com o botão direito no nó da tabela  <code>AMIGOS</code>  e escolha Exibir Dados (se não tiver feito isso na última etapa da seção anterior).</p>
+</li>
+<li>
+<p>Clique no botão Inserir Registro(s) ( <code>Alt-I</code> ) para adicionar uma linha.
+A caixa de diálogo Inserir Registros aparece.</p>
+</li>
+<li>
+<p>Clique em cada célula e insira registros. Observe que para células com tipo de dados Data, é possível escolher uma data do calendário. Clique em OK quando tiver acabado.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/insert-records.png" alt="insert records">
+</div>
+</div>
+<div class="paragraph">
+<p>No Editor SQL, é possível ordenar os resultados clicando na linha de cabeçalho, modifique e delete registros existentes e veja o script SQL para ações que estão sendo feitas no editor (o comando Exibir Script SQL do menu pop-up).</p>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_deletando_tabelas">Deletando Tabelas</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Na etapa a seguir, use um script SQL externo para criar uma nova tabela  <code>COLEGAS</code> . Entretanto, uma tabela  <code>COLEGAS</code>  acabou de ser criada na seção <a href="#sqlEditor">Utilizando o Editor SQL</a> acima. Para deixar claro que o script SQL realmente cria uma nova tabela, você pode deletar a tabela  <code>COLEGAS</code>  já criada agora. Para deletar uma tabela do banco de dados execute as seguintes etapas.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Expanda o nó Tabelas no nó de conexão do banco de dados na janela Serviços.</p>
+</li>
+<li>
+<p>Clique com o botão direito do mouse na tabela que você deseja deletar e escolha Deletar.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_usando_um_script_sql_externo">Usando um Script SQL Externo</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>A emissão de comandos de um script SQL externo é uma forma popular de gerenciar o banco de dados. É possível já ter sido criado um script SQL em outro lugar, e deseja importá-lo para o NetBeans IDE para executá-lo em um banco de dados específico.</p>
+</div>
+<div class="paragraph">
+<p>Neste exercício, o script criará uma nova tabela denominada  <code>COLEGAS</code>  e a preencherá com dados. Execute as seguintes etapas para executar o script no banco de dados  <code>contato</code> .</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Faça download de <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> em seu sistema local</p>
+</li>
+<li>
+<p>Escolha Arquivo &gt; Abrir Arquivo no menu principal do IDE. No browser de arquivos, vá até o local do arquivo  <code>colleagues.sql</code>  salvo e clique em Abrir. O script se abre automaticamente no Editor SQL.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>Se preferir, copie o conteúdo de <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> e, depois abra o editor SQL e cole o conteúdo do arquivo no editor SQL.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Certifique-se que sua conexão com  <code>BD de Contato</code>  esteja selecionada na caixa drop-down Conexão na barra de ferramentas na parte superior do editor.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/conn-drop-down.png" alt="conn drop down">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Clique no botão Executar SQL (image::images/run-sql-button.png[]) na barra de tarefas do Editor SQL. O script é executado no banco de dados selecionado e qualquer feedback é gerado na janela de Saída.</p>
+</li>
+<li>
+<p>Para verificar as alterações, clique com o botão direito no nó de conexão  <code>BD de Contato </code>  na janela Serviços e escolha Atualizar. Observe que a nova tabela  <code>COLEGAS</code>  do script SQL agora é exibida como um nó de tabela em  <code>contact</code>  na janela Serviços.</p>
+</li>
+<li>
+<p>Para exibir os dados contidos nas novas tabelas, clique com o botão direito na tabela  <code>COLEGAS</code>  e escolha Exibir Dados. Dessa maneira, você também pode comparar os dados tabulares com os dados contidos no script SQL para ver se eles coincidem.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_recriando_tabelas_de_um_banco_de_dados_diferente">Recriando Tabelas de um Banco de Dados Diferente</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Se você tiver uma tabela de outro banco de dados que deseja recriar no banco de dados em que está trabalhando do NetBeans IDE, o IDE oferece uma ferramenta útil para isso. É necessário primeiro registrar o segundo banco de dados no IDE, de forma similar à que foi descrita no início deste tutorial. Para a finalidade deste tutorial, use o banco de dados de  <code>amostra</code>  incluído com o Java DB. Esse processo é realizado essencialmente em duas partes: primeiro você 'captura' a de [...]
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Estabeleça conexão com o banco de dados de  <code>amostra</code>  clicando com o botão direito no nó de conexão nos Bancos de Dados na janela Serviços e escolhendo Conectar (o usuário e a senha é  <code>app</code> ).</p>
+</li>
+<li>
+<p>Expanda o nó das Tabelas na conexão do banco de dados  <code>amostra</code> , clique com o botão direito do mouse na tabela  <code>CLIENTE</code>  e escolha Obter Estrutura.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/grab-structure.png" alt="grab structure">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Na caixa de diálogo Obter Tabela exibida, especifique um local no computador para salvar o arquivo obtido que será criado. Clique em Salvar.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>O arquivo obtido registra a definição de tabela da tabela selecionada.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Expanda o nó do esquema APP na conexão do banco de dados  <code>BD de Contato</code> , clique no nó Tabelas e escolha Recriar Tabela para abrir a caixa de diálogo Recriar Tabela.</p>
+</li>
+<li>
+<p>Na caixa de diálogo Recriar Tabela, navegue até o local no qual você salvou o arquivo de obtenção  <code>CLIENTE</code>  e clique em Abrir para abrir a caixa de diálogo Nome da Tabela.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/recreate-table.png" alt="recreate table">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>Neste ponto, é possível alterar o nome da tabela ou editar a definição da tabela. Do contrário, clique em OK para criar imediatamente a tabela no banco de dados  <code>contact</code> . Um novo nó de tabela  <code>CLIENTE</code>  é exibido abaixo do nó de conexão BD de  <code>Contato</code> .</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-customer-node.png" alt="new customer node">
+</div>
+</div>
+<div class="paragraph">
+<p>Se você exibir os dados na nova tabela  <code>CLIENTE</code>  você verá que não há registros no banco de dados, mas que a estrutura da tabela é idêntica à tabela que você obteve.</p>
+</div>
+<div class="paragraph">
+<p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">Envie-nos Seu Feedback</a></p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_consulte_também">Consulte Também</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Isto conclui o tutorial Trabalho com o Banco de Dados Java DB (Derby). Este tutorial demonstrou como configurar uma conexão com o banco de dados Java DB no NetBeans IDE. Em seguida, ele demonstrou como criar, exibir, modificar e deletar tabelas na janela Serviços do IDE. Ele também exibiu como trabalhar com o Editor SQL para adicionar dados em tabelas e usar a funcionalidade do IDE permitindo que você recriasse tabelas usando definições de outros bancos de dados.</p>
+</div>
+<div class="paragraph">
+<p>Para tutoriais relacionados e mais avançados, consulte os seguintes recursos:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="mysql.html">Estabelecendo Conexão com um Banco de Dados MySQL</a>. Demonstra como configurar um banco de dados MySQL e conectar-se a ele no NetBeans IDE.</p>
+</li>
+<li>
+<p><a href="../web/mysql-webapp.html">Criando uma Aplicação Web Simples Usando um Banco de Dados MySQL</a>. Demonstra como criar uma aplicação Web simples que se conecta com um servidor de banco de dados MySQL.</p>
+</li>
+<li>
+<p><a href="http://platform.netbeans.org/tutorials/nbm-crud.html">Tutorial da Aplicação CRUD da Plataforma do NetBeans.</a> Demonstra como integrar um banco de dados Java DB com uma aplicação da Plataforma do NetBeans.</p>
+</li>
+</ul>
+</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/java-db_ru.html b/content/kb/docs/ide/java-db_ru.html
index d680b53..26c1ff4 100644
--- a/content/kb/docs/ide/java-db_ru.html
+++ b/content/kb/docs/ide/java-db_ru.html
@@ -104,8 +104,19 @@
 <li><a href="#_Создание_таблиц">Создание таблиц</a>
 <ul class="sectlevel2">
 <li><a href="#_Использование_диалогового_окна_Создание_таблицы">Использование диалогового окна "Создание таблицы"</a></li>
+<li><a href="#_Использование_редактора_sql">Использование редактора SQL</a></li>
 </ul>
 </li>
+<li><a href="#_Добавление_данных_в_таблицу">Добавление данных в таблицу</a>
+<ul class="sectlevel2">
+<li><a href="#_Выполнение_оператора_sql">Выполнение оператора SQL</a></li>
+<li><a href="#_Использование_редактора_sql_2">Использование редактора SQL</a></li>
+</ul>
+</li>
+<li><a href="#_Удаление_таблиц">Удаление таблиц</a></li>
+<li><a href="#_Использование_внешнего_сценария_sql">Использование внешнего сценария SQL</a></li>
+<li><a href="#_Восстановление_таблиц_из_различных_баз_данных">Восстановление таблиц из различных баз данных</a></li>
+<li><a href="#_Дополнительные_сведения">Дополнительные сведения</a></li>
 </ul>
 </div>
 <div id="preamble">
@@ -318,7 +329,7 @@ image::images/javadb-createdb.png[]</p>
 <p><strong>Примечание.</strong> Также отобразится соединение с базой данных <code>образец [app on APP]</code>, которое является схемой базы данных по умолчанию.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Щелкните правой кнопкой мыши узел подключения к базе данных <strong>контактов</strong> ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ) и выберите команду "Подключить".</p>
 </li>
@@ -366,138 +377,393 @@ image::images/javadb-createdb.png[]</p>
 <p>В поле "Имя столбца" введите  <code>id</code> . В поле "Тип данных" выберите элемент  <code>INTEGER</code>  в раскрывающемся списке.</p>
 </li>
 <li>
-<p>При определенных обстоятельствах может потребоваться установить флажок "Первичный ключ" для указания того, что данный столбец является первичным ключом для таблицы. Все таблицы, созданные в реляционных базах данных, должны содержать первичный ключ. Обратите внимание, что при выборе флажка "Первичный ключ" выполняется автоматическая установка флажков "Индекс" и "Уникальный", а флажок "Значение отсутствует" при этом снимается. Это объясняется тем, что первичные ключи используются для оп [...]
-image::images/add-column.png[]</p>
+<p>При определенных обстоятельствах может потребоваться установить флажок "Первичный ключ" для указания того, что данный столбец является первичным ключом для таблицы. Все таблицы, созданные в реляционных базах данных, должны содержать первичный ключ. Обратите внимание, что при выборе флажка "Первичный ключ" выполняется автоматическая установка флажков "Индекс" и "Уникальный", а флажок "Значение отсутствует" при этом снимается. Это объясняется тем, что первичные ключи используются для оп [...]
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column.png" alt="add column">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>Теперь повторите эту процедуру, определив поля, как показано на таблице ниже.</p>
 </li>
+</ol>
+</div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2858%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Ключ</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Индекс</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Значение отсутствует</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Уникальный</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Имя таблицы</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Тип данных</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Размер</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">идентификатор</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">INTEGER</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">0</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">firstName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">lastName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">nickName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">30</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[установлен]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">friendSince</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">DATE</p></td>
+</tr>
+</tbody>
+</table>
+<div class="paragraph">
+<p>В создаваемой таблице  <code>FRIENDS</code>  для каждой записи контакта содержатся следующие данные:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>имя;</strong></p>
+</li>
 <li>
-<p>|===</p>
+<p><strong>фамилия;</strong></p>
+</li>
+<li>
+<p><strong>псевдоним;</strong></p>
+</li>
+<li>
+<p><strong>дата включения в список контактов;</strong></p>
+</li>
+<li>
+<p><strong>адрес электронной почты.</strong>
+image::images/create-table-friends.png[]
+9.
+Если диалоговое окно "Создание таблицы" содержит значения, идентичные вышеописанным, нажмите кнопку "ОК". В IDE создается таблица  <code>FRIENDS</code>  в базе данных и отображается новый узел таблицы  <code>FRIENDS</code>  (image::images/table-node.png[]) ниже узла 'Таблицы'. Под узлом таблицы перечислены столбцы (поля), начиная с первичного ключа (image::images/primary-key-icon.png[]).</p>
+</li>
+</ul>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/friends-table.png" alt="friends table">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_Использование_редактора_sql">Использование редактора SQL</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>В окне 'Службы' либо щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  или узел 'Таблицы' под ним и выберите пункт 'Выполнить команду'. В главном окне редактора SQL отобразится пустой холст.</p>
+</li>
+<li>
+<p>Введите в редактор SQL запрос, как описывается ниже. Определение создаваемой таблицы COLLEAGUES:</p>
 </li>
 </ol>
 </div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE "COLLEAGUES" (
+    "ID" INTEGER not null primary key,
+    "FIRSTNAME" VARCHAR(30),
+    "LASTNAME" VARCHAR(30),
+    "TITLE" VARCHAR(10),
+    "DEPARTMENT" VARCHAR(20),
+    "EMAIL" VARCHAR(60)
+);</code></pre>
+</div>
+</div>
 <div class="paragraph">
-<p>|Ключ |Индекс |Значение отсутствует |Уникальный |Имя таблицы |Тип данных |Размер</p>
+<p>*Примечание * Операторы и запросы, сформированные в редакторе SQL, анализируются в соответствии с нормами языка структурированных запросов (Structured Query Language, SQL). Для SQL характерны строгие синтаксические правила, применяемые также при работе с редактором среды IDE. Синтаксис SQL также может быть различаться в зависимости от системы управления базами данных. Дополнительные сведения приведены в <a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">С [...]
 </div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Нажмите кнопку 'Выполнить SQL' (image::images/run-sql-button.png[]) на панели задач в верхней части редактора (Ctrl-Shift-E) для выполнения запроса. В окне "Вывод" (CTRL+4) будет выведено сообщение об успешном выполнении оператора.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-query.png" alt="run query">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Для проверки изменений щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  в окне 'Службы' и выберите 'Обновить'. В результате этого действия будет произведено обновление компонента пользовательского интерфейса среды выполнения до текущего состояния указанной базы данных. Этот шаг необходим при запуске запросов из редактора SQL в IDE NetBeans. Обратите внимание, что новый зузел таблицы COLLEAGUES (image::images/table-node.png[]) теперь отображается ниже 'Таблицы' в [...]
+</li>
+</ol>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_Добавление_данных_в_таблицу">Добавление данных в таблицу</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[установлен] |[установлен] |[установлен] |идентификатор |INTEGER |0</p>
+<p>После того, когда в базе данных  <code>contact</code>  уже создана одна или несколько таблиц, можно начинать заполнять их данными. Существует несколько способов добавления записей в таблицу:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="#sqlstatement">Запишите в редакторе SQL оператор SQL</a>, который предоставляет значение для каждого поля в схеме таблицы.</p>
+</li>
+<li>
+<p><a href="#usesqleditor">Используйте редактор SQL</a> для добавления записей в таблицу.</p>
+</li>
+<li>
+<p><a href="#using">Используйте внешний сценарий SQL</a> для импорта записей в таблицу.</p>
+</li>
+</ul>
 </div>
 <div class="paragraph">
-<p>|[установлен] |firstName |VARCHAR |20</p>
+<p>Для получения сведений об использовании всех описанных методов заполнения таблицы  <code> FRIENDS</code>  данными обратитесь к указанным ниже разделам.</p>
+</div>
+<div class="sect2">
+<h3 id="_Выполнение_оператора_sql">Выполнение оператора SQL</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Разверните 'Таблицы' под узлом  <code>Contact DB</code>  в окне 'Службы', щелкните правой кнопкой мыши таблицу  <code>FRIENDS</code>  и выберите 'Выполнить команду', чтобы открыть окно редактора SQL.</p>
+</li>
+<li>
+<p>Введите в окне редактора SQL следующий оператор:</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','tbag@foxriver.com')</code></pre>
+</div>
 </div>
 <div class="paragraph">
-<p>|[установлен] |lastName |VARCHAR |20</p>
+<p>При вводе можно использовать функцию автозавершения кода редактора SQL.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Щелкните правой кнопкой мыши в пространстве внутри редактора SQL и выберите команду "Выполнить оператор". В окне "Вывод" появится сообщение об успешном выполнении оператора.</p>
+</li>
+<li>
+<p>Чтобы убедиться, что новая запись была добавлена к таблице  <code>FRIENDS</code>  щелкните правой кнопкой мыши узел таблицы  <code>FRIENDS</code>  в окне 'Службы' и выберите 'Просмотреть данные'.</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
-<p>|[установлен] |nickName |VARCHAR |30</p>
+<p>При выборе команды "Просмотреть данные" на верхней панели редактора SQL автоматически создается запрос на выбор всех данных таблицы. На нижней панели редактора SQL выводятся выходные данные оператора. В этом случае таблица  <code>FRIENDS</code>  будет отображена на нижней панели. Обратите внимание, что новая строка была добавлена с данными, предоставленными в операторе SQL.</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-record.png" alt="new record">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_Использование_редактора_sql_2">Использование редактора SQL</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Щелкните правой кнопкой мыши узел таблицы  <code>FRIENDS</code>  и выберите "Просмотреть данные" (если просмотр не был выполнен в последнем действии предыдущего раздела).</p>
+</li>
+<li>
+<p>Нажмите кнопку "Вставить записи" ( <code>ALT+I</code> ) для добавления строки.
+Появится диалоговое окно "Вставить записи".</p>
+</li>
+<li>
+<p>Щелкните каждую ячейку и введите записи. Обратите внимание, что для ячеек с типом данных срока можно выбрать дату из календаря. Нажмите кнопку "ОК" после выполнения действия.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/insert-records.png" alt="insert records">
+</div>
 </div>
 <div class="paragraph">
-<p>|[установлен] |friendSince |DATE |0</p>
+<p>В редакторе SQL можно отсортировать результаты, щелкнув заголовок строки, изменить и удалить существующие записи, а также просмотреть сценарий SQL для действий, выполняемых в редакторе (команда "Показать сценарий SQL" во всплывающем меню).</p>
 </div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_Удаление_таблиц">Удаление таблиц</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[установлен] |эл. почта |VARCHAR |60</p>
+<p>В следующем действии потребуется использование внешнего сценария SQL для создания новой таблицы  <code>COLLEAGUES</code> . При этом в предыдущем действии раздела  <code>Использование редактора SQL</code>  уже была создана таблица <a href="#sqlEditor">COLLEAGUES</a>. Чтобы убедиться в возможности создавать новые таблицы при помощи сценария SQL, можно удалить существующую таблицу  <code>COLLEAGUES</code> . Для удаления таблицы баз данных выполните следующие действия:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">В создаваемой таблице  <code>FRIENDS</code>  для каждой записи контакта содержатся следующие данные:</p>
-<p class="tableblock">* <strong>имя;</strong>
-* <strong>фамилия;</strong>
-* <strong>псевдоним;</strong>
-* <strong>дата включения в список контактов;</strong>
-* <strong>адрес электронной почты.</strong>
-image::images/create-table-friends.png[]
-9.
-Если диалоговое окно "Создание таблицы" содержит значения, идентичные вышеописанным, нажмите кнопку "ОК". В IDE создается таблица  <code>FRIENDS</code>  в базе данных и отображается новый узел таблицы  <code>FRIENDS</code>  (image::images/table-node.png[]) ниже узла 'Таблицы'. Под узлом таблицы перечислены столбцы (поля), начиная с первичного ключа (image::images/primary-key-icon.png[]).</p>
-<p class="tableblock">image::images/friends-table.png[]</p>
-<p class="tableblock">=== Использование редактора SQL</p>
-<p class="tableblock">1. В окне 'Службы' либо щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  или узел 'Таблицы' под ним и выберите пункт 'Выполнить команду'. В главном окне редактора SQL отобразится пустой холст.
-2. Введите в редактор SQL запрос, как описывается ниже. Определение создаваемой таблицы COLLEAGUES:</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">CREATE TABLE "COLLEAGUES" (
-    "ID" INTEGER not null primary key,
-    "FIRSTNAME" VARCHAR(30),
-    "LASTNAME" VARCHAR(30),
-    "TITLE" VARCHAR(10),
-    "DEPARTMENT" VARCHAR(20),
-    "EMAIL" VARCHAR(60)
-);
-----</p>
-<p class="tableblock">*Примечание * Операторы и запросы, сформированные в редакторе SQL, анализируются в соответствии с нормами языка структурированных запросов (Structured Query Language, SQL). Для SQL характерны строгие синтаксические правила, применяемые также при работе с редактором среды IDE. Синтаксис SQL также может быть различаться в зависимости от системы управления базами данных. Дополнительные сведения приведены в <a href="http://www.oracle.com/technetwork/java/javadb/document [...]
-<p class="tableblock">3. Нажмите кнопку 'Выполнить SQL' (image::images/run-sql-button.png[]) на панели задач в верхней части редактора (Ctrl-Shift-E) для выполнения запроса. В окне "Вывод" (CTRL+4) будет выведено сообщение об успешном выполнении оператора.
-image::images/run-query.png[]
-4. Для проверки изменений щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  в окне 'Службы' и выберите 'Обновить'. В результате этого действия будет произведено обновление компонента пользовательского интерфейса среды выполнения до текущего состояния указанной базы данных. Этот шаг необходим при запуске запросов из редактора SQL в IDE NetBeans. Обратите внимание, что новый зузел таблицы COLLEAGUES (image::images/table-node.png[]) теперь отображается ниже 'Таблицы' в [...]
-<p class="tableblock">== Добавление данных в таблицу</p>
-<p class="tableblock">После того, когда в базе данных  <code>contact</code>  уже создана одна или несколько таблиц, можно начинать заполнять их данными. Существует несколько способов добавления записей в таблицу:</p>
-<p class="tableblock">* <a href="#sqlstatement">Запишите в редакторе SQL оператор SQL</a>, который предоставляет значение для каждого поля в схеме таблицы.
-* <a href="#usesqleditor">Используйте редактор SQL</a> для добавления записей в таблицу.
-* <a href="#using">Используйте внешний сценарий SQL</a> для импорта записей в таблицу.</p>
-<p class="tableblock">Для получения сведений об использовании всех описанных методов заполнения таблицы  <code> FRIENDS</code>  данными обратитесь к указанным ниже разделам.</p>
-<p class="tableblock">=== Выполнение оператора SQL</p>
-<p class="tableblock">1. Разверните 'Таблицы' под узлом  <code>Contact DB</code>  в окне 'Службы', щелкните правой кнопкой мыши таблицу  <code>FRIENDS</code>  и выберите 'Выполнить команду', чтобы открыть окно редактора SQL.
-2. Введите в окне редактора SQL следующий оператор:</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','<a href="mailto:tbag@foxriver.com">tbag@foxriver.com</a>')
-----</p>
-<p class="tableblock">При вводе можно использовать функцию автозавершения кода редактора SQL.</p>
-<p class="tableblock">3. Щелкните правой кнопкой мыши в пространстве внутри редактора SQL и выберите команду "Выполнить оператор". В окне "Вывод" появится сообщение об успешном выполнении оператора.
-4. Чтобы убедиться, что новая запись была добавлена к таблице  <code>FRIENDS</code>  щелкните правой кнопкой мыши узел таблицы  <code>FRIENDS</code>  в окне 'Службы' и выберите 'Просмотреть данные'.</p>
-<p class="tableblock">При выборе команды "Просмотреть данные" на верхней панели редактора SQL автоматически создается запрос на выбор всех данных таблицы. На нижней панели редактора SQL выводятся выходные данные оператора. В этом случае таблица  <code>FRIENDS</code>  будет отображена на нижней панели. Обратите внимание, что новая строка была добавлена с данными, предоставленными в операторе SQL.</p>
-<p class="tableblock">image::images/new-record.png[]</p>
-<p class="tableblock">=== Использование редактора SQL</p>
-<p class="tableblock">1. Щелкните правой кнопкой мыши узел таблицы  <code>FRIENDS</code>  и выберите "Просмотреть данные" (если просмотр не был выполнен в последнем действии предыдущего раздела).
-2. Нажмите кнопку "Вставить записи" ( <code>ALT+I</code> ) для добавления строки.
-Появится диалоговое окно "Вставить записи".
-3. Щелкните каждую ячейку и введите записи. Обратите внимание, что для ячеек с типом данных срока можно выбрать дату из календаря. Нажмите кнопку "ОК" после выполнения действия.
-image::images/insert-records.png[]
-В редакторе SQL можно отсортировать результаты, щелкнув заголовок строки, изменить и удалить существующие записи, а также просмотреть сценарий SQL для действий, выполняемых в редакторе (команда "Показать сценарий SQL" во всплывающем меню).</p>
-<p class="tableblock">==  Удаление таблиц</p>
-<p class="tableblock">В следующем действии потребуется использование внешнего сценария SQL для создания новой таблицы  <code>COLLEAGUES</code> . При этом в предыдущем действии раздела  <code>Использование редактора SQL</code>  уже была создана таблица <a href="#sqlEditor">COLLEAGUES</a>. Чтобы убедиться в возможности создавать новые таблицы при помощи сценария SQL, можно удалить существующую таблицу  <code>COLLEAGUES</code> . Для удаления таблицы баз данных выполните следующие действия:</p>
-<p class="tableblock">1. Разверните узел 'Таблицы' под узлом соединения с базой данных в окне 'Службы'.
-2. Щелкните правой кнопкой мыши таблицу, которую необходимо удалить, и выберите команду "Удалить".</p>
-<p class="tableblock">== Использование внешнего сценария SQL</p>
-<p class="tableblock">Ввод команд из внешнего сценария SQL является распространенным способом управления базой данных. Возможно, сценарий SQL уже создан в другом местоположении и требуется выполнить его импорт в IDE NetBeans для запуска в указанной базе данных.</p>
-<p class="tableblock">В этом упражнении сценарий создаст новую таблицу с именем  <code>COLLEAGUES</code>  и заполнит ее данными. Произведите следующие действия, чтобы запустить сценарий в базе данных  <code>контактов</code> .</p>
-<p class="tableblock">1. Загрузите <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> в локальную систему.
-2. В главном меню среды IDE выберите "Файл" &gt; "Открыть". В браузере файлов перейдите к месту хранения файла  <code>colleagues.sql</code>  и нажмите "Открыть". Сценарий автоматически откроется в редакторе SQL.</p>
-<p class="tableblock">В качестве альтернативы вы можете скопировать содержимое <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>, а затем открыть редактор SQL и вставить содержимое файла в редактор SQL.</p>
-<p class="tableblock">3. Убедитесь, что подключение к базе данных  <code>Contact DB</code>  в раскрывающемся списке "Подключение" на панели инструментов в верхней части редактора выбрано.
-image::images/conn-drop-down.png[]
-4. Нажмите кнопку 'Выполнить SQL' (image::images/run-sql-button.png[]) на панели инструментов редактора SQL. Сценарий будет выполнен для выбранной базы данных, возвращаемые данные будут выведены в окне "Вывод".
-5. Для проверки изменений щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  в окне 'Службы' и выберите 'Обновить'. Обратите внимание, что новая таблица  <code>COLLEAGUES</code>  сценария SQL теперь отображена в виде узла таблицы  <code>contact</code>  в окне "Службы".
-6. Для просмотра данных. содержащихся в новой таблице, щелкните правой кнопкой мыши таблицу  <code>COLLEAGUES</code>  и выберите 'Просмотреть данные'. Таким образом можно сравнить данные в таблицах с данными сценария SQL, чтобы убедиться в их соответствии.</p>
-<p class="tableblock">==  Восстановление таблиц из различных баз данных</p>
-<p class="tableblock">При наличии таблицы из другой базы данных, которую необходимо повторно создать в базе данных, с которой пользователь работает из IDE NetBeans, среда IDE обеспечивает для этой задачи удобный инструмент. Для начала потребуется наличие второй базы данных, зарегистрированной в среде IDE, как описывается в начале учебного курса. Для работы в рамках данного учебного курса используйте  <code>пример</code>  базы данных, входящий в пакет Java DB. Этот процесс выполняется в д [...]
-<p class="tableblock">1. Подключитесь к базе данных  <code>sample</code>  щелкнув правой кнопкой мыши узел подключения под узлом 'Базы данных' в окне 'Службы' и выберите 'Подключение' (имя пользователя и пароль:  <code>app</code> ).
-2.
-Разверните узел 'Таблицы' под подключением к базе данных  <code>sample</code> , щелкните правой кнопкой мыши узел таблицы  <code>CUSTOMER</code>  и выберите 'Копировать структуру'.</p>
-<p class="tableblock">image::images/grab-structure.png[]
-3. В открывшемся диалоговом окне "Сохранение таблицы" укажите путь для сохранения создаваемого файла захвата на компьютере. Нажмите кнопку "Сохранить".</p>
-<p class="tableblock">Определение выбранной таблицы будет записано в файл захвата.</p>
-<p class="tableblock">4. Разверните узел схемы APP в подключении к базе данных  <code>Contact DB</code> , щелкните правой кнопкой мыши узел 'Таблицы' и выберите 'Повторно создайте таблицу', чтобы открыть открыть диалоговое окно 'Повторно создайте таблицу'.
-5.
-В открывшемся диалоговом окне "Восстановление таблицы" перейдите по пути хранения файла захвата  <code>CUSTOMER</code> , скопируйте файл и нажмите кнопку "Открыть", чтобы открыть диалоговое окно 'Именование таблицы'.</p>
-<p class="tableblock">image::images/recreate-table.png[]
-6.
-В выведенном окне можно изменить имя таблицы или отредактировать ее определение. Для немедленного создания таблицы в базе данных  <code>contact</code>  нажмите кнопку "ОК". Узел таблицы  <code>CUSTOMER</code>  отобразится под узлом подключения к базе данных  <code>Contact DB</code> .</p>
-<p class="tableblock">image::images/new-customer-node.png[]</p>
-<p class="tableblock">Если просмотреть данные в новой таблице  <code>CUSTOMER</code> , то будет видно, что в базе данных отсутствуют записи, но структура таблицы совпадает с скопированной таблицей.</p>
-<p class="tableblock"><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">Мы ждем ваших отзывов</a></p>
-<p class="tableblock">== Дополнительные сведения</p>
-<p class="tableblock">Это заключительный раздел учебного курса по работе с базой данных Java DB (Derby). В этом учебном курсе описывается настройка соединения с базой данных DB Java в IDE NetBeans. Также были описаны способы создания, просмотра, изменения и удаления таблиц в окне "Службы" среды IDE. Кроме того, были представлены методы работы с редактором SQL для добавления данных в таблицы и использование возможностей среды IDE для восстановления таблиц при помощи определений из других  [...]
-<p class="tableblock">Более подробные учебные курсы представлены на следующих ресурсах:</p>
-<p class="tableblock">* <a href="mysql.html">Подключение к базе данных MySQL</a>. Описывается настройка и подключение к базе данных MySQL в IDE NetBeans.
-* <a href="../web/mysql-webapp.html">Создание простого веб-приложения, использующего базу данных MySQL</a>. Демонстрируется способ создания простого веб-приложения, устанавливающего подключение к серверу базы данных MySQL.
-* <a href="http://platform.netbeans.org/tutorials/nbm-crud.html">Учебный курс по приложению CRUD для платформы NetBeans.</a> В этом учебном курсе демонстрируется способ интеграции базы данных Java DB в приложение, работающее на платформе NetBeans.</p></td>
-</tr>
-</tbody>
-</table>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Разверните узел 'Таблицы' под узлом соединения с базой данных в окне 'Службы'.</p>
+</li>
+<li>
+<p>Щелкните правой кнопкой мыши таблицу, которую необходимо удалить, и выберите команду "Удалить".</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_Использование_внешнего_сценария_sql">Использование внешнего сценария SQL</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Ввод команд из внешнего сценария SQL является распространенным способом управления базой данных. Возможно, сценарий SQL уже создан в другом местоположении и требуется выполнить его импорт в IDE NetBeans для запуска в указанной базе данных.</p>
+</div>
+<div class="paragraph">
+<p>В этом упражнении сценарий создаст новую таблицу с именем  <code>COLLEAGUES</code>  и заполнит ее данными. Произведите следующие действия, чтобы запустить сценарий в базе данных  <code>контактов</code> .</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Загрузите <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> в локальную систему.</p>
+</li>
+<li>
+<p>В главном меню среды IDE выберите "Файл" &gt; "Открыть". В браузере файлов перейдите к месту хранения файла  <code>colleagues.sql</code>  и нажмите "Открыть". Сценарий автоматически откроется в редакторе SQL.</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>В качестве альтернативы вы можете скопировать содержимое <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a>, а затем открыть редактор SQL и вставить содержимое файла в редактор SQL.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>Убедитесь, что подключение к базе данных  <code>Contact DB</code>  в раскрывающемся списке "Подключение" на панели инструментов в верхней части редактора выбрано.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/conn-drop-down.png" alt="conn drop down">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Нажмите кнопку 'Выполнить SQL' (image::images/run-sql-button.png[]) на панели инструментов редактора SQL. Сценарий будет выполнен для выбранной базы данных, возвращаемые данные будут выведены в окне "Вывод".</p>
+</li>
+<li>
+<p>Для проверки изменений щелкните правой кнопкой мыши узел подключения  <code>Contact DB</code>  в окне 'Службы' и выберите 'Обновить'. Обратите внимание, что новая таблица  <code>COLLEAGUES</code>  сценария SQL теперь отображена в виде узла таблицы  <code>contact</code>  в окне "Службы".</p>
+</li>
+<li>
+<p>Для просмотра данных. содержащихся в новой таблице, щелкните правой кнопкой мыши таблицу  <code>COLLEAGUES</code>  и выберите 'Просмотреть данные'. Таким образом можно сравнить данные в таблицах с данными сценария SQL, чтобы убедиться в их соответствии.</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_Восстановление_таблиц_из_различных_баз_данных">Восстановление таблиц из различных баз данных</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>При наличии таблицы из другой базы данных, которую необходимо повторно создать в базе данных, с которой пользователь работает из IDE NetBeans, среда IDE обеспечивает для этой задачи удобный инструмент. Для начала потребуется наличие второй базы данных, зарегистрированной в среде IDE, как описывается в начале учебного курса. Для работы в рамках данного учебного курса используйте  <code>пример</code>  базы данных, входящий в пакет Java DB. Этот процесс выполняется в два этапа: сначала н [...]
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Подключитесь к базе данных  <code>sample</code>  щелкнув правой кнопкой мыши узел подключения под узлом 'Базы данных' в окне 'Службы' и выберите 'Подключение' (имя пользователя и пароль:  <code>app</code> ).</p>
+</li>
+<li>
+<p>Разверните узел 'Таблицы' под подключением к базе данных  <code>sample</code> , щелкните правой кнопкой мыши узел таблицы  <code>CUSTOMER</code>  и выберите 'Копировать структуру'.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/grab-structure.png" alt="grab structure">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>В открывшемся диалоговом окне "Сохранение таблицы" укажите путь для сохранения создаваемого файла захвата на компьютере. Нажмите кнопку "Сохранить".</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>Определение выбранной таблицы будет записано в файл захвата.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Разверните узел схемы APP в подключении к базе данных  <code>Contact DB</code> , щелкните правой кнопкой мыши узел 'Таблицы' и выберите 'Повторно создайте таблицу', чтобы открыть открыть диалоговое окно 'Повторно создайте таблицу'.</p>
+</li>
+<li>
+<p>В открывшемся диалоговом окне "Восстановление таблицы" перейдите по пути хранения файла захвата  <code>CUSTOMER</code> , скопируйте файл и нажмите кнопку "Открыть", чтобы открыть диалоговое окно 'Именование таблицы'.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/recreate-table.png" alt="recreate table">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>В выведенном окне можно изменить имя таблицы или отредактировать ее определение. Для немедленного создания таблицы в базе данных  <code>contact</code>  нажмите кнопку "ОК". Узел таблицы  <code>CUSTOMER</code>  отобразится под узлом подключения к базе данных  <code>Contact DB</code> .</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-customer-node.png" alt="new customer node">
+</div>
+</div>
+<div class="paragraph">
+<p>Если просмотреть данные в новой таблице  <code>CUSTOMER</code> , то будет видно, что в базе данных отсутствуют записи, но структура таблицы совпадает с скопированной таблицей.</p>
+</div>
+<div class="paragraph">
+<p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">Мы ждем ваших отзывов</a></p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_Дополнительные_сведения">Дополнительные сведения</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Это заключительный раздел учебного курса по работе с базой данных Java DB (Derby). В этом учебном курсе описывается настройка соединения с базой данных DB Java в IDE NetBeans. Также были описаны способы создания, просмотра, изменения и удаления таблиц в окне "Службы" среды IDE. Кроме того, были представлены методы работы с редактором SQL для добавления данных в таблицы и использование возможностей среды IDE для восстановления таблиц при помощи определений из других баз данных.</p>
+</div>
+<div class="paragraph">
+<p>Более подробные учебные курсы представлены на следующих ресурсах:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="mysql.html">Подключение к базе данных MySQL</a>. Описывается настройка и подключение к базе данных MySQL в IDE NetBeans.</p>
+</li>
+<li>
+<p><a href="../web/mysql-webapp.html">Создание простого веб-приложения, использующего базу данных MySQL</a>. Демонстрируется способ создания простого веб-приложения, устанавливающего подключение к серверу базы данных MySQL.</p>
+</li>
+<li>
+<p><a href="http://platform.netbeans.org/tutorials/nbm-crud.html">Учебный курс по приложению CRUD для платформы NetBeans.</a> В этом учебном курсе демонстрируется способ интеграции базы данных Java DB в приложение, работающее на платформе NetBeans.</p>
+</li>
+</ul>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/java-db_zh_CN.html b/content/kb/docs/ide/java-db_zh_CN.html
index 2c28153..370408b 100644
--- a/content/kb/docs/ide/java-db_zh_CN.html
+++ b/content/kb/docs/ide/java-db_zh_CN.html
@@ -104,8 +104,19 @@
 <li><a href="#_创建表">创建表</a>
 <ul class="sectlevel2">
 <li><a href="#_使用_create_table_创建表_对话框">使用 "Create Table"(创建表)对话框</a></li>
+<li><a href="#_使用_sql_编辑器">使用 SQL 编辑器:</a></li>
 </ul>
 </li>
+<li><a href="#_添加表数据">添加表数据</a>
+<ul class="sectlevel2">
+<li><a href="#_运行_sql_语句">运行 SQL 语句</a></li>
+<li><a href="#_使用_sql_编辑器_2">使用 SQL 编辑器</a></li>
+</ul>
+</li>
+<li><a href="#_删除表">删除表</a></li>
+<li><a href="#_使用外部_sql_脚本">使用外部 SQL 脚本</a></li>
+<li><a href="#_重新创建来自其他数据库的表">重新创建来自其他数据库的表</a></li>
+<li><a href="#_另请参见">另请参见</a></li>
 </ul>
 </div>
 <div id="preamble">
@@ -318,15 +329,21 @@ image::images/javadb-createdb.png[]</p>
 <p>*注:*您还将看到作为默认数据库方案的 <code>sample [app on APP]</code> 数据库连接。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>右键单击 <strong>contact</strong> 数据库连接节点 ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ),然后选择 "Connect"(连接)。</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>"connection node"(连接节点)图标将完全显示出来 (image::images/connection-node-icon.png[]),这表示连接成功。
-3. 为数据库创建适当的显示名称,方法是右键单击数据库连接节点 ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ),然后选择 "Rename"(重命名)。在文本字段中键入  <code>Contact DB</code> ,然后单击 "OK"(确定)。</p>
+<p>"connection node"(连接节点)图标将完全显示出来 (image::images/connection-node-icon.png[]),这表示连接成功。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>为数据库创建适当的显示名称,方法是右键单击数据库连接节点 ( <code>jdbc:derby://localhost:1527/contact [nbuser on NBUSER]</code> ),然后选择 "Rename"(重命名)。在文本字段中键入  <code>Contact DB</code> ,然后单击 "OK"(确定)。</p>
+</li>
+</ol>
 </div>
 </div>
 </div>
@@ -372,132 +389,391 @@ image::images/add-column.png[]</p>
 <li>
 <p>接下来,重复执行此过程,以便指定下表中所示的字段:</p>
 </li>
+</ol>
+</div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2857%;">
+<col style="width: 14.2858%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Key(键)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Index(索引)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Null(空值)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Unique(唯一)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Column Name(列名)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Data Type(数据类型)</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Size(大小)</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">id</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">INTEGER</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">0</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">firstName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">lastName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">20</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">nickName</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">VARCHAR</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">30</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[选中]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">friendSince</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">DATE</p></td>
+</tr>
+</tbody>
+</table>
+<div class="paragraph">
+<p>您将创建一个名为  <code>FRIENDS</code>  的表,其中为每条联系人记录包含以下数据:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><strong>名字</strong></p>
+</li>
+<li>
+<p><strong>姓氏</strong></p>
+</li>
 <li>
-<p>|===</p>
+<p><strong>昵称</strong></p>
+</li>
+<li>
+<p><strong>交友开始日期</strong></p>
+</li>
+<li>
+<p><strong>电子邮件地址</strong></p>
+</li>
+</ul>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-friends.png" alt="create table friends">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="9">
+<li>
+<p>在确保 "Create Table"(创建表)对话框包含与上图所示相同的内容后,单击 "OK"(确定)。IDE 会在数据库中生成  <code>FRIENDS</code>  表,并且您可以看到 "Tables"(表)节点下显示一个新的  <code>FRIENDS</code>  表节点 (image::images/table-node.png[])。在表节点下将列出从主键 (image::images/primary-key-icon.png[]) 开始的各个列 (字段)。</p>
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/friends-table.png" alt="friends table">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_使用_sql_编辑器">使用 SQL 编辑器:</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>在 "Service"(服务)窗口中,右键单击  <code>Contact DB</code>  连接节点或该节点下的 "Tables"(表)节点,然后选择 "Execute Command"(执行命令)。会在 SQL 编辑器的主窗口中打开一个空画布。</p>
+</li>
+<li>
+<p>在 SQL 编辑器中输入以下查询。这是将要创建的 COLLEAGUES 表的表定义:</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE "COLLEAGUES" (
+    "ID" INTEGER not null primary key,
+    "FIRSTNAME" VARCHAR(30),
+    "LASTNAME" VARCHAR(30),
+    "TITLE" VARCHAR(10),
+    "DEPARTMENT" VARCHAR(20),
+    "EMAIL" VARCHAR(60)
+);</code></pre>
+</div>
+</div>
 <div class="paragraph">
-<p>|Key(键) |Index(索引) |Null(空值) |Unique(唯一) |Column Name(列名) |Data Type(数据类型) |Size(大小)</p>
+<p>*请注:*SQL 编辑器中形成的语句和查询将以结构化查询语言进行解析。SQL 遵循严格的语法规则,在 IDE 的编辑器中工作时应先熟悉一下这些规则。根据不同的数据库管理系统,SQL 语法也会有所不同。有关详细的准则,请参见《<a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">JavaDB 参考手册</a>》。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>单击编辑器顶部任务栏中的 "Run SQL"(运行 SQL)(image::images/run-sql-button.png[]) 按钮(Ctrl-Shift-E 组合键)以执行查询。在 "Output"(输出)窗口(Ctrl-4 组合键)中,将显示一条消息,指示已成功执行该语句。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-query.png" alt="run query">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>要验证更改,请在 "Services"(服务)窗口中右键单击  <code>Contact DB</code>  连接节点,然后选择 "Refresh"(刷新)。此操作会将运行时 UI 组件更新为指定数据库的当前状态。当从 NetBeans IDE 中的 SQL 编辑器运行查询时,必须执行此步骤。您会看到,现在新的 COLLEAGUES 表节点 (image::images/table-node.png[]) 显示在 "Services"(服务)窗口中的 "Tables"(表)下。</p>
+</li>
+</ol>
+</div>
 </div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_添加表数据">添加表数据</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[选中] |[选中] |[选中] |id |INTEGER |0</p>
+<p>现在,您已在  <code>contact</code>  数据库中创建了一个或多个表,接下来可以开始用数据填充表。您可以使用多种方法向表中添加记录。</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p>在 SQL 编辑器中<a href="#sqlstatement">编写 SQL 句</a>,为表方案中的每个字段提供值。</p>
+</li>
+<li>
+<p><a href="#usesqleditor">使用 SQL 编辑器</a>将记录添加到表中。</p>
+</li>
+<li>
+<p><a href="#using">使用外部 SQL 脚本</a>将记录导入到表中。</p>
+</li>
+</ul>
 </div>
 <div class="paragraph">
-<p>|[选中] |firstName |VARCHAR |20</p>
+<p>阅读下节,了解如何使用用数据填充  <code>FRIENDS</code>  表的所有方法。</p>
+</div>
+<div class="sect2">
+<h3 id="_运行_sql_语句">运行 SQL 语句</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>在 "Services"(服务)窗口中展开  <code>Contact DB</code>  节点下的 "Tables"(表),右键单击  <code>FRIENDS</code>  表,然后选择 "Execute Command"(执行命令)以打开 "SQL Editor"(SQL 编辑器)窗口。</p>
+</li>
+<li>
+<p>在 SQL 编辑器中,输入以下语句。</p>
+</li>
+</ol>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','tbag@foxriver.com')</code></pre>
+</div>
 </div>
 <div class="paragraph">
-<p>|[选中] |lastName |VARCHAR |20</p>
+<p>键入时可以使用 SQL 编辑器代码完成。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>在 SQL 编辑器中单击鼠标右键,然后选择 "Run Statement"(运行语句)。"Output"(输出)窗口将显示一条消息,指示已成功执行该语句。</p>
+</li>
+<li>
+<p>要验证是否已将新记录添加到  <code>FRIENDS</code>  表中,请在 "Services"(服务)窗口中右键单击  <code>FRIENDS</code>  表节点,然后选择 "View Data"(查看数据)。</p>
+</li>
+</ol>
 </div>
 <div class="paragraph">
-<p>|[选中] |nickName |VARCHAR |30</p>
+<p>选择 "View Data"(查看数据)时,在 SQL 编辑器的上方窗格中自动生成一个查询,用于选择表中的所有数据。在 SQL 编辑器的下方窗格中显示该语句的结果。在这种情况下, <code>FRIENDS</code>  表将显示在下方窗格中。请注意,已添加了一个新行,其中包含刚通过 SQL 语句提供的数据。</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-record.png" alt="new record">
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="_使用_sql_编辑器_2">使用 SQL 编辑器</h3>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>右键单击  <code>FRIENDS</code>  表节点并选择 "View Data"(查看数据)(如果在上一部分的最后一步中没有执行此操作)。</p>
+</li>
+<li>
+<p>单击 "Insert Record"(插入记录)( <code>Alt-I</code> ) 按钮以添加一行。
+即会显示 "Insert Record"(插入记录)对话框。</p>
+</li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>单击每个单元并输入记录。注意,对于“日期”数据类型的单元,可以从日历中选择一个日期。完成后单击 "OK"(确定)。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/insert-records.png" alt="insert records">
+</div>
 </div>
 <div class="paragraph">
-<p>|[选中] |friendSince |DATE |0</p>
+<p>在 SQL 编辑器中,可以通过单击行表头对结果进行排序、修改和删除现有记录,并查看编辑器中正在执行操作的 SQL 脚本(通过弹出式菜单显示 SQL 脚本命令)。</p>
+</div>
+</div>
+</div>
 </div>
+<div class="sect1">
+<h2 id="_删除表">删除表</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p>|[选中] |email |VARCHAR |60</p>
+<p>在下一步中,将使用外部 SQL 脚本创建一个新的  <code>COLLEAGUES</code>  表。但是,在上文的<a href="#sqlEditor">使用 SQL 编辑器</a>部分中刚创建了一个  <code>COLLEAGUES</code>  表。要确保 SQL 脚本确实创建一个新表,现在可以删除已创建的  <code>COLLEAGUES</code>  表。要删除数据库表,请执行以下步骤。</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 100%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">您将创建一个名为  <code>FRIENDS</code>  的表,其中为每条联系人记录包含以下数据:</p>
-<p class="tableblock">* <strong>名字</strong>
-* <strong>姓氏</strong>
-* <strong>昵称</strong>
-* <strong>交友开始日期</strong>
-* <strong>电子邮件地址</strong>
-image::images/create-table-friends.png[]
-9.
-在确保 "Create Table"(创建表)对话框包含与上图所示相同的内容后,单击 "OK"(确定)。IDE 会在数据库中生成  <code>FRIENDS</code>  表,并且您可以看到 "Tables"(表)节点下显示一个新的  <code>FRIENDS</code>  表节点 (image::images/table-node.png[])。在表节点下将列出从主键 (image::images/primary-key-icon.png[]) 开始的各个列 (字段)。</p>
-<p class="tableblock">image::images/friends-table.png[]</p>
-<p class="tableblock">=== 使用 SQL 编辑器:</p>
-<p class="tableblock">1. 在 "Service"(服务)窗口中,右键单击  <code>Contact DB</code>  连接节点或该节点下的 "Tables"(表)节点,然后选择 "Execute Command"(执行命令)。会在 SQL 编辑器的主窗口中打开一个空画布。
-2. 在 SQL 编辑器中输入以下查询。这是将要创建的 COLLEAGUES 表的表定义:</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">CREATE TABLE "COLLEAGUES" (
-    "ID" INTEGER not null primary key,
-    "FIRSTNAME" VARCHAR(30),
-    "LASTNAME" VARCHAR(30),
-    "TITLE" VARCHAR(10),
-    "DEPARTMENT" VARCHAR(20),
-    "EMAIL" VARCHAR(60)
-);
-----</p>
-<p class="tableblock">*请注:*SQL 编辑器中形成的语句和查询将以结构化查询语言进行解析。SQL 遵循严格的语法规则,在 IDE 的编辑器中工作时应先熟悉一下这些规则。根据不同的数据库管理系统,SQL 语法也会有所不同。有关详细的准则,请参见《<a href="http://www.oracle.com/technetwork/java/javadb/documentation/index.html">JavaDB 参考手册</a>》。</p>
-<p class="tableblock">3. 单击编辑器顶部任务栏中的 "Run SQL"(运行 SQL)(image::images/run-sql-button.png[]) 按钮(Ctrl-Shift-E 组合键)以执行查询。在 "Output"(输出)窗口(Ctrl-4 组合键)中,将显示一条消息,指示已成功执行该语句。
-image::images/run-query.png[]
-4. 要验证更改,请在 "Services"(服务)窗口中右键单击  <code>Contact DB</code>  连接节点,然后选择 "Refresh"(刷新)。此操作会将运行时 UI 组件更新为指定数据库的当前状态。当从 NetBeans IDE 中的 SQL 编辑器运行查询时,必须执行此步骤。您会看到,现在新的 COLLEAGUES 表节点 (image::images/table-node.png[]) 显示在 "Services"(服务)窗口中的 "Tables"(表)下。</p>
-<p class="tableblock">== 添加表数据</p>
-<p class="tableblock">现在,您已在  <code>contact</code>  数据库中创建了一个或多个表,接下来可以开始用数据填充表。您可以使用多种方法向表中添加记录。</p>
-<p class="tableblock">* 在 SQL 编辑器中<a href="#sqlstatement">编写 SQL 句</a>,为表方案中的每个字段提供值。
-* <a href="#usesqleditor">使用 SQL 编辑器</a>将记录添加到表中。
-* <a href="#using">使用外部 SQL 脚本</a>将记录导入到表中。</p>
-<p class="tableblock">阅读下节,了解如何使用用数据填充  <code>FRIENDS</code>  表的所有方法。</p>
-<p class="tableblock">=== 运行 SQL 语句</p>
-<p class="tableblock">1. 在 "Services"(服务)窗口中展开  <code>Contact DB</code>  节点下的 "Tables"(表),右键单击  <code>FRIENDS</code>  表,然后选择 "Execute Command"(执行命令)以打开 "SQL Editor"(SQL 编辑器)窗口。
-2. 在 SQL 编辑器中,输入以下语句。</p>
-<p class="tableblock">[source,java]
-----</p>
-<p class="tableblock">INSERT INTO APP.FRIENDS VALUES (1,'Theodore','Bagwell','T-Bag','2004-12-25','<a href="mailto:tbag@foxriver.com">tbag@foxriver.com</a>')
-----</p>
-<p class="tableblock">键入时可以使用 SQL 编辑器代码完成。</p>
-<p class="tableblock">3. 在 SQL 编辑器中单击鼠标右键,然后选择 "Run Statement"(运行语句)。"Output"(输出)窗口将显示一条消息,指示已成功执行该语句。
-4. 要验证是否已将新记录添加到  <code>FRIENDS</code>  表中,请在 "Services"(服务)窗口中右键单击  <code>FRIENDS</code>  表节点,然后选择 "View Data"(查看数据)。</p>
-<p class="tableblock">选择 "View Data"(查看数据)时,在 SQL 编辑器的上方窗格中自动生成一个查询,用于选择表中的所有数据。在 SQL 编辑器的下方窗格中显示该语句的结果。在这种情况下, <code>FRIENDS</code>  表将显示在下方窗格中。请注意,已添加了一个新行,其中包含刚通过 SQL 语句提供的数据。</p>
-<p class="tableblock">image::images/new-record.png[]</p>
-<p class="tableblock">=== 使用 SQL 编辑器</p>
-<p class="tableblock">1. 右键单击  <code>FRIENDS</code>  表节点并选择 "View Data"(查看数据)(如果在上一部分的最后一步中没有执行此操作)。
-2. 单击 "Insert Record"(插入记录)( <code>Alt-I</code> ) 按钮以添加一行。
-即会显示 "Insert Record"(插入记录)对话框。
-3. 单击每个单元并输入记录。注意,对于“日期”数据类型的单元,可以从日历中选择一个日期。完成后单击 "OK"(确定)。
-image::images/insert-records.png[]
-在 SQL 编辑器中,可以通过单击行表头对结果进行排序、修改和删除现有记录,并查看编辑器中正在执行操作的 SQL 脚本(通过弹出式菜单显示 SQL 脚本命令)。</p>
-<p class="tableblock">== 删除表</p>
-<p class="tableblock">在下一步中,将使用外部 SQL 脚本创建一个新的  <code>COLLEAGUES</code>  表。但是,在上文的<a href="#sqlEditor">使用 SQL 编辑器</a>部分中刚创建了一个  <code>COLLEAGUES</code>  表。要确保 SQL 脚本确实创建一个新表,现在可以删除已创建的  <code>COLLEAGUES</code>  表。要删除数据库表,请执行以下步骤。</p>
-<p class="tableblock">1. 在“服务”窗口中展开数据库连接节点下的“表”节点。
-2. 右键单击要删除的表,然后选择“删除”。</p>
-<p class="tableblock">== 使用外部 SQL 脚本</p>
-<p class="tableblock">从外部 SQL 脚本中发出命令是管理数据库的一种常用方式。您可能已在其他位置创建了 SQL 脚本,并希望将其导入到 NetBeans IDE 中,以对指定的数据库运行该脚本。</p>
-<p class="tableblock">在本练习中,该脚本将创建一个名为  <code>COLLEAGUES</code>  的新表,并使用数据填充它。执行以下步骤以在  <code>contact</code>  数据库中运行该脚本。</p>
-<p class="tableblock">1. 将 <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> 下载到本地系统
-2. 从 IDE 的主菜单中选择 "File"(文件)&gt; "Open"(打开)。在文件浏览器中,导航至  <code>colleagues.sql</code>  文件的保存位置,然后单击 "Open"(打开)。将自动在 SQL 编辑器中打开该脚本。</p>
-<p class="tableblock">或者,也可以复制 <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> 的内容,打开 SQL 编辑器,然后将该文件的内容粘贴到 SQL 编辑器。</p>
-<p class="tableblock">3. 确保从编辑器顶部工具栏的 "Connection"(连接)下拉框中选择了连接到  <code>Contact DB</code> 。
-image::images/conn-drop-down.png[]
-4. 单击 "SQL Editor"(SQL 编辑器)任务栏中的 "Run SQL"(运行 SQL)(image::images/run-sql-button.png[]) 按钮。将对选定的数据库执行该脚本,并在 "Output"(输出)窗口中生成任何反馈。
-5. 要验证更改,请在 "Services"(服务)窗口中右键单击  <code>Contact DB</code>  连接节点,然后选择 "Refresh"(刷新)。请注意,在 "Services"(服务)窗口中的  <code>contact</code>  下面将显示通过 SQL 脚本创建的新  <code>COLLEAGUES</code>  表的表节点。
-6. 要查看新表中包含的数据,请右键单击  <code>COLLEAGUES</code>  表并选择 "View Data"(查看数据)。通过这种方法,还可以将表格数据与 SQL 脚本中包含的数据进行比较,以查看它们是否匹配。</p>
-<p class="tableblock">== 重新创建来自其他数据库的表</p>
-<p class="tableblock">如果您有一个来自其他数据库的表,并希望通过 NetBeans IDE 在所使用的数据库中重新创建该表,IDE 为此提供了非常方便的工具。首先,需要在 IDE 中注册第二个数据库,其过程与本教程开始部分描述的过程类似。就本教程而言,请使用与 Java DB 一起打包的  <code>sample</code>  数据库。此过程实质上分两部分执行:首先“抓取”选定表的表定义,然后在选择的数据库中重新创建该表,具体操作如下所示:</p>
-<p class="tableblock">1. 连接至  <code>sample</code>  数据库,方法是:在 "Services"(服务)窗口中右键单击 "Databases"(数据库)节点下的连接节点,然后选择 "Connect"(连接)(用户名和口令分别为  <code>app</code> )。
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>在“服务”窗口中展开数据库连接节点下的“表”节点。</p>
+</li>
+<li>
+<p>右键单击要删除的表,然后选择“删除”。</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_使用外部_sql_脚本">使用外部 SQL 脚本</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>从外部 SQL 脚本中发出命令是管理数据库的一种常用方式。您可能已在其他位置创建了 SQL 脚本,并希望将其导入到 NetBeans IDE 中,以对指定的数据库运行该脚本。</p>
+</div>
+<div class="paragraph">
+<p>在本练习中,该脚本将创建一个名为  <code>COLLEAGUES</code>  的新表,并使用数据填充它。执行以下步骤以在  <code>contact</code>  数据库中运行该脚本。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>将 <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> 下载到本地系统</p>
+</li>
+<li>
+<p>从 IDE 的主菜单中选择 "File"(文件)&gt; "Open"(打开)。在文件浏览器中,导航至  <code>colleagues.sql</code>  文件的保存位置,然后单击 "Open"(打开)。将自动在 SQL 编辑器中打开该脚本。</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>或者,也可以复制 <a href="https://netbeans.org/project_downloads/usersguide/colleagues.sql">colleagues.sql</a> 的内容,打开 SQL 编辑器,然后将该文件的内容粘贴到 SQL 编辑器。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>确保从编辑器顶部工具栏的 "Connection"(连接)下拉框中选择了连接到  <code>Contact DB</code> 。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/conn-drop-down.png" alt="conn drop down">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>单击 "SQL Editor"(SQL 编辑器)任务栏中的 "Run SQL"(运行 SQL)(image::images/run-sql-button.png[]) 按钮。将对选定的数据库执行该脚本,并在 "Output"(输出)窗口中生成任何反馈。</p>
+</li>
+<li>
+<p>要验证更改,请在 "Services"(服务)窗口中右键单击  <code>Contact DB</code>  连接节点,然后选择 "Refresh"(刷新)。请注意,在 "Services"(服务)窗口中的  <code>contact</code>  下面将显示通过 SQL 脚本创建的新  <code>COLLEAGUES</code>  表的表节点。</p>
+</li>
+<li>
+<p>要查看新表中包含的数据,请右键单击  <code>COLLEAGUES</code>  表并选择 "View Data"(查看数据)。通过这种方法,还可以将表格数据与 SQL 脚本中包含的数据进行比较,以查看它们是否匹配。</p>
+</li>
+</ol>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_重新创建来自其他数据库的表">重新创建来自其他数据库的表</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>如果您有一个来自其他数据库的表,并希望通过 NetBeans IDE 在所使用的数据库中重新创建该表,IDE 为此提供了非常方便的工具。首先,需要在 IDE 中注册第二个数据库,其过程与本教程开始部分描述的过程类似。就本教程而言,请使用与 Java DB 一起打包的  <code>sample</code>  数据库。此过程实质上分两部分执行:首先“抓取”选定表的表定义,然后在选择的数据库中重新创建该表,具体操作如下所示:</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>连接至  <code>sample</code>  数据库,方法是:在 "Services"(服务)窗口中右键单击 "Databases"(数据库)节点下的连接节点,然后选择 "Connect"(连接)(用户名和口令分别为  <code>app</code> )。
 2.
 展开  <code>sample</code>  数据库连接下的 "Tables"(表)节点,右键单击  <code>CUSTOMER</code>  表节点,然后选择 "Grab Structure"(抓取结构)。</p>
-<p class="tableblock">image::images/grab-structure.png[]
-3. 在打开的 "Grab Table"(抓取表)对话框中,指定计算机上的某一位置,以保存将要创建的抓取文件。单击 "Save"(保存)。</p>
-<p class="tableblock">抓取文件记录选定表的定义。</p>
-<p class="tableblock">4. 展开  <code>Contact DB</code>  数据库连接下的 "APP schema"(APP 方案)节点,右键单击 "Tables"(表)节点,然后选择 "Recreate Table"(重新创建表)以打开 "Recreate Table"(重新创建表)对话框。
-5.
-在 "Recreate Table"(重新创建表)对话框中,导航到  <code>CUSTOMER</code>  抓取文件的保存位置,然后单击 "Open"(打开)以便打开 "Name the Table"(命名表)对话框。</p>
-<p class="tableblock">image::images/recreate-table.png[]
-6.
-此时,可以更改表名称或编辑表定义。否则,请单击 "OK"(确定),以在  <code>contact</code>  数据库中立即创建表。 <code>Contact</code>  DB 连接节点下将显示新的  <code>CUSTOMER</code>  表节点。</p>
-<p class="tableblock">image::images/new-customer-node.png[]</p>
-<p class="tableblock">如果查看新  <code>CUSTOMER</code>  表中的数据,您将会发现数据库中没有任何记录,但该表的结构与抓取的表结构相同。</p>
-<p class="tableblock"><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">请将您的反馈意见发送给我们</a></p>
-<p class="tableblock">== 另请参见</p>
-<p class="tableblock">以下内容是对“使用 Java DB (Derby) 数据库”教程的总结。本教程演示了如何在 NetBeans IDE 中设置 Java DB 数据库连接。接着,演示了如何在 IDE 的“服务”窗口中创建、查看、修改和删除表。此外,本教程还演示了如何使用 SQL 编辑器向表中添加数据,以及如何在 IDE 中使用来自其他数据库的定义重新创建表。</p>
-<p class="tableblock">有关更多相关的高级教程,请参见以下资源:</p>
-<p class="tableblock">* <a href="mysql.html">连接 MySQL 数据库</a>。演示了如何在 NetBeans IDE 中配置和连接 MySQL 数据库。
-* <a href="../web/mysql-webapp.html">使用 MySQL 数据库创建简单的 Web 应用程序</a>。说明如何创建连接 MySQL 数据库服务器的简单 Web 应用程序。
-* <a href="http://platform.netbeans.org/tutorials/nbm-crud.html">NetBeans 平台 CRUD 应用程序教程。</a>说明如何将 Java DB 数据库集成到 NetBeans 平台应用程序中。</p></td>
-</tr>
-</tbody>
-</table>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/grab-structure.png" alt="grab structure">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
+<li>
+<p>在打开的 "Grab Table"(抓取表)对话框中,指定计算机上的某一位置,以保存将要创建的抓取文件。单击 "Save"(保存)。</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>抓取文件记录选定表的定义。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>展开  <code>Contact DB</code>  数据库连接下的 "APP schema"(APP 方案)节点,右键单击 "Tables"(表)节点,然后选择 "Recreate Table"(重新创建表)以打开 "Recreate Table"(重新创建表)对话框。</p>
+</li>
+<li>
+<p>在 "Recreate Table"(重新创建表)对话框中,导航到  <code>CUSTOMER</code>  抓取文件的保存位置,然后单击 "Open"(打开)以便打开 "Name the Table"(命名表)对话框。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/recreate-table.png" alt="recreate table">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>此时,可以更改表名称或编辑表定义。否则,请单击 "OK"(确定),以在  <code>contact</code>  数据库中立即创建表。 <code>Contact</code>  DB 连接节点下将显示新的  <code>CUSTOMER</code>  表节点。</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-customer-node.png" alt="new customer node">
+</div>
+</div>
+<div class="paragraph">
+<p>如果查看新  <code>CUSTOMER</code>  表中的数据,您将会发现数据库中没有任何记录,但该表的结构与抓取的表结构相同。</p>
+</div>
+<div class="paragraph">
+<p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Working%20With%20Java%20DB">请将您的反馈意见发送给我们</a></p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_另请参见">另请参见</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>以下内容是对“使用 Java DB (Derby) 数据库”教程的总结。本教程演示了如何在 NetBeans IDE 中设置 Java DB 数据库连接。接着,演示了如何在 IDE 的“服务”窗口中创建、查看、修改和删除表。此外,本教程还演示了如何使用 SQL 编辑器向表中添加数据,以及如何在 IDE 中使用来自其他数据库的定义重新创建表。</p>
+</div>
+<div class="paragraph">
+<p>有关更多相关的高级教程,请参见以下资源:</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p><a href="mysql.html">连接 MySQL 数据库</a>。演示了如何在 NetBeans IDE 中配置和连接 MySQL 数据库。</p>
+</li>
+<li>
+<p><a href="../web/mysql-webapp.html">使用 MySQL 数据库创建简单的 Web 应用程序</a>。说明如何创建连接 MySQL 数据库服务器的简单 Web 应用程序。</p>
+</li>
+<li>
+<p><a href="http://platform.netbeans.org/tutorials/nbm-crud.html">NetBeans 平台 CRUD 应用程序教程。</a>说明如何将 Java DB 数据库集成到 NetBeans 平台应用程序中。</p>
+</li>
+</ul>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/mercurial-queues.html b/content/kb/docs/ide/mercurial-queues.html
index 909ceb4..a3351f7 100644
--- a/content/kb/docs/ide/mercurial-queues.html
+++ b/content/kb/docs/ide/mercurial-queues.html
@@ -132,20 +132,17 @@ To start running Mercurial Queues on your Mercurial repository, you need to comp
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">         [extensions]
-         hgext.mq =</code></pre>
+<pre class="prettyprint highlight"><code class="language-conf" data-lang="conf">     [extensions]
+     hgext.mq =</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Save the file.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -172,7 +169,7 @@ The Create Patch dialog box displays.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Specify the name for a patch in the Patch Name text field.</p>
 </li>
@@ -205,7 +202,7 @@ The provided description of a patch will be used as a commit message when <a hre
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Select files to be included into the patch in the Files To Include In Patch table.</p>
 </li>
@@ -218,9 +215,6 @@ A new patch is created and added to the  <code>.hg/patches</code>  directory.</p
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -247,7 +241,7 @@ The Refresh Patch dialog box displays.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Provide the description of a patch in the Patch Message field.
 Alternatively, choose either of the following options and click OK afterwards:</p>
@@ -277,7 +271,7 @@ The provided description of a patch will be used as a commit message when <a hre
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Select files to be included into the patch in the Files To Include In Patch table.</p>
 </li>
@@ -290,9 +284,6 @@ The patch you are working on is updated.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -319,7 +310,7 @@ The Diff Viewer displays differences found in the current patch and all your unc
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Review and revise differences found in the compared files using either Graphical or Textual Diff Viewer.</p>
 </li>
@@ -377,25 +368,22 @@ The Graphical Diff Viewer highlights changes in the files using the following co
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace.png" alt="replace"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Replace</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Inserts the highlighted text from the previous patch into the current patch.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace-all.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace-all.png" alt="replace all"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Replace All</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Reverts current version of a patch to the state of its selected previous version.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/remove.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/remove.png" alt="remove"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remove</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Removes the highlighted text from the current version of a patch so that it mirrors the previous version of a patch.</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -442,16 +430,13 @@ Names of applied patches display in bold. Choose  <code>Team</code>  &gt;  <code
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Select the required patch and click Go.
 The IDE applies the changes contained in the selected patch to the chosen project, file, or folder.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -487,7 +472,7 @@ The Finish Patches dialog box displays.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Select the name of a patch to be finished in the patches field.</p>
 </li>
@@ -506,16 +491,13 @@ All patches in the series before the selected patch will also be finished.
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Click Finish Patches.
 The IDE turns all applied patches up to the selected patch into regular changesets.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -524,9 +506,6 @@ The IDE turns all applied patches up to the selected patch into regular changese
 <div class="paragraph">
 <p>This tutorial showed how to perform basic patch-specific tasks in the IDE by guiding you through the standard workflow when using Mercurial versioning software for managing patches. It demonstrated how to enable the Mercurial Queues support in the NetBeans IDE and perform basic tasks on patches while introducing you to some of the Mercurial specific features included in the IDE.</p>
 </div>
-<div class="paragraph">
-<p><a href="#top">top</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/mercurial-queues_ja.html b/content/kb/docs/ide/mercurial-queues_ja.html
index cbeb01b..2deec90 100644
--- a/content/kb/docs/ide/mercurial-queues_ja.html
+++ b/content/kb/docs/ide/mercurial-queues_ja.html
@@ -96,7 +96,7 @@
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
-<ul class="sectlevel2">
+<ul class="sectlevel1">
 <li><a href="#_内容">内容</a></li>
 <li><a href="#_要件">要件</a></li>
 <li><a href="#_mercurial_queuesサポートの有効化">Mercurial Queuesサポートの有効化</a></li>
@@ -116,8 +116,9 @@
 </div>
 </div>
 </div>
-<div class="sect2">
-<h3 id="_内容">内容</h3>
+<div class="sect1">
+<h2 id="_内容">内容</h2>
+<div class="sectionbody">
 <div class="imageblock">
 <div class="content">
 <img src="images/netbeans-stamp-80-74.png" alt="netbeans stamp 80 74">
@@ -156,6 +157,7 @@
 </ul>
 </div>
 </div>
+</div>
 <div class="sect1">
 <h2 id="_要件">要件</h2>
 <div class="sectionbody">
@@ -212,20 +214,17 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">         [extensions]
-         hgext.mq =</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">     [extensions]
+     hgext.mq =</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>ファイルを保存します。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -252,7 +251,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>「パッチ名」テキスト・フィールドにパッチの名前を指定します。</p>
 </li>
@@ -276,7 +275,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 <p><strong>注意:</strong> 入力したパッチの説明は、<a href="#finish">パッチを永久変更セットに変更</a>するときにコミット・メッセージとして使用されます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>「パッチに含めるファイル」表で、パッチに含めるファイルを選択します。</p>
 </li>
@@ -289,9 +288,6 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -318,7 +314,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>「パッチ・メッセージ」フィールドにパッチの説明を入力します。
 または、次のオプションのいずれかを選択し、その後に「OK」をクリックします。</p>
@@ -339,7 +335,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 <p><strong>注意:</strong> 入力したパッチの説明は、<a href="#finish">パッチを永久変更セットに変更</a>するときにコミット・メッセージとして使用されます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「パッチに含めるファイル」表で、パッチに含めるファイルを選択します。</p>
 </li>
@@ -352,9 +348,6 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -381,7 +374,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>グラフィカルな差分ビューアまたはテキスト形式の差分ビューアを使用して、比較ファイルで検出された相違を確認および置換します。</p>
 </li>
@@ -430,25 +423,22 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace.png" alt="replace"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>置換</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">前のパッチから現在のパッチに、強調表示されたテキストを挿入します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace-all.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace-all.png" alt="replace all"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべてを置換</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">パッチの現在のバージョンを、選択された前のバージョンの状態に戻します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/remove.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/remove.png" alt="remove"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>除去</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">強調表示されたテキストをパッチの現在のバージョンから除去し、パッチの以前のバージョンが反映されるようにします。</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -484,7 +474,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 <li>
 <p>スタックの上部から適用済パッチを除去して作業ディレクトリを更新し、適用済パッチが影響しないようにするには、「 <code>チーム</code> 」&gt;「 <code>キュー</code> 」&gt;「 <code>すべてのパッチのポップ</code> 」を選択します。</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>必要なパッチを選択して「移動」をクリックします。
 選択したパッチに含まれている変更が、選択したプロジェクト、ファイルまたはフォルダに適用されます。</p>
@@ -494,9 +484,6 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -523,7 +510,7 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>パッチ・フィールドで終了するパッチの名前を選択します。</p>
 </li>
@@ -533,16 +520,13 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 <p><strong>注意:</strong> 選択したパッチの前にあるシリーズのすべてのパッチも終了されます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「パッチの終了」をクリックします。
 選択したパッチまでのすべての適用済パッチが通常の変更セットに変更されます。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -552,9 +536,6 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 <p>このチュートリアルでは、Mercurialバージョン管理ソフトウェアを使用してパッチを管理する場合の標準的なワークフローを説明することによって、IDEの基本的なパッチ固有のタスクの実行方法を示しました。IDEに含まれるMercurial固有の機能の一部を紹介しながら、NetBeans IDEでのMercurial Queuesサポートの有効化方法、およびパッチに対する基本タスクの実行方法を示しました。</p>
 </div>
 <div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
-<div class="paragraph">
 <p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Using%20Suport%20For%20Mercurial%20Queues%20in%20NetBeans%20IDE">このチュートリアルに関するご意見をお寄せください</a></p>
 </div>
 </div>
@@ -578,9 +559,6 @@ MercurialリポジトリでMercurial Queuesの実行を開始するには、次
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">先頭</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/mercurial-queues_pt_BR.html b/content/kb/docs/ide/mercurial-queues_pt_BR.html
index 9db30d8..0cc6d06 100644
--- a/content/kb/docs/ide/mercurial-queues_pt_BR.html
+++ b/content/kb/docs/ide/mercurial-queues_pt_BR.html
@@ -113,12 +113,6 @@
 <div class="paragraph">
 <p>O NetBeans IDE fornece suporte para a extensão de Filas do Mercurial. O suporte de Filas do Mercurial do IDE permite que você crie, revise ou alterne entre patches dentro do IDE, bem como renovar patches com modificações locais como você corrigir bugs ou atualizar para uma nova revisão de base. Este documento demonstra como executar tarefas básicas específicas de patch no IDE o orientando pelo workflow padrão ao usar o software de controle de versão do Mercurial para gerenciar patches.</p>
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74.png" alt="netbeans stamp 80 74">
-</div>
-<div class="title">Figure 1. O conteúdo desta página se aplica ao NetBeans IDE 7.4 e 8.0</div>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -153,8 +147,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Observação:</strong> Consulte <a href="mercurial.html#settingUp">Usando o Suporte ao Mercurial no NetBeans IDE</a> para obter informações sobre como instalar o software do cliente Mercurial no seu sistema.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Consulte <a href="mercurial.html#settingUp">Usando o Suporte ao Mercurial no NetBeans IDE</a> para obter informações sobre como instalar o software do cliente Mercurial no seu sistema.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -177,20 +180,17 @@ Para iniciar a execução de Filas do Mercurial em seu repositório do Mercurial
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">         [extensions]
-         hgext.mq =</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">     [extensions]
+     hgext.mq =</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Salve o arquivo.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -217,7 +217,7 @@ A caixa de diálogo Criar Patch é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Especifique o nome de um patch no campo de texto Nome do Patch.</p>
 </li>
@@ -237,11 +237,20 @@ Se preferir, escolha uma das seguintes opções e clique em OK posteriormente:</
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> A descrição fornecida de um patch será usada como uma mensagem de confirmação ao <a href="#finish">transformar o patch em um conjunto de alterações permanente</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+A descrição fornecida de um patch será usada como uma mensagem de confirmação ao <a href="#finish">transformar o patch em um conjunto de alterações permanente</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Selecione os arquivos a serem incluídos no patch na tabela Arquivos a Serem Incluídos no Patch.</p>
 </li>
@@ -254,9 +263,6 @@ Um novo patch é criado e adicionado ao diretório  <code>.hg/patches</code> .</
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -283,7 +289,7 @@ A caixa de diálogo Atualizar Patch é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Forneça a descrição de um patch no campo Mensagem do Patch.
 Se preferir, escolha uma das seguintes opções e clique em OK posteriormente:</p>
@@ -300,11 +306,20 @@ Se preferir, escolha uma das seguintes opções e clique em OK posteriormente:</
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> A descrição fornecida de um patch será usada como uma mensagem de confirmação ao <a href="#finish">transformar o patch em um conjunto de alterações permanente</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+A descrição fornecida de um patch será usada como uma mensagem de confirmação ao <a href="#finish">transformar o patch em um conjunto de alterações permanente</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Selecione os arquivos a serem incluídos no patch na tabela Arquivos a Serem Incluídos no Patch.</p>
 </li>
@@ -317,9 +332,6 @@ O patch no qual você está trabalhando é atualizado.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -346,14 +358,23 @@ O Visualizador de Diferença exibe as diferenças encontradas no patch atual e t
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Revise as diferenças encontradas nos arquivos comparados usando o Visualizador de Diferenças Textual ou Gráfico.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> O Visualizador Gráfico de Diferenciação é alterado nos arquivos usando a seguinte codificação colorida.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+O Visualizador Gráfico de Diferenciação é alterado nos arquivos usando a seguinte codificação colorida.
+</td>
+</tr>
+</table>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -395,25 +416,22 @@ O Visualizador de Diferença exibe as diferenças encontradas no patch atual e t
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace.png" alt="replace"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Substituir</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Insere o texto realçado do patch anterior no patch atual.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace-all.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace-all.png" alt="replace all"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Substituir Tudo</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Reverte a versão atual de um patch para o estado de sua versão anterior selecionada.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/remove.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/remove.png" alt="remove"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remover</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Remove o texto destacado da versão atual de um patch, de forma que ele mostre a versão anterior de um patch.</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -422,8 +440,17 @@ O Visualizador de Diferença exibe as diferenças encontradas no patch atual e t
 <div class="paragraph">
 <p>Para alternar para um determinado patch em uma fila do Patch série, você precisa concluir as seguintes etapas:</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> para alternar entre patches <em>não</em> deve haver_nenhuma_ modificação local na cópia de trabalho, caso contrário a alternância falha.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+para alternar entre patches <em>não</em> deve haver_nenhuma_ modificação local na cópia de trabalho, caso contrário a alternância falha.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -448,20 +475,17 @@ A caixa de diálogo Ir para Patch exibe uma lista de todos os patches disponíve
 </li>
 <li>
 <p>Escolha  <code>Equipe</code>  &gt;  <code>Filas</code>  &gt;  <code>Exibir Todos os Patches</code>  para remover os patches aplicados na parte superior da pilha e atualizar o diretório de trabalho para desfazer os efeitos de os patches aplicados.</p>
+</li>
+</ul>
+</div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Selecione o patch necessário e clique em Ir.
 O IDE aplica as alterações contidas no patch selecionado para o projeto escolhido, arquivo ou pasta.</p>
 </li>
 </ol>
 </div>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -471,8 +495,17 @@ O IDE aplica as alterações contidas no patch selecionado para o projeto escolh
 <p>Quando seu trabalho em um patch for concluído, ele pode ser transformado em um conjunto de alterações permanentes.
 Transforme todos os patches aplicados em uma série de fila de patches em conjuntos de alterações regulares, conclua as seguintes etapas:</p>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> para aplicar todos os patches salvos no repositório, escolha  <code>Equipe</code>  &gt; ( <code>Filas</code>  &gt;  <code>Extrair Todos os Patches</code>  no menu principal.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+para aplicar todos os patches salvos no repositório, escolha  <code>Equipe</code>  &gt; ( <code>Filas</code>  &gt;  <code>Extrair Todos os Patches</code>  no menu principal.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -488,26 +521,32 @@ A caixa de diálogo Finalizar Patches é exibida.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Selecione o nome de um patch a ser finalizado no campo Patches.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> todos os patches da série antes do patch selecionado também serão finalizados.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+todos os patches da série antes do patch selecionado também serão finalizados.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Clique em Finalizar Patches.
 O IDE transforma todos os patches aplicados até o patch selecionado em conjuntos de alterações regulares.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -517,9 +556,6 @@ O IDE transforma todos os patches aplicados até o patch selecionado em conjunto
 <p>Este tutorial mostrou como executar tarefas básicas específicas de patch no IDE o orientando pelo workflow padrão ao usar o software de controle de versão do Mercurial para gerenciar patches. Ele demonstrou como ativar o suporte Filas do Mercurial no NetBeans IDE e executar tarefas básicas sobre patches ao introduzi-los em algumas funcionalidades específicas do Mercurial incluídos no IDE.</p>
 </div>
 <div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
-<div class="paragraph">
 <p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Using%20Suport%20For%20Mercurial%20Queues%20in%20NetBeans%20IDE">Enviar Feedback neste Tutorial</a></p>
 </div>
 </div>
@@ -543,9 +579,6 @@ O IDE transforma todos os patches aplicados até o patch selecionado em conjunto
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">início</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/mercurial-queues_ru.html b/content/kb/docs/ide/mercurial-queues_ru.html
index a5bf38b..281ac64 100644
--- a/content/kb/docs/ide/mercurial-queues_ru.html
+++ b/content/kb/docs/ide/mercurial-queues_ru.html
@@ -113,12 +113,6 @@
 <div class="paragraph">
 <p>IDE NetBeans обеспечивает поддержку для расширения Mercurial Queues. Поддержка Mercurial Queues в среде IDE позволяет создавать, просматривать и переключаться между исправлениями в среде IDE, а также обновлять исправления с учетом локальных изменений по мере исправлений ошибок и обновлений до новой базовой редакции. В этом документе демонстрируется выполнение основных задач, связанных с исправлениями в среде IDE путем предоставления пошаговых инструкций для работы со стандартной после [...]
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74.png" alt="netbeans stamp 80 74">
-</div>
-<div class="title">Figure 1. Содержимое этой страницы применимо к IDE NetBeans 7.4 и 8.0</div>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -153,8 +147,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Примечание.</strong> См. <a href="mercurial.html#settingUp">Использование поддержки Mercurial в NetBeans IDE</a> для получения сведений об установке клиентского ПО Mercurial в системе.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+См. <a href="mercurial.html#settingUp">Использование поддержки Mercurial в NetBeans IDE</a> для получения сведений об установке клиентского ПО Mercurial в системе.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -177,20 +180,17 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">         [extensions]
-         hgext.mq =</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">     [extensions]
+     hgext.mq =</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Сохраните файл.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -217,7 +217,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Укажите имя исправления в текстовом поле 'Имя исправления'.</p>
 </li>
@@ -237,11 +237,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Предоставленное описание исправления будет использовано как сообщение фиксации при <a href="#finish">преобразовании исправление в повтоянный набор изменений</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Предоставленное описание исправления будет использовано как сообщение фиксации при <a href="#finish">преобразовании исправление в повтоянный набор изменений</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Выберите файлы для включения в исправления в таблице 'Файлы для включения в исправление'.</p>
 </li>
@@ -254,9 +263,6 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -283,7 +289,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Укажите описание исправления в поле 'Сообщение исправления'.
 В качестве альтернативы выберите один из следующих вариантов и нажмите ОК:</p>
@@ -300,11 +306,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Предоставленное описание исправления будет использовано как сообщение фиксации при <a href="#finish">преобразовании исправление в повтоянный набор изменений</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Предоставленное описание исправления будет использовано как сообщение фиксации при <a href="#finish">преобразовании исправление в повтоянный набор изменений</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Выберите файлы для включения в исправления в таблице 'Файлы для включения в исправление'.</p>
 </li>
@@ -317,9 +332,6 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -346,14 +358,23 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Просмотрите и откорректируйте различия, найденные в сравненных файлах с помощью графического или текстового средства просмотра различий.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Графическое представление различий выделяет изменения в файлах с помощью следующих цветовых кодов.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Графическое представление различий выделяет изменения в файлах с помощью следующих цветовых кодов.
+</td>
+</tr>
+</table>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -395,25 +416,22 @@
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace.png" alt="replace"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Заменить</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Вставка выделенного текста из предыдущеuj исправления в текущее исправление.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace-all.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace-all.png" alt="replace all"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Заменить все</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Восстанавливает для текущей версии исправления состояние выбранной предыдущей версии.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/remove.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/remove.png" alt="remove"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">*Удалить *</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Удаляет выделенный текст из текущей версии исправления, чтобы она отражала предыдущую версию исправления.</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -422,8 +440,17 @@
 <div class="paragraph">
 <p>Для переключения на определенное исправление в серии очередей исправлений необходимо выполнить следующие шаги:</p>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Для переключения между изменениями <em>требуется</em> <em>отсутствие</em> локальных изменений в рабочей копии. В противном случае переключение завершится ошибкой.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Для переключения между изменениями <em>требуется</em> <em>отсутствие</em> локальных изменений в рабочей копии. В противном случае переключение завершится ошибкой.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -449,7 +476,7 @@
 <li>
 <p>Выберите  <code>Группа</code>  &gt;  <code>Queues</code>  &gt;  <code>Откат всех исправлений</code> , чтобы удалить примененные исправления из верхней части стека, обновить рабочий каталог и отменить изменения, внесенные установленными исправлениями.</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Выберите необходимое исправление и щелкните 'Перейти'.
 В IDE применяются изменения, содержащиеся в выбранном исправлении выбранного проекта, файла или папки.</p>
@@ -459,9 +486,6 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -471,8 +495,17 @@
 <p>После завершения работы с исправлениями оно может быть преобразовано в постоянный набор изменений.
 Для преобразования всех примененных исправлений в серии очередей исправлений в стандартные наборы изменений завершите следующие шаги:</p>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Для применения всех сохраненных исправлений в репозитории выберите  <code>Группа</code>  &gt;  <code>Queues</code>  &gt;  <code>Принудительно применить все исправления</code>  в главном меню.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Для применения всех сохраненных исправлений в репозитории выберите  <code>Группа</code>  &gt;  <code>Queues</code>  &gt;  <code>Принудительно применить все исправления</code>  в главном меню.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -488,26 +521,32 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Выберите имя исправления, которое будет завершено в поле исправлений.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Все исправления в серии до выбранного исправления также будет завершены.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Все исправления в серии до выбранного исправления также будет завершены.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Щелкните 'Завершить исправления'.
 IDE преобразует все примененные изменения вплоть до выбранного исправления в стандартные наборы изменений.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -517,9 +556,6 @@ IDE преобразует все примененные изменения вп
 <p>В этом учебном курсе демонстрируется выполнение основных задач, связанных с исправлениями в среде IDE путем предоставления пошаговых инструкций для работы со стандартной последовательностью действий при использовании программного обеспечения управления версиями Mercurial для управления исправлениями. Здесь демонстрируется включение поддержки Mercurial Queues в IDE NetBeans и выполнение базовых задач с исправлениями, а также представлении определенных специализированных функций Mercuri [...]
 </div>
 <div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
-<div class="paragraph">
 <p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Using%20Suport%20For%20Mercurial%20Queues%20in%20NetBeans%20IDE">Отправить отзыв по этому учебному курсу</a></p>
 </div>
 </div>
@@ -543,9 +579,6 @@ IDE преобразует все примененные изменения вп
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">В начало</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/mercurial-queues_zh_CN.html b/content/kb/docs/ide/mercurial-queues_zh_CN.html
index 98b7099..f2ca6b3 100644
--- a/content/kb/docs/ide/mercurial-queues_zh_CN.html
+++ b/content/kb/docs/ide/mercurial-queues_zh_CN.html
@@ -113,12 +113,6 @@
 <div class="paragraph">
 <p>NetBeans IDE 提供对 Mercurial 队列扩展的支持。使用 IDE 的 Mercurial 队列支持可以创建、检查或在 IDE 中切换补丁程序,以及在修复错误或更新到新的基本修订版本时使用本地修改刷新补丁程序。本文档通过指导您完成使用 Mercurial 版本控制软件管理补丁程序的标准工作流,介绍了如何在 IDE 中执行基本的补丁程序特定任务。</p>
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74.png" alt="netbeans stamp 80 74">
-</div>
-<div class="title">Figure 1. 此页上的内容适用于 NetBeans IDE 7.4 和 8.0</div>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -153,8 +147,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p>*注:*有关如何在系统上安装 Mercurial 客户端软件的信息,请参见<a href="mercurial.html#settingUp">在 NetBeans IDE 中使用 Mercurial 支持</a>。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+有关如何在系统上安装 Mercurial 客户端软件的信息,请参见<a href="mercurial.html#settingUp">在 NetBeans IDE 中使用 Mercurial 支持</a>。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -177,20 +180,17 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">         [extensions]
-         hgext.mq =</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">     [extensions]
+     hgext.mq =</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>保存该文件。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -217,7 +217,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Patch Name"(补丁程序名)文本字段中指定补丁程序的名称。</p>
 </li>
@@ -237,11 +237,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>注:</strong><a href="#finish">将补丁程序转到永久更改集</a>时,提供的补丁程序说明将用作提交消息。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<a href="#finish">将补丁程序转到永久更改集</a>时,提供的补丁程序说明将用作提交消息。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>在 "Files To Include In Patch"(要包含在补丁程序中的文件)表中选择要包含在补丁程序中的文件。</p>
 </li>
@@ -254,9 +263,6 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -283,7 +289,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Patch Message"(补丁程序消息)字段中提供补丁程序的说明。
 此外,还可选择以下选项之一,然后单击 "OK"(确定):</p>
@@ -300,11 +306,20 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>注:</strong><a href="#finish">将补丁程序转到永久更改集</a>时,提供的补丁程序说明将用作提交消息。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<a href="#finish">将补丁程序转到永久更改集</a>时,提供的补丁程序说明将用作提交消息。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>在 "Files To Include In Patch"(要包含在补丁程序中的文件)表中选择要包含在补丁程序中的文件。</p>
 </li>
@@ -317,9 +332,6 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -346,14 +358,23 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>检查并修订使用图形化比较查看器或文本式比较查看器在所比较文件中发现的差异。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注:*图形化比较查看器使用以下颜色编码来突出显示文件中的更改。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+图形化比较查看器使用以下颜色编码来突出显示文件中的更改。
+</td>
+</tr>
+</table>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -395,25 +416,22 @@
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace.png" alt="replace"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>替换</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">将突出显示的文本从上一补丁程序插入当前补丁程序中。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/replace-all.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/replace-all.png" alt="replace all"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>全部替换</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">将补丁程序的当前版本还原到其选定的以前版本的状态。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/remove.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/remove.png" alt="remove"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>删除</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">从补丁程序的当前版本中删除突出显示的文本,使之与以前的补丁程序版本完全匹配。</p></td>
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -422,8 +440,17 @@
 <div class="paragraph">
 <p>要在补丁程序队列系列中切换特定补丁程序,需要执行以下步骤:</p>
 </div>
-<div class="paragraph">
-<p>*注:*要在补丁程序之间切换,工作副本中_不能__有_本地修改,否则切换将失败。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+要在补丁程序之间切换,工作副本中_不能__有_本地修改,否则切换将失败。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -439,7 +466,7 @@
 </div>
 </div>
 <div class="paragraph">
-<p><strong>注:</strong></p>
+<p>NOTE:</p>
 </div>
 <div class="ulist">
 <ul>
@@ -449,7 +476,7 @@
 <li>
 <p>选择  <code>Team</code> (团队开发)&gt;  <code>Queues</code> (队列)&gt;  <code>Pop All Patches</code> (弹出所有补丁程序)可从堆栈顶层删除已应用补丁程序,并更新工作目录以撤消所应用补丁程序的效果。</p>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>选择所需的补丁程序,然后单击 "Go"(开始)。
 IDE 将所选补丁程序中包含的更改应用到所选项目、文件或文件夹。</p>
@@ -459,9 +486,6 @@ IDE 将所选补丁程序中包含的更改应用到所选项目、文件或文
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -471,8 +495,17 @@ IDE 将所选补丁程序中包含的更改应用到所选项目、文件或文
 <p>完成处理补丁程序时,可以将其转到永久更改集中。
 要将补丁程序队列系列中的所有已应用补丁程序转到常规更改集中,请完成以下步骤:</p>
 </div>
-<div class="paragraph">
-<p>*注:*要应用资源库中所有已保存的补丁程序,请从主菜单中选择  <code>Team</code> (团队开发)&gt;  <code>Queues</code> (队列)&gt;  <code>Push All Patches</code> (推入所有补丁程序)。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+要应用资源库中所有已保存的补丁程序,请从主菜单中选择  <code>Team</code> (团队开发)&gt;  <code>Queues</code> (队列)&gt;  <code>Push All Patches</code> (推入所有补丁程序)。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -488,26 +521,32 @@ IDE 将所选补丁程序中包含的更改应用到所选项目、文件或文
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在补丁程序字段中选择要完成的补丁程序的名称。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注:*还将完成系列中位于所选补丁程序之前的所有补丁程序。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+还将完成系列中位于所选补丁程序之前的所有补丁程序。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>单击 "Finish Patches"(完成补丁程序)。
 IDE 会将所选补丁程序及该补丁程序之前的所有已应用补丁程序转入常规更改集中。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -517,9 +556,6 @@ IDE 会将所选补丁程序及该补丁程序之前的所有已应用补丁程
 <p>本教程通过指导您完成使用 Mercurial 版本控制软件管理补丁程序的标准工作流,介绍了如何在 IDE 中执行基本的补丁程序特定任务。它还介绍了如何在 NetBeans IDE 中启用 Mercurial 队列支持以及如何对补丁程序执行基本任务,同时简要说明了 IDE 中包含的一些特定于 Mercurial 的功能。</p>
 </div>
 <div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
-<div class="paragraph">
 <p><a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Using%20Suport%20For%20Mercurial%20Queues%20in%20NetBeans%20IDE">发送有关此教程的反馈意见</a></p>
 </div>
 </div>
@@ -543,9 +579,6 @@ IDE 会将所选补丁程序及该补丁程序之前的所有已应用补丁程
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><a href="#top">返回页首</a></p>
-</div>
 </div>
 </div>
             
diff --git a/content/kb/docs/ide/mercurial.html b/content/kb/docs/ide/mercurial.html
index 301acd5..29f522f 100644
--- a/content/kb/docs/ide/mercurial.html
+++ b/content/kb/docs/ide/mercurial.html
@@ -171,7 +171,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>In the Mercurial Executable Path text field, either type in the path to the executable file or click Browse to navigate to it on your system. Note that you need not <em>include</em> the Mercurial executable file in the path.</p>
 </li>
@@ -191,7 +191,7 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">hg clone /path/to/your/repository</code></pre>
+<pre class="prettyprint highlight"><code class="language-shell" data-lang="shell">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
 <div class="admonitionblock note">
@@ -267,7 +267,7 @@ The IDE&#8217;s drop-down menus are context-sensitive, i.e. the available option
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>In Repository URL, enter the path to the repository (e.g.  <code><a href="http://hg.netbeans.org/main" class="bare">http://hg.netbeans.org/main</a></code> ).</p>
 </li>
@@ -286,7 +286,7 @@ The IDE&#8217;s drop-down menus are context-sensitive, i.e. the available option
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>If you are using a proxy, be sure to click the Proxy Configuration button and enter any required information in the Options dialog box. When you are certain your connection settings to the repository are correct, click Next.</p>
 </li>
@@ -305,7 +305,7 @@ The IDE&#8217;s drop-down menus are context-sensitive, i.e. the available option
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Modify your default push entry by adding your NetBeans username and password and changing the protocol to  <code>https</code> .</p>
 </li>
@@ -342,7 +342,7 @@ If you are running Windows, be careful of the path length that you specify; i.e.
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>Leave the Scan for NetBeans Projects after Checkout option selected, then click Finish to initiate the check out action.
 The IDE checks out the specified sources and the IDE&#8217;s status bar indicates the progress of the files downloading from the repository to your local working directory. You can also view files as they are being checked out from the Output window (Ctrl-4 on Windows/Command-4 on OS X).</p>
@@ -367,8 +367,17 @@ If the checked out sources contain NetBeans projects, a dialog box appears promp
 <div class="paragraph">
 <p>Alternately, you can import a project you have been working on in the IDE to a remote repository, then continue to work on it in the IDE after it has become synchronized.</p>
 </div>
-<div class="paragraph">
-<p>*Note: *While you are actually <em>exporting</em> files from your system, the term 'import' is used in version control systems to signify that files are being <em>imported into</em> a repository.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+While you are actually <em>exporting</em> files from your system, the term 'import' is used in version control systems to signify that files are being <em>imported into</em> a repository.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To import a project to a repository:</p>
@@ -390,7 +399,7 @@ If the checked out sources contain NetBeans projects, a dialog box appears promp
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Specify the repository folder in which you want to place the project in the repository. A folder containing the name of your project is suggested for you in the Root Path text field by default.</p>
 </li>
@@ -432,7 +441,7 @@ After the project files are placed under Mercurial version control, they get reg
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Choose  <code>Mercurial</code>  &gt;  <code>Commit</code>  from the project&#8217;s right-click menu to commit these project files to the Mercurial repository. The Commit - [ProjectName] dialog box opens.</p>
 </li>
@@ -448,7 +457,7 @@ After the project files are placed under Mercurial version control, they get reg
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Type your message in the Commit Message text area and click Commit.</p>
 </li>
@@ -551,7 +560,7 @@ The committed files are placed together with the  <code>.hg</code>  directory in
 <div class="sect2">
 <h3 id="_viewing_file_status_information">Viewing File Status Information</h3>
 <div class="paragraph">
-<p>When you are working in the Projects (Ctrl-1 on Windows/Command-1 on OS X), Files (Ctrl-2 on Windows/Command-2 on OS X), Favorites (Ctrl-3 on Windows/Command-3 on OS X), or Versioning windows, the IDE provides several visual features that aid in viewing status information about your files. In the example below, notice how the badge (e.g. image::images/blue-badge.png[]), color of the file name, and adjacent status label, all coincide with each other to provide you with a simple but eff [...]
+<p>When you are working in the Projects (Ctrl-1 on Windows/Command-1 on OS X), Files (Ctrl-2 on Windows/Command-2 on OS X), Favorites (Ctrl-3 on Windows/Command-3 on OS X), or Versioning windows, the IDE provides several visual features that aid in viewing status information about your files. In the example below, notice how the badge (e.g. <span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>), color of the file name, and adjacent status label, all coincide with  [...]
 </div>
 <div class="imageblock">
 <div class="content">
@@ -607,11 +616,11 @@ Status labels are textual indication of file status in the Versioning, Projects,
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Blue Badge</strong> (image::images/blue-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Blue Badge</strong> (<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates the presence of files that have been locally modified, added or deleted. For packages, this badge applies only to the package itself and not its subpackages. For projects or folders, the badge indicates changes within that item, or any of the contained subfolders.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Red Badge</strong> (image::images/red-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Red Badge</strong> (<span class="image"><img src="images/red-badge.png" alt="red badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Marks projects, folders or packages that contain <em>conflicting</em> files (i.e. local versions that conflict with versions maintained in the repository). For packages, this badge applies only to the package itself and not its subpackages. For projects or folders, the badge indicates conflicts within that item, or any of the contained subfolders.</p></td>
 </tr>
 </tbody>
@@ -635,27 +644,27 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Blue</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/blue-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/blue-text.png" alt="blue text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates that the file has been locally modified.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Green</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/green-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/green-text.png" alt="green text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates that the file has been locally added.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Red</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/red-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/red-text.png" alt="red text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates that the file contains conflicts between your local working copy and the repository&#8217;s version.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Gray</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/gray-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/gray-text.png" alt="gray text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates that the file is ignored by Mercurial and will not be included in versioning commands (e.g. Update and Commit). Files can only be made to be ignored if they have not yet been versioned.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Strike-Through</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/strike-through-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/strike-through-text.png" alt="strike through text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indicates that the file is excluded from commit operations. Strike-through text only appears in specific locations, such as the Versioning window or Commit dialog, when you choose to exclude individual files from a commit action. Such files are still affected by other Mercurial commands, such as Update.</p></td>
 </tr>
 </tbody>
@@ -730,22 +739,22 @@ Status labels are textual indication of file status in the Versioning, Projects,
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/refresh.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/refresh.png" alt="refresh"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Refresh Status</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Refreshes the status of the selected files and folders. Files displayed in the Versioning window can be refreshed to reflect any changes that may have been made externally.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/diff.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/diff.png" alt="diff"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Diff All</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Opens the Diff Viewer providing you with a side-by-side comparison of your local copies and the versions maintained in the repository.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/update.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/update.png" alt="update"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Update All</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Updates all selected files from the repository.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/commit.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/commit.png" alt="commit"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Commit All</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Enables you to commit local changes to the repository.</p></td>
 </tr>
@@ -766,13 +775,13 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Show Annotations</strong>: Displays author and revision number information in the left margin of files opened in the Source Editor.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/annotations.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/annotations.png" alt="annotations"></span></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Revert Modifications</strong>: Opens the Revert Modifications dialog which you can use to specify parameters for reverting any local changes to revisions maintained in the repository.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/search-rev-small.png[role="left", link="images/search-rev.png"]&#8201;&#8212;&#8201;</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;<span class="image left"><a class="image" href="images/search-rev.png"><img src="images/search-rev-small.png" alt="search rev small"></a></span>&#8201;&#8212;&#8201;</p></td>
 </tr>
 </tbody>
 </table>
@@ -781,7 +790,7 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <div class="sect2">
 <h3 id="_comparing_file_revisions">Comparing File Revisions</h3>
 <div class="paragraph">
-<p>Comparing file revisions is a common task when working with versioned projects. The IDE enables you to compare revisions by using the Diff command, which is available from the right-click menu of a selected item ( <code>Mercurial</code>  &gt;  <code>Diff</code>  &gt;  <code>Diff To Base</code>  or  <code>Mercurial</code>  &gt;  <code>Diff</code>  &gt;  <code>Diff To Revision</code> ), as well as from the Versioning window. In the Versioning window, you can perform diffs by either doub [...]
+<p>Comparing file revisions is a common task when working with versioned projects. The IDE enables you to compare revisions by using the Diff command, which is available from the right-click menu of a selected item ( <code>Mercurial</code>  &gt;  <code>Diff</code>  &gt;  <code>Diff To Base</code>  or  <code>Mercurial</code>  &gt;  <code>Diff</code>  &gt;  <code>Diff To Revision</code> ), as well as from the Versioning window. In the Versioning window, you can perform diffs by either doub [...]
 </div>
 <div class="paragraph">
 <p>When you perform a diff, a graphical Diff Viewer opens for the selected file(s) and revisions in the IDE&#8217;s main window. The Diff Viewer displays two copies in side-by-side panels. The more current copy appears on the right side, so if you are comparing a repository revision against your working copy, the working copy displays in the right panel:</p>
@@ -799,7 +808,7 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <p>The Diff Viewer makes use of the same <a href="#viewingChanges">color encoding</a> used elsewhere to display version control changes. In the screen capture displayed above, the green block indicates content that has been added to the more current revision. The red block indicates that content from the earlier revision has been removed from the later. Blue indicates that changes have occurred within the highlighted line(s).</p>
 </div>
 <div class="paragraph">
-<p>Also, when performing a diff on a group of files, such as on a project, package, or folder, or when clicking Diff All (image::images/diff.png[]), you can switch between diffs by clicking files listed in the upper region of the Diff Viewer.</p>
+<p>Also, when performing a diff on a group of files, such as on a project, package, or folder, or when clicking Diff All (<span class="image"><img src="images/diff.png" alt="diff"></span>), you can switch between diffs by clicking files listed in the upper region of the Diff Viewer.</p>
 </div>
 <div class="paragraph">
 <p>The Diff Viewer also provides you with the following functionality:</p>
@@ -827,17 +836,17 @@ Status labels are textual indication of file status in the Versioning, Projects,
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Replace</strong> (image::images/insert.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Replace</strong> (<span class="image"><img src="images/insert.png" alt="insert"></span>):</th>
 <th class="tableblock halign-left valign-top">Inserts the highlighted text from the previous revision into the current revision</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Move All</strong> (image::images/arrow.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Move All</strong> (<span class="image"><img src="images/arrow.png" alt="arrow"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Reverts the file&#8217;s current revision to the state of the selected previous revision</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remove</strong> (image::images/remove.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remove</strong> (<span class="image"><img src="images/remove.png" alt="remove"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Removes the highlighted text from the current revision so that it mirrors the previous revision</p></td>
 </tr>
 </tbody>
@@ -855,13 +864,13 @@ Status labels are textual indication of file status in the Versioning, Projects,
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Previous</strong> (image::images/diff-prev.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Previous</strong> (<span class="image"><img src="images/diff-prev.png" alt="diff prev"></span>):</th>
 <th class="tableblock halign-left valign-top">Goes to previous difference displayed in the diff</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Next</strong> (image::images/diff-next.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Next</strong> (<span class="image"><img src="images/diff-next.png" alt="diff next"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Goes to next difference displayed in the diff</p></td>
 </tr>
 </tbody>
@@ -895,14 +904,23 @@ Status labels are textual indication of file status in the Versioning, Projects,
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Click Merge. The IDE incorporates any differences found between the repository revisions and your local copy of the file. If merge conflicts occur, the file&#8217;s status is updated to <a href="#resolving">Merge Conflict</a> to indicate this.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Note: *After merging revisions to your local working copy, you must still commit changes using the Commit command in order for them to be added to the repository.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+After merging revisions to your local working copy, you must still commit changes using the Commit command in order for them to be added to the repository.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -935,7 +953,7 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <p>You can perform updates by choosing  <code>Team</code>  &gt;  <code>Update</code>  from the main menu.</p>
 </div>
 <div class="paragraph">
-<p>To perform an update on sources that you have modified, you can click the Update All icon (image::images/update.png[]), which displays in the toolbars located at the top of both the <a href="#versioning">Versioning Window</a>, as well as the <a href="#comparing">Diff Viewer</a>. Any changes that may have occurred in the repository are displayed in the Versioning Output window.</p>
+<p>To perform an update on sources that you have modified, you can click the Update All icon (<span class="image"><img src="images/update.png" alt="update"></span>), which displays in the toolbars located at the top of both the <a href="#versioning">Versioning Window</a>, as well as the <a href="#comparing">Diff Viewer</a>. Any changes that may have occurred in the repository are displayed in the Versioning Output window.</p>
 </div>
 </div>
 <div class="sect2">
@@ -949,7 +967,7 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <p>From the Projects, Files or Favorites windows, right-click new or modified items and choose  <code>Mercurial</code>  &gt;  <code>Commit</code> .</p>
 </li>
 <li>
-<p>From the Versioning window or Diff Viewer, click the Commit All (image::images/commit.png[]) button located in the toolbar.</p>
+<p>From the Versioning window or Diff Viewer, click the Commit All (<span class="image"><img src="images/commit.png" alt="commit"></span>) button located in the toolbar.</p>
 </li>
 </ul>
 </div>
@@ -993,7 +1011,7 @@ Status labels are textual indication of file status in the Versioning, Projects,
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Type in a commit message in the Commit Message text area. Alternatively, click the Recent Messages ( image::images/recent-msgs.png[] ) icon located in the upper right corner to view and select from a list of messages that you have previously used.</p>
+<p>Type in a commit message in the Commit Message text area. Alternatively, click the Recent Messages ( <span class="image"><img src="images/recent-msgs.png" alt="recent msgs"></span> ) icon located in the upper right corner to view and select from a list of messages that you have previously used.</p>
 </li>
 <li>
 <p>After specifying actions for individual files, click Commit. The IDE executes the commit and sends your local changes to the repository. The IDE&#8217;s status bar, located in the bottom right of the interface, displays as the commit action takes place. Upon a successful commit, versioning badges disappear in the Projects, Files and Favorites windows, and the color encoding of committed files returns to black.</p>
diff --git a/content/kb/docs/ide/mercurial_ja.html b/content/kb/docs/ide/mercurial_ja.html
index 26bcd71..4a62029 100644
--- a/content/kb/docs/ide/mercurial_ja.html
+++ b/content/kb/docs/ide/mercurial_ja.html
@@ -96,7 +96,7 @@
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
-<ul class="sectlevel2">
+<ul class="sectlevel1">
 <li><a href="#_内容">内容</a></li>
 <li><a href="#_要件">要件</a></li>
 <li><a href="#_mercurialの設定">Mercurialの設定</a></li>
@@ -140,8 +140,9 @@
 </div>
 </div>
 </div>
-<div class="sect2">
-<h3 id="_内容">内容</h3>
+<div class="sect1">
+<h2 id="_内容">内容</h2>
+<div class="sectionbody">
 <div class="imageblock">
 <div class="content">
 <img src="images/netbeans-stamp.png" alt="netbeans stamp">
@@ -192,6 +193,7 @@
 </ul>
 </div>
 </div>
+</div>
 <div class="sect1">
 <h2 id="_要件">要件</h2>
 <div class="sectionbody">
@@ -258,7 +260,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「Mercurial実行可能ファイル・パス」テキスト・フィールドに、実行可能ファイルのパスを入力するか、または「参照」をクリックしてシステム上のその場所まで移動します。パスにMercurial実行可能ファイルを_含める_必要はありません。</p>
 </li>
@@ -278,7 +280,7 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">hg clone /path/to/your/repository</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -336,7 +338,7 @@
 <p>*注意: *IDEのドロップダウン・メニューはコンテキスト依存です。つまり、使用可能なオプションは現在選択されている項目によって異なります。そのため、すでにMercurialプロジェクト内で作業している場合、メイン・メニューから「 <code>チーム</code> 」&gt;「 <code>リモート</code> 」&gt;「 <code>他をクローン</code> 」を選択できます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>「リポジトリURL」に、リポジトリのパス( <code><a href="http://hg.netbeans.org/main" class="bare">http://hg.netbeans.org/main</a></code> など)を入力します。</p>
 </li>
@@ -355,7 +357,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>プロキシを使用している場合は、「プロキシ構成」ボタンをクリックし、「オプション」ダイアログ・ボックスに必要な情報を入力します。リポジトリへの接続設定が正しいことを確認したら、「次」をクリックします。</p>
 </li>
@@ -374,7 +376,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>NetBeansユーザー名とパスワードを追加し、プロトコルを <code>https</code> に変更して、デフォルトのプッシュ・エントリを変更します。</p>
 </li>
@@ -402,7 +404,7 @@
 <p><strong>注意:</strong> Windowsを実行している場合、指定するパスの長さに注意してください。つまり、 <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code> は、ファイルのパスが非常に長いため、クローンが成功しないことがあります。かわりに <code>C:\</code> を使用してみてください。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>「チェックアウト後にNetBeansプロジェクトをスキャン」オプションを選択されたままにし、「終了」をクリックしてチェックアウト・アクションを開始します。
 IDEによって指定したソースがチェックアウトされ、リポジトリからローカルの作業用ディレクトリへのファイルのダウンロードの進捗状況がIDEのステータス・バーに示されます。チェックアウト中のファイルを、「出力」ウィンドウから表示することもできます(Windowsでは[Ctrl]-[4]、OS Xでは[Command]-[4])。</p>
@@ -441,7 +443,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>リポジトリ内でプロジェクトを配置するリポジトリ・フォルダを指定します。「ルート・パス」テキスト・フィールドには、デフォルトで、プロジェクトの名前を含むフォルダが自動的に提案されます。</p>
 </li>
@@ -474,7 +476,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>プロジェクトの右クリック・メニューから「 <code>Mercurial</code> 」&gt;「 <code>コミット</code> 」を選択し、これらのプロジェクト・ファイルをMercurialリポジトリにコミットします。「コミット - [プロジェクト名]」ダイアログ・ボックスが開きます。</p>
 </li>
@@ -490,7 +492,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>「コミット・メッセージ」テキスト領域にメッセージを入力し、「コミット」をクリックします。</p>
 </li>
@@ -566,25 +568,34 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <div class="paragraph">
 <p>マージンの特定の場所をクリックすると、インライン・カーソルがファイルのその場所にすぐに移動します。影響を受ける行数を表示するには、右側のマージンの色つきアイコンの上にマウスを動かします。</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;<span class="image left"><a class="image" href="images/left-ui.png"><img src="images/left-ui-small.png" alt="left ui small"></a></span>&#8201;&#8212;&#8201;
-<strong>左側のマージン</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;<span class="image left"><a class="image" href="images/right-ui.png"><img src="images/right-ui-small.png" alt="right ui small"></a></span>&#8201;&#8212;&#8201;
-<strong>右側のマージン</strong></p></td>
-</tr>
-</tbody>
-</table>
+<div class="openblock feature">
+<div class="content">
+<div class="paragraph">
+<p><span class="image left"><a class="image" href="images/left-ui.png"><img src="images/left-ui-small.png" alt="left ui small"></a></span></p>
+</div>
+</div>
+</div>
+<div class="paragraph">
+<p><strong>左側のマージン</strong></p>
+</div>
+<div class="paragraph">
+<p>|[.feature]</p>
+</div>
+<div class="openblock">
+<div class="content">
+<div class="paragraph">
+<p><span class="image left"><a class="image" href="images/right-ui.png"><img src="images/right-ui-small.png" alt="right ui small"></a></span></p>
+</div>
+</div>
+</div>
+<div class="paragraph">
+<p><strong>右側のマージン</strong></p>
+</div>
 </div>
 <div class="sect2">
 <h3 id="_ファイルのステータス情報の表示">ファイルのステータス情報の表示</h3>
 <div class="paragraph">
-<p>「プロジェクト」(Windowsでは[Ctrl]-[1]、OS Xでは[Command]-[1])、「ファイル」(Windowsでは[Ctrl]-[2]、OS Xでは[Command]-[2])、「お気に入り」(Windowsでは[Ctrl]-[3]、OS Xでは[Command]-[3])、または「バージョン管理」ウィンドウで作業する場合、IDEには、ファイルのステータス情報を表示するのに役立つ視覚機能がいくつかあります。次の例では、バッジ(例: image::images/blue-badge.png[])、ファイル名の色、および隣接するステータス・ラベルすべての相互の対応方法を確認し、ファイルに対するバージョン管理情報をトラックする単純だが効果的な方法について説明します。</p>
+<p>「プロジェクト」(Windowsでは[Ctrl]-[1]、OS Xでは[Command]-[1])、「ファイル」(Windowsでは[Ctrl]-[2]、OS Xでは[Command]-[2])、「お気に入り」(Windowsでは[Ctrl]-[3]、OS Xでは[Command]-[3])、または「バージョン管理」ウィンドウで作業する場合、IDEには、ファイルのステータス情報を表示するのに役立つ視覚機能がいくつかあります。次の例では、バッジ(例: <span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)、ファイル名の色、および隣接するステータス・ラベルすべての相互の対応方法を確認し、ファイルに対するバージョン管理情報をトラックする単純だが効果的な方法について説明します。</p>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -631,11 +642,11 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>青のバッジ</strong>(image::images/blue-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>青のバッジ</strong>(<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ローカルに変更、追加、または削除されたファイルの存在を示します。パッケージの場合、このバッジは、パッケージ自体にのみ適用され、そのサブパッケージには適用されません。プロジェクトまたはフォルダの場合、このバッジはその項目または含まれるサブフォルダ内の内容の変更を示します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>赤のバッジ</strong>(image::images/red-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>赤のバッジ</strong>(<span class="image"><img src="images/red-badge.png" alt="red badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">_競合する_ファイル(リポジトリに保存されているバージョンと競合するローカル・バージョン)を含むプロジェクト、フォルダまたはパッケージをマークします。パッケージの場合、このバッジは、パッケージ自体にのみ適用され、そのサブパッケージには適用されません。プロジェクトまたはフォルダの場合、このバッジはその項目または含まれるサブフォルダ内の競合を示しています。</p></td>
 </tr>
 </tbody>
@@ -659,27 +670,27 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>青</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/blue-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/blue-text.png" alt="blue text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルがローカルに変更されたことを示します。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>緑</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/green-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/green-text.png" alt="green text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルがローカルに追加されたことを示します。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>赤</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/red-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/red-text.png" alt="red text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルに、ローカル作業コピーとリポジトリのバージョン間の競合が含まれることを示します。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>グレー</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/gray-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/gray-text.png" alt="gray text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルがMercurialによって無視され、バージョン管理コマンド(更新やコミットなど)に含まれないことを示します。まだバージョン管理されていない場合にのみ、ファイルが無視されます。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>取消し線</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/strike-through-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/strike-through-text.png" alt="strike through text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルがコミット操作から除外されることを示します。取消し線テキストは、個々のファイルをコミット・アクションから除外することを選択すると、「バージョン管理」ウィンドウや「コミット」ダイアログなどの特定の場所にのみ表示されます。そのようなファイルは、「更新」など、他のMercurialコマンドの影響は引続き受けます。</p></td>
 </tr>
 </tbody>
@@ -754,22 +765,22 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/refresh.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/refresh.png" alt="refresh"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>ステータスのリフレッシュ</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">選択したファイルとフォルダのステータスをリフレッシュします。「バージョン管理」ウィンドウに表示されたファイルは、外部で行われた可能性のある任意の変更を反映してリフレッシュできます。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/diff.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/diff.png" alt="diff"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべて差分を取得</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">差分ビューアを開くと、ローカルのコピーとリポジトリで保持されているバージョンを並べた比較が表示されます。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/update.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/update.png" alt="update"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべて更新</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">リポジトリから選択したファイルをすべて更新します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/commit.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/commit.png" alt="commit"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべてコミット</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ローカルの変更をリポジトリにコミットできます。</p></td>
 </tr>
@@ -790,13 +801,13 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>注釈を表示</strong>: ソース・エディタで開かれているファイルの左側のマージンに、作成者、リビジョン番号情報を表示します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/annotations.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/annotations.png" alt="annotations"></span></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>変更内容を元に戻す</strong>: ローカルの変更をリポジトリで管理されているリビジョンに戻す場合のパラメータを指定するために使用できる「変更内容を元に戻す」ダイアログを開きます。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/search-rev-small.png[role="left", link="images/search-rev.png"]&#8201;&#8212;&#8201;</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;<span class="image left"><a class="image" href="images/search-rev.png"><img src="images/search-rev-small.png" alt="search rev small"></a></span>&#8201;&#8212;&#8201;</p></td>
 </tr>
 </tbody>
 </table>
@@ -805,17 +816,15 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <div class="sect2">
 <h3 id="_ファイル_リビジョンの比較">ファイル・リビジョンの比較</h3>
 <div class="paragraph">
-<p>ファイル・リビジョンの比較は、バージョン管理されているプロジェクトを操作する場合に一般的なタスクです。差分コマンドを使用すると、IDEでリビジョンを比較できます。差分コマンドは、選択した項目の右クリック・メニュー(「 <code>Mercurial</code> 」&gt;「 <code>差分</code> 」&gt;「 <code>ベースとの差分</code> 」または「 <code>Mercurial</code> 」&gt;「 <code>差分</code> 」&gt;「 <code>リビジョンとの差分</code> 」)および「バージョン管理」ウィンドウから使用できます。「バージョン管理」ウィンドウで、差分を実行するには、リストされているファイルをダブルクリックするか、上部のツールバーにある「すべて差分を取得」アイコン(image::images/diff.png[])をクリックします。</p>
+<p>ファイル・リビジョンの比較は、バージョン管理されているプロジェクトを操作する場合に一般的なタスクです。差分コマンドを使用すると、IDEでリビジョンを比較できます。差分コマンドは、選択した項目の右クリック・メニュー(「 <code>Mercurial</code> 」&gt;「 <code>差分</code> 」&gt;「 <code>ベースとの差分</code> 」または「 <code>Mercurial</code> 」&gt;「 <code>差分</code> 」&gt;「 <code>リビジョンとの差分</code> 」)および「バージョン管理」ウィンドウから使用できます。「バージョン管理」ウィンドウで、差分を実行するには、リストされているファイルをダブルクリックするか、上部のツールバーにある「すべて差分を取得」アイコン(<span class="image"><img src="images/diff.png" alt="diff"></span>)をクリックします。</p>
 </div>
 <div class="paragraph">
 <p>差分の取得を実行すると、選択したファイルとリビジョンについてグラフィカルな差分ビューアがIDEのメイン・ウィンドウで開きます。差分ビューアには2つのコピーが並んだパネルに表示されます。右側により現在に近いコピーが表示されるため、作業コピーに対してリポジトリ・リビジョンを比較すると、右パネルに作業コピーが表示されます。</p>
 </div>
 <div class="openblock feature">
 <div class="content">
-<div class="imageblock left">
-<div class="content">
-<a class="image" href="images/diff-viewer.png"><img src="images/diff-viewer-small.png" alt="diff viewer small"></a>
-</div>
+<div class="paragraph">
+<p><span class="image left"><a class="image" href="images/diff-viewer.png"><img src="images/diff-viewer-small.png" alt="diff viewer small"></a></span></p>
 </div>
 </div>
 </div>
@@ -823,7 +832,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <p>差分ビューアは、バージョン管理の変更を表示する場所に使用されているのと同じ<a href="#viewingChanges">色分け</a>を利用します。前に表示したスクリーン・ショットの緑色のブロックは、より現在に近いリビジョンに追加された内容を示します。赤いブロックは、前のリビジョンの内容が、より最近のリビジョンから除去されたことを示します。青は、強調表示された行で変更が発生したことを示します。</p>
 </div>
 <div class="paragraph">
-<p>また、プロジェクト、パッケージまたはフォルダなどのグループで差分を実行する場合、あるいは「すべて差分を取得」(image::images/diff.png[])をクリックする場合は、差分ビューアの上部領域にリストされているファイルをクリックすると、差分を切り替えることができます。</p>
+<p>また、プロジェクト、パッケージまたはフォルダなどのグループで差分を実行する場合、あるいは「すべて差分を取得」(<span class="image"><img src="images/diff.png" alt="diff"></span>)をクリックする場合は、差分ビューアの上部領域にリストされているファイルをクリックすると、差分を切り替えることができます。</p>
 </div>
 <div class="paragraph">
 <p>差分ビューアには次の機能もあります。</p>
@@ -850,17 +859,17 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>置換</strong>(image::images/insert.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>置換</strong>(<span class="image"><img src="images/insert.png" alt="insert"></span>):</th>
 <th class="tableblock halign-left valign-top">前のリビジョンから現在のリビジョンに、強調表示されたテキストを挿入します。</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべて移動</strong>(image::images/arrow.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>すべて移動</strong>(<span class="image"><img src="images/arrow.png" alt="arrow"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">ファイルの現在のリビジョンを、選択した前のリビジョンの状態に戻します。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>除去</strong>(image::images/remove.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>除去</strong>(<span class="image"><img src="images/remove.png" alt="remove"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">現在のリビジョンから強調表示されているテキストを除去し、以前のリビジョンを反映させます。</p></td>
 </tr>
 </tbody>
@@ -878,13 +887,13 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>前</strong>(image::images/diff-prev.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>前</strong>(<span class="image"><img src="images/diff-prev.png" alt="diff prev"></span>):</th>
 <th class="tableblock halign-left valign-top">差分内で、前に表示された差分に移動します。</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>次</strong>(image::images/diff-next.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>次</strong>(<span class="image"><img src="images/diff-next.png" alt="diff next"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">差分内で、次に表示された差分に移動します。</p></td>
 </tr>
 </tbody>
@@ -919,7 +928,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>「マージ」をクリックします。IDEによって、リポジトリ・リビジョンとファイルのローカル・コピー間に検出されたすべての相違が取り込まれます。マージ競合が発生した場合、ファイルのステータスはこれを示すために「<a href="#resolving">競合をマージ</a>」に更新されます。</p>
 </li>
@@ -959,7 +968,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <p>更新を実行するには、メイン・メニューから「 <code>チーム</code> 」&gt;「 <code>更新</code> 」を選択します。</p>
 </div>
 <div class="paragraph">
-<p>変更したソースに対して更新を実行するには、「すべて更新」アイコン(image::images/update.png[])をクリックしますが、このアイコンは<a href="#versioning">「バージョン管理」ウィンドウ</a>と<a href="#comparing">差分ビューア</a>の両方の上部にあるツールバーに表示されます。リポジトリで行われた変更は、「バージョン管理の出力」ウィンドウに表示されます。</p>
+<p>変更したソースに対して更新を実行するには、「すべて更新」アイコン(<span class="image"><img src="images/update.png" alt="update"></span>)をクリックしますが、このアイコンは<a href="#versioning">「バージョン管理」ウィンドウ</a>と<a href="#comparing">差分ビューア</a>の両方の上部にあるツールバーに表示されます。リポジトリで行われた変更は、「バージョン管理の出力」ウィンドウに表示されます。</p>
 </div>
 </div>
 <div class="sect2">
@@ -973,7 +982,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <p>「プロジェクト」、「ファイル」または「お気に入り」ウィンドウで、新規または変更した項目を右クリックし、「 <code>Mercurial</code> 」&gt;「 <code>コミット</code> 」を選択します。</p>
 </li>
 <li>
-<p>「バージョン管理」ウィンドウまたは差分ビューアから、ツールバーにある「すべてコミット」(image::images/commit.png[])ボタンをクリックします。</p>
+<p>「バージョン管理」ウィンドウまたは差分ビューアから、ツールバーにある「すべてコミット」(<span class="image"><img src="images/commit.png" alt="commit"></span>)ボタンをクリックします。</p>
 </li>
 </ul>
 </div>
@@ -1017,7 +1026,7 @@ IDEによって指定したソースがチェックアウトされ、リポジ
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>「コミット・メッセージ」テキスト領域にコミット・メッセージを入力します。または、右上隅にある「最近のメッセージ」(image::images/recent-msgs.png[])アイコンをクリックして、以前使用したメッセージのリストを表示して選択します。</p>
+<p>「コミット・メッセージ」テキスト領域にコミット・メッセージを入力します。または、右上隅にある「最近のメッセージ」(<span class="image"><img src="images/recent-msgs.png" alt="recent msgs"></span>)アイコンをクリックして、以前使用したメッセージのリストを表示して選択します。</p>
 </li>
 <li>
 <p>個々のファイルのアクションを指定して「コミット」をクリックします。IDEによってコミットが実行され、ローカルの変更がリポジトリに送信されます。コミット・アクションが実行されると、インタフェースの右下にあるIDEのステータス・バーが表示されます。コミットに成功すると、「プロジェクト」、「ファイル」および「お気に入り」ウィンドウのバージョン管理バッジが消え、コミットされたファイルの色分けが黒に戻ります。</p>
diff --git a/content/kb/docs/ide/mercurial_pt_BR.html b/content/kb/docs/ide/mercurial_pt_BR.html
index 1a39d83..8229769 100644
--- a/content/kb/docs/ide/mercurial_pt_BR.html
+++ b/content/kb/docs/ide/mercurial_pt_BR.html
@@ -97,7 +97,6 @@
             <div id="toc" class="toc">
 <div id="toctitle"></div>
 <ul class="sectlevel1">
-<li><a href="#_requisitos">Requisitos</a></li>
 <li><a href="#_configurando_o_mercurial">Configurando o Mercurial</a></li>
 <li><a href="#_sincronizando_arquivos_locais_com_um_repositório">Sincronizando Arquivos Locais com um Repositório</a>
 <ul class="sectlevel2">
@@ -137,46 +136,6 @@
 <div class="paragraph">
 <p>O suporte ao Mercurial do IDE é semelhante ao suporte ao Subversion do IDE. A principal diferença é que o Mercurial é um sistema de controle de revisões distribuído. Usuários em geral começam <em>clonando</em> um repositório externo para trabalhar. Este clone é uma cópia completa do repositório, incluindo o histórico de revisões. É possível clonar a cópia local sempre que precisar e quando pronta, realizar um push das alterações locais de volta para o repositório original, se tiver pe [...]
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp.png" alt="netbeans stamp">
-</div>
-<div class="title">Figure 1. O conteúdo desta página se aplica ao NetBeans IDE 8.0</div>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="_requisitos">Requisitos</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p><strong>Para concluir este tutorial, você precisa dos seguintes recursos e softwares.</strong></p>
-</div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<thead>
-<tr>
-<th class="tableblock halign-left valign-top">Software ou Recurso</th>
-<th class="tableblock halign-left valign-top">Versão Necessária</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="https://netbeans.org/downloads/index.html">NetBeans IDE</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Versão 8.0</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">Java Development Kit</a> (JDK)</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Versão 7 ou 8</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><a href="http://www.selenic.com/mercurial/">Software do cliente do Mercurial</a></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">1.04 ou uma versão mais recente</p></td>
-</tr>
-</tbody>
-</table>
 </div>
 </div>
 <div class="sect1">
@@ -211,7 +170,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>No campo de texto do Caminho do Executável do Mercurial, digite o caminho do arquivo executável ou clique em Explorar para navegar até ele em seu sistema. Observe que não é necessário _incluir_o arquivo executável Mercurial no caminho.</p>
 </li>
@@ -234,8 +193,17 @@
 <pre class="prettyprint highlight"><code class="language-java" data-lang="java">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> os repositórios do NetBeans Mercurial (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) são usados para fins de demonstração nesse tutorial.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+os repositórios do NetBeans Mercurial (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) são usados para fins de demonstração nesse tutorial.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -285,11 +253,20 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*Observação: *os menus drop-down do IDE se adaptam ao contexto, ou seja, as opções disponíveis dependem do item selecionado no momento. Portanto, se você já estiver trabalhando dentro de um projeto Mercurial, poderá escolher  <code>Equipe</code>  &gt;  <code>Remoto</code>  &gt;  <code>Clonar Outros</code>  no menu principal.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+os menus drop-down do IDE se adaptam ao contexto, ou seja, as opções disponíveis dependem do item selecionado no momento. Portanto, se você já estiver trabalhando dentro de um projeto Mercurial, poderá escolher  <code>Equipe</code>  &gt;  <code>Remoto</code>  &gt;  <code>Clonar Outros</code>  no menu principal.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>No URK do repositório, insira o caminho para o repositório (e.g.  <code><a href="http://hg.netbeans.org/main" class="bare">http://hg.netbeans.org/main</a></code> ).</p>
 </li>
@@ -308,7 +285,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Caso esteja usando um proxy, certifique-se de clicar no botão Configuração de Proxy e insira quaisquer informações solicitadas na caixa de diálogo Opções. Quando tiver certeza de que suas definições de conexão estão corretas, clique em Próximo.</p>
 </li>
@@ -327,7 +304,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Modifique a entrada de expansão default ao adicionar o nome de usuário e senha do NetBeans e modificar o protocolo para  <code>https</code> .</p>
 </li>
@@ -351,19 +328,37 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*Observação: *se estiver usando o Windows, tome cuidado com o tamanho do caminho que especificar, isto é,  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code>  pode causar uma falha na clonagem devido a um caminho muito longo. Tente usar  <code>C:\</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+se estiver usando o Windows, tome cuidado com o tamanho do caminho que especificar, isto é,  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code>  pode causar uma falha na clonagem devido a um caminho muito longo. Tente usar  <code>C:\</code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>Deixe selecionada a opção Procurar por Projetos do NetBeans após Check-out e, em seguida, clique em Finalizar para iniciar a ação de check-out.
 O IDE faz check-out dos códigos-fonte especificados, e a barra de status do IDE indica o andamento do download dos arquivos do repositório no seu diretório de trabalho local. Você também pode exibir os arquivos que estão tendo check-out na janela de Saída (Ctrl-4 no Windows/Commandd-4 no OS X).</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *caso os códigos-fonte com check-out contenham projetos NetBeans, uma caixa de diálogo será exibida solicitando a abertura deles no IDE. Se os códigos-fonte não contiverem um projeto, aparecerá uma caixa de diálogo solicitando que você crie um novo projeto a partir dos códigos-fonte e, a seguir, que o abra no IDE. Caso você crie um novo projeto para tal código-fonte, selecione a categoria de projeto apropriada (no assistente Novo projeto), e a seguir use a opção Com códig [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+caso os códigos-fonte com check-out contenham projetos NetBeans, uma caixa de diálogo será exibida solicitando a abertura deles no IDE. Se os códigos-fonte não contiverem um projeto, aparecerá uma caixa de diálogo solicitando que você crie um novo projeto a partir dos códigos-fonte e, a seguir, que o abra no IDE. Caso você crie um novo projeto para tal código-fonte, selecione a categoria de projeto apropriada (no assistente Novo projeto), e a seguir use a opção Com códigos-fonte existent [...]
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -371,8 +366,17 @@ O IDE faz check-out dos códigos-fonte especificados, e a barra de status do IDE
 <div class="paragraph">
 <p>Alternativamente, você pode importar um projeto no qual estava trabalhando no IDE para um repositório remoto e, a seguir, continuar a trabalhar nele no IDE após ele ter sido sincronizado.</p>
 </div>
-<div class="paragraph">
-<p>*Observação: *apesar de que de fato você está <em>exportando</em> arquivos do sistema, o termo 'importar" é usado nos sistemas de controle de versão para indicar que os arquivos estão sendo _importados em _um repositório.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+apesar de que de fato você está <em>exportando</em> arquivos do sistema, o termo 'importar" é usado nos sistemas de controle de versão para indicar que os arquivos estão sendo _importados em _um repositório.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Para importar um projeto para um repositório:</p>
@@ -394,7 +398,7 @@ O IDE faz check-out dos códigos-fonte especificados, e a barra de status do IDE
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Especifique a pasta de repositório em que deseja colocar o projeto no repositório. Uma pasta contendo o nome do seu projeto é sugerida para você por default no campo de texto do Caminho-Raiz.</p>
 </li>
@@ -414,8 +418,17 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*Observação: *uma vez que os arquivos do projeto estiverem no controle de versão do Mercurial, eles são são registrados no repositório como  <code>Localmente Novo</code> . Os novos arquivos e seu status podem ser exibidos clicando em  <code>Mercurial</code>  &gt;  <code>Mostrar alterações</code>  no menu de contexto.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+uma vez que os arquivos do projeto estiverem no controle de versão do Mercurial, eles são são registrados no repositório como  <code>Localmente Novo</code> . Os novos arquivos e seu status podem ser exibidos clicando em  <code>Mercurial</code>  &gt;  <code>Mostrar alterações</code>  no menu de contexto.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -427,7 +440,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Selecione  <code>Mercurial</code>  &gt;  <code>Confirmar</code>  no menu de contexto para confirmar esses arquivos de projeto para o repositório do Mercurial. A caixa de diálogo Confirmar - [ProjectName] é aberta.</p>
 </li>
@@ -443,14 +456,23 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Digite sua mensagem na área de texto Confirmar Mensagem e clique em Confirmar.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> os arquivos confirmados são colocados no diretório  <code>.hg</code>  do repositório do Mercurial. Os detalhes de confirmação estão disponíveis na janela de Saída do IDE (Ctrl-4 no Windows/Command-4 no OS X).</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+os arquivos confirmados são colocados no diretório  <code>.hg</code>  do repositório do Mercurial. Os detalhes de confirmação estão disponíveis na janela de Saída do IDE (Ctrl-4 no Windows/Command-4 no OS X).
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -519,33 +541,48 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <div class="paragraph">
 <p>Observe que você pode clicar em um ponto específico na margem para trazer imediatamente o seu cursor in-line para esse local no arquivo. Para exibir o número de linhas afetadas, passe o mouse sobre os ícones coloridos na margem direita:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/left-ui-small.png[role="left", link="images/left-ui.png"]&#8201;&#8212;&#8201;
-<strong>Margem esquerda</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/right-ui-small.png[role="left", link="images/right-ui.png"]&#8201;&#8212;&#8201;
-<strong>Margem direita</strong></p></td>
-</tr>
-</tbody>
-</table>
+<div class="openblock feature">
+<div class="content">
+<div class="imageblock left">
+<div class="content">
+<a class="image" href="images/left-ui.png"><img src="images/left-ui-small.png" alt="left ui small"></a>
+</div>
+<div class="title">Figure 1. Margem esquerda</div>
+</div>
+</div>
+</div>
+<div class="openblock feature">
+<div class="content">
+<div class="imageblock left">
+<div class="content">
+<a class="image" href="images/right-ui.png"><img src="images/right-ui-small.png" alt="right ui small"></a>
+</div>
+<div class="title">Figure 2. Margem direita</div>
+</div>
+</div>
+</div>
 </div>
 <div class="sect2">
 <h3 id="_exibindo_informações_de_status_do_arquivo">Exibindo Informações de Status do Arquivo</h3>
 <div class="paragraph">
-<p>Quando você está trabalhando nas janelas Projetos (Ctrl-1 no Windows/Command-1 no OS X), Arquivos (Ctrl-2 no Windows/Command-2 no OS X), Favoritos (Ctrl-3 no Windows/Command-3 no Mac X) ou de Controle de Versão, o IDE fornece várias funcionalidades visuais que ajudam a exibir as informações de status sobre seus arquivos. No exemplo a seguir, observe como o emblema (por exemplo, image::images/blue-badge.png[]), cor do nome do arquivo, e label de status adjacente, todos coincidem com ou [...]
+<p>Quando você está trabalhando nas janelas Projetos (Ctrl-1 no Windows/Command-1 no OS X), Arquivos (Ctrl-2 no Windows/Command-2 no OS X), Favoritos (Ctrl-3 no Windows/Command-3 no Mac X) ou de Controle de Versão, o IDE fornece várias funcionalidades visuais que ajudam a exibir as informações de status sobre seus arquivos. No exemplo a seguir, observe como o emblema (por exemplo, <span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>), cor do nome do arquivo, e la [...]
 </div>
 <div class="imageblock">
 <div class="content">
 <img src="images/badge-example.png" alt="badge example">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> os labels de status são indicação textual do status do arquivo nas janelas Controle de Versão, Projetos e Arquivos. Para exibir labels de status, escolha Exibir &gt; Mostrar Labels de Controle de Versão na barra de ferramentas principal.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+os labels de status são indicação textual do status do arquivo nas janelas Controle de Versão, Projetos e Arquivos. Para exibir labels de status, escolha Exibir &gt; Mostrar Labels de Controle de Versão na barra de ferramentas principal.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Os emblemas, a codificação de cor, os labels de status do arquivo e, talvez o mais importante, a janela de Controle de Versão ajudam a exibir e gerenciar de forma eficiente as informações de controle de versão no IDE.</p>
@@ -584,11 +621,11 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Emblema Azul</strong> (image::images/blue-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Emblema Azul</strong> (<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica a presença de arquivos que foram localmente modificados, adicionados ou deletados. No caso de pacotes, esse emblema se aplica somente ao pacote em si, e não aos seus subpacotes. Para projetos ou pastas, o emblema indica as alterações nesse item, ou em qualquer uma das subpastas contidas.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Emblema Vermelho</strong> (image::images/red-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Emblema Vermelho</strong> (<span class="image"><img src="images/red-badge.png" alt="red badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Marca os projetos, as pastas ou os pacotes que tenham arquivos <em>conflitantes</em> (i.e., versões locais que apresentam conflito com as versões do repositório). No caso de pacotes, esse emblema se aplica somente ao pacote em si, e não aos seus subpacotes. Para projetos ou pastas, o emblema indica os conflitos nesse item ou em qualquer uma das subpastas contidas.</p></td>
 </tr>
 </tbody>
@@ -612,27 +649,27 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Azul</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/blue-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/blue-text.png" alt="blue text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica que o arquivo foi modificado localmente.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Verde</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/green-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/green-text.png" alt="green text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica que o arquivo foi adicionado localmente.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Vermelho</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/red-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/red-text.png" alt="red text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica que o arquivo contém conflitos entre sua cópia local de trabalho e a versão no repositório.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Cinza</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/gray-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/gray-text.png" alt="gray text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica que os arquivo é ignorado pelo Mercurial e não será incluído nos comandos de controle de versão (ou seja, Atualizar e Confirmar). Os arquivos só podem ser ignorados caso ainda não tenham tido controle de versão.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Tachado</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/strike-through-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/strike-through-text.png" alt="strike through text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Indica que o arquivo foi excluído das operações de confirmação. O texto tachado aparece somente em locais específicos, como na janela de Controle de Versão ou na caixa de diálogo Confirmar, quando você decide excluir arquivos individuais de uma ação de confirmação. Tais arquivos ainda são afetados por outros comandos do Mercurial, tais como Atualizar.</p></td>
 </tr>
 </tbody>
@@ -707,22 +744,22 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/refresh.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/refresh.png" alt="refresh"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Atualizar Status</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Atualiza o status dos arquivos e pastas selecionados. Os arquivos exibidos na janela de Controle de Versão podem ser atualizados para refletir quaisquer alterações feitas externamente.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/diff.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/diff.png" alt="diff"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Diferenciar Tudo</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Abre o Visualizador de Diferenciação que fornece uma comparação lado a lado de suas cópias locais e das versões mantidas no repositório.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/update.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/update.png" alt="update"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Atualizar Todos</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Atualiza todos os arquivos selecionados no repositório.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/commit.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/commit.png" alt="commit"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Confirmar Tudo</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Permite que você confirme todas as atualizações locais no repositório.</p></td>
 </tr>
@@ -743,13 +780,11 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Mostrar Anotações</strong>: exibe o autor e as informações do número da revisão na margem esquerda dos arquivos abertos no Editor de Código-fonte.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/annotations.png[]</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Reverter Modificações</strong>: abre a caixa de diálogo Reverter Modificações que pode ser usada para especificar parâmetros para reverter quaisquer mudanças locais em revisões mantidas no repositório.</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/annotations.png" alt="annotations"></span></p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/search-rev-small.png[role="left", link="images/search-rev.png"]&#8201;&#8212;&#8201;</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Reverter Modificações</strong>: abre a caixa de diálogo Reverter Modificações que pode ser usada para especificar parâmetros para reverter quaisquer mudanças locais em revisões mantidas no repositório.</p>
+<p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/search-rev-small.png[role="left", link="images/search-rev.png"]&#8201;&#8212;&#8201;</p></td>
 </tr>
 </tbody>
 </table>
@@ -758,7 +793,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <div class="sect2">
 <h3 id="_comparando_revisões_de_arquivos">Comparando Revisões de Arquivos</h3>
 <div class="paragraph">
-<p>Comparar revisões de arquivos é uma tarefa comum ao se trabalhar com projetos com controle de versão. O IDE permite que você compare versões, usando o comando Diferenciar, que está disponível no menu de contexto de um item selecionado ( <code>Mercurial</code>  &gt;  <code>Diferenciar</code>  &gt;  <code>Diferenciar para Base</code>  ou  <code>Mercurial</code>  &gt;  <code>Diferenciar</code>  &gt;  <code>Diferenciar para Revisão</code> ), assim como na janela de Controle de Versão. Na  [...]
+<p>Comparar revisões de arquivos é uma tarefa comum ao se trabalhar com projetos com controle de versão. O IDE permite que você compare versões, usando o comando Diferenciar, que está disponível no menu de contexto de um item selecionado ( <code>Mercurial</code>  &gt;  <code>Diferenciar</code>  &gt;  <code>Diferenciar para Base</code>  ou  <code>Mercurial</code>  &gt;  <code>Diferenciar</code>  &gt;  <code>Diferenciar para Revisão</code> ), assim como na janela de Controle de Versão. Na  [...]
 </div>
 <div class="paragraph">
 <p>Quando você faz uma diferenciação, um Visualizador de Diferenciação gráfico é aberto para os arquivos e revisões selecionados na janela principal do IDE. O Visualizador de Diferenciação exibe duas cópias nos painéis lado a lado. A cópia mais atual aparece no lado direito, portanto, se você estiver comparando uma revisão do repositório com sua cópia de trabalho, a cópia de trabalho é exibida no painel direito:</p>
@@ -776,7 +811,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <p>O visualizador de Diferenciação usa a mesma <a href="#viewingChanges">codificação de cor</a> usada para exibir alterações de controle de versão. Na captura de tela exibida acima, o bloco verde indica o conteúdo que foi adicionado à revisão mais atual. O bloco vermelho indica que o conteúdo da revisão anterior foi removido da última revisão. Azul indica que as alterações ocorreram na(s) linha(s) realçada(s).</p>
 </div>
 <div class="paragraph">
-<p>Além disso, ao executar uma diferenciação em um grupo de arquivos, como em um projeto, pacote ou pasta, ou quando clicar em diferenciar todos (image::images/diff.png[]), você pode alternar entre diferenciais clicando em arquivos listados na região superior do Visualizador de Diferenciação.</p>
+<p>Além disso, ao executar uma diferenciação em um grupo de arquivos, como em um projeto, pacote ou pasta, ou quando clicar em diferenciar todos (<span class="image"><img src="images/diff.png" alt="diff"></span>), você pode alternar entre diferenciais clicando em arquivos listados na região superior do Visualizador de Diferenciação.</p>
 </div>
 <div class="paragraph">
 <p>A ferramenta Visualizador de Diferenciação fornece a seguinte funcionalidade:</p>
@@ -803,17 +838,17 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Substituir</strong> (image::images/insert.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Substituir</strong> (<span class="image"><img src="images/insert.png" alt="insert"></span>):</th>
 <th class="tableblock halign-left valign-top">Insere o texto realçado da revisão anterior na revisão atual</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Mover Todos</strong> (image::images/arrow.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Mover Todos</strong> (<span class="image"><img src="images/arrow.png" alt="arrow"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Reverte a revisão atual do arquivo para o estado da revisão anterior selecionada</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remover</strong> (image::images/remove.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remover</strong> (<span class="image"><img src="images/remove.png" alt="remove"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Remove o texto realçado da revisão atual para que ela espelhe a revisão anterior</p></td>
 </tr>
 </tbody>
@@ -831,13 +866,13 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Anterior</strong> (image::images/diff-prev.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Anterior</strong> (<span class="image"><img src="images/diff-prev.png" alt="diff prev"></span>):</th>
 <th class="tableblock halign-left valign-top">Vai para a diferença anterior exibida na diferenciação</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Próximo</strong> (image::images/diff-next.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Próximo</strong> (<span class="image"><img src="images/diff-next.png" alt="diff next"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Vai para a próxima diferença exibida na diferenciação</p></td>
 </tr>
 </tbody>
@@ -872,14 +907,23 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Clique em Mesclar. O IDE incorpora quaisquer diferenças constatadas entre a versão de revisão do repositório e a cópia local do arquivo. Se ocorrerem conflitos de mesclagem, o status do arquivo será atualizado em <a href="#resolving">Conflito de Mesclagem</a> para indicar o fato.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> depois de mesclar as alterações do arquivo com o diretório de trabalho local, ainda é necessário confirmar as alterações usando o comando Confirmar para poder adicionar as alterações ao repositório.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+depois de mesclar as alterações do arquivo com o diretório de trabalho local, ainda é necessário confirmar as alterações usando o comando Confirmar para poder adicionar as alterações ao repositório.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -912,7 +956,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <p>Você pode executar alterações ao escolher  <code>Equipe</code>  &gt;  <code>Atualizar</code>  a partir do menu principal.</p>
 </div>
 <div class="paragraph">
-<p>Para executar uma atualização em códigos-fonte que você modificou, você pode clicar no ícone Atualizar Tudo (image::images/update.png[]), que exibe as barras de ferramentas localizada na parte superior do <a href="#versioning">Controle de Versão</a> e no Visualizador de Diferenciação<a href="#comparing">. Quaisquer alterações que possam ter ocorrido no repositório são exibidas na janela de Saída de Controle de Versão.</a></p>
+<p>Para executar uma atualização em códigos-fonte que você modificou, você pode clicar no ícone Atualizar Tudo (<span class="image"><img src="images/update.png" alt="update"></span>), que exibe as barras de ferramentas localizada na parte superior do <a href="#versioning">Controle de Versão</a> e no Visualizador de Diferenciação<a href="#comparing">. Quaisquer alterações que possam ter ocorrido no repositório são exibidas na janela de Saída de Controle de Versão.</a></p>
 </div>
 <div class="paragraph">
 <p><a href="#comparing"></a></p>
@@ -929,7 +973,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <p>Nas janelas Projetos, Arquivos ou Favoritos, clique com o botão direito do mouse nos itens novos ou modificados e escolha  <code>Mercurial</code>  &gt;  <code>Confirmar</code> .</p>
 </li>
 <li>
-<p>Na janela Visualizador de Controle de Versão ou de Diferenciação, clique no botão Confirmar Tudo (image::images/commit.png[]) localizado na barra de ferramentas.</p>
+<p>Na janela Visualizador de Controle de Versão ou de Diferenciação, clique no botão Confirmar Tudo (<span class="image"><img src="images/commit.png" alt="commit"></span>) localizado na barra de ferramentas.</p>
 </li>
 </ul>
 </div>
@@ -973,7 +1017,7 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Digite uma mensagem de confirmação na área de texto Mensagem de Confirmação. Se preferir, clique no ícone de Mensagens Recentes (image::images/recent-msgs.png[]) localizado no canto superior direito para ver e selecionar de uma lista de mensagens que você usou anteriormente existente.</p>
+<p>Digite uma mensagem de confirmação na área de texto Mensagem de Confirmação. Se preferir, clique no ícone de Mensagens Recentes (<span class="image"><img src="images/recent-msgs.png" alt="recent msgs"></span>) localizado no canto superior direito para ver e selecionar de uma lista de mensagens que você usou anteriormente existente.</p>
 </li>
 <li>
 <p>Depois de especificar ações para arquivos individuais, clique em Confirmar. O IDE executa a confirmação e envia suas alterações locais para o repositório. A barra de status do IDE, localizada na parte inferior direita da interface, é exibida conforme a ação de confirmação ocorre. Com uma confirmação bem-sucedida, as identificações de controle de versão desaparecem nas janelas Projetos, Arquivos e Favoritos e a codificação de cor dos arquivos confirmados volta a ser preta.</p>
@@ -1030,8 +1074,17 @@ Escolha Janela &gt; Saída para abrir a janela Saída e exibir o progresso.</p>
 <div class="paragraph">
 <p>Para expandir alterações, escolha  <code>Equipe</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Remoto</code>  &gt;  <code>Expandir Ramificação Atual</code> ,  <code>Equipe</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Remoto</code>  &gt;  <code>Expandir Todas as Ramificações</code>  ou  <code>Equipe</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Remoto</code>  &gt;  <code>Expandir</code>  do menu principal. A saída de uma Expansão bem-sucedida listará quaisquer conjunt [...]
 </div>
-<div class="paragraph">
-<p>*Observação: *uma vez que uma cópia do repositório completo existe no sistema, a prática comum é realizar várias confirmações no repositório local e apenas após uma tarefa ter sido concluída, executar a expansão para o repositório compartilhado.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+uma vez que uma cópia do repositório completo existe no sistema, a prática comum é realizar várias confirmações no repositório local e apenas após uma tarefa ter sido concluída, executar a expansão para o repositório compartilhado.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/mercurial_ru.html b/content/kb/docs/ide/mercurial_ru.html
index 490be85..04ca1a9 100644
--- a/content/kb/docs/ide/mercurial_ru.html
+++ b/content/kb/docs/ide/mercurial_ru.html
@@ -137,12 +137,6 @@
 <div class="paragraph">
 <p>Поддержка Mercurial в среде IDE схожа с поддержкой Subversion в среде IDE. Основное различие в том, что Mercurial — это распределенная система контроля версий. Обычно пользователи начинают с <em>клонирования</em> внешнего репозитория для работы. Этот клон — полная копия репозитория, включая журнал редакций. Можно клонировать локальную копию так часто, как это необходимо, и по готовности выгрузить локально внесенные изменения обратно в репозиторий, если имеются разрешения, или <em>эксп [...]
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp.png" alt="netbeans stamp">
-</div>
-<div class="title">Figure 1. Содержимое этой страницы применимо к IDE NetBeans 8.0</div>
-</div>
 </div>
 </div>
 <div class="sect1">
@@ -211,7 +205,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>В текстовом поле "Путь к исполняемому файлу Mercurial" введите путь к исполняемому файлу или щелкните "Обзор", чтобы выбрать его в системе. Обратите внимание, что исполняемый файл Mercurial не <em>включен</em> в путь.</p>
 </li>
@@ -231,11 +225,20 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">hg clone /path/to/your/repository</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Репозитории NetBeans Mercurial (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) в этом учебном руководстве используются для демонстрационных целей.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Репозитории NetBeans Mercurial (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) в этом учебном руководстве используются для демонстрационных целей.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -285,11 +288,20 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Раскрывающееся меню IDE являются контекстно-зависимыми, т.е. доступные параметры зависят от текущего выбранного элемента. Поэтому, если вы уже работаете с проектом Mercurial, можно выбрать  <code>Контроль версий</code>  &gt;  <code>Регистрация</code>  &gt;  <code>Клонировать другое</code>  в главном меню.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Раскрывающееся меню IDE являются контекстно-зависимыми, т.е. доступные параметры зависят от текущего выбранного элемента. Поэтому, если вы уже работаете с проектом Mercurial, можно выбрать  <code>Контроль версий</code>  &gt;  <code>Регистрация</code>  &gt;  <code>Клонировать другое</code>  в главном меню.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>В поле "URL-адрес репозитория" введите путь к репозиторию (например,  <code><a href="http://hg.netbeans.org/main" class="bare">http://hg.netbeans.org/main</a></code> ).</p>
 </li>
@@ -308,7 +320,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Если используется прокси, необходимо нажать кнопку "Настройка прокси" и ввести всю необходимую информацию в диалоговом окне "Параметры". Если вы не уверены в правильности параметров подключения к репозиторию, нажмите кнопку "Далее".</p>
 </li>
@@ -327,7 +339,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Изменить элемент выгрузки изменений по умолчанию, добавив имя пользователя и пароль NetBeans и выбрав протокол  <code>https</code> .</p>
 </li>
@@ -351,19 +363,37 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> При работе в Windows, обращайте особое внимание на указываемую длину, т.е. такой путь как  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code>  может привести к ошибке клонирования из-за очень длинных путей к файлам. Вместо этого попробуйте использовать  <code>C:\</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+При работе в Windows, обращайте особое внимание на указываемую длину, т.е. такой путь как  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code>  может привести к ошибке клонирования из-за очень длинных путей к файлам. Вместо этого попробуйте использовать  <code>C:\</code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>Оставьте установленным флажок "Поиск проектов Netbeans после выгрузки", затем нажмите "Готово", чтобы инициировать действие взятия.
 Среда IDE берёт указанные исходные коды для изменения, а в строке состояния IDE отображается ход выполнения загрузки файлов из репозитория в локальный рабочий каталог. Также можно просмотреть файлы и их изъятие в окне 'Выходные данные' (Ctrl-4 в Windows/Command-4 в OS X).</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Примечание. *Если изъятые для использования источники содержат проекты NetBeans, отображается диалоговое окно с запросом на открытие их в IDE. Если в исходных файлах отсутствует проект, появится диалоговое окно с запросом на создание нового проекта из исходных файлов и их открытие в среде IDE. При создании нового проекта для таких исходных файлов выберите соответствующую категорию проекта (в мастере создания проекта), затем используйте параметр "With Existing Sources" (С существующим [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Если изъятые для использования источники содержат проекты NetBeans, отображается диалоговое окно с запросом на открытие их в IDE. Если в исходных файлах отсутствует проект, появится диалоговое окно с запросом на создание нового проекта из исходных файлов и их открытие в среде IDE. При создании нового проекта для таких исходных файлов выберите соответствующую категорию проекта (в мастере создания проекта), затем используйте параметр "With Existing Sources" (С существующими исходными файла [...]
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -371,8 +401,17 @@
 <div class="paragraph">
 <p>В качестве альтернативы можно импортировать проект, с котором вы работаете в среде IDE, в удаленный репозиторий, а затем продолжить с ним работу в среде IDE после его синхронизации.</p>
 </div>
-<div class="paragraph">
-<p>*Примечание. *При непосредственном <em>экспорте</em> файлов из используемой системы термин 'импорт' используется в системах управления версиями для указания того, что файлы <em>импортируются в</em> репозиторий.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+При непосредственном <em>экспорте</em> файлов из используемой системы термин 'импорт' используется в системах управления версиями для указания того, что файлы <em>импортируются в</em> репозиторий.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Чтобы импортировать проект в репозиторий, выполните следующее.</p>
@@ -394,7 +433,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Укажите папку репозитория, в которую необходимо разместить проект в репозитории. По умолчанию в текстовом поле "Корневой путь" предлагается папка, содержащая имя проекта.</p>
 </li>
@@ -414,8 +453,17 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> После включения для файлов проекта поддержки управления версиями Mercurial, они регистрируются в репозитории как  <code>локально новые</code> . Чтобы просмотреть новые файлы и их состояние, выберите  <code>Mercurial</code>  &gt;  <code>Показать изменения</code>  в контекстном меню.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+После включения для файлов проекта поддержки управления версиями Mercurial, они регистрируются в репозитории как  <code>локально новые</code> . Чтобы просмотреть новые файлы и их состояние, выберите  <code>Mercurial</code>  &gt;  <code>Показать изменения</code>  в контекстном меню.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -427,7 +475,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Выберите  <code>Mercurial</code>  &gt;  <code>Фиксировать</code>  в контекстом меню проекта, чтобы зафиксировать файлы проекта в репозитории Mercurial. Фиксация - Открывается диалоговое окно [имя_проекта].</p>
 </li>
@@ -443,14 +491,23 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Введите сообщение в текстовую область "Сообщение о фиксации" и щелкните "Фиксация".</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Фиксированные файлы помещаются вместе с каталогом  <code>.hg</code>  в каталог репозитория Mercurial. Сведения о фиксации можно получить в окне IDE 'Выходные данные' (Ctrl-4 в Windows/Command-4 в OS X).</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Фиксированные файлы помещаются вместе с каталогом  <code>.hg</code>  в каталог репозитория Mercurial. Сведения о фиксации можно получить в окне IDE 'Выходные данные' (Ctrl-4 в Windows/Command-4 в OS X).
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -519,33 +576,52 @@
 <div class="paragraph">
 <p>Обратите внимание, что можно щелкнуть определенную точку внутри поля, чтобы немедленно перенести курсор в строке к этому месту файла. Для просмотра числа затронутых строк наведите мышь на цветные значки в правом поле:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/left-ui-small.png[role="left", link="images/left-ui.png"]&#8201;&#8212;&#8201;
-<strong>Левое поле</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">[.feature]&#8201;&#8212;&#8201;image::images/right-ui-small.png[role="left", link="images/right-ui.png"]&#8201;&#8212;&#8201;
-<strong>Правое поле</strong></p></td>
-</tr>
-</tbody>
-</table>
+<div class="paragraph">
+<p><strong>Левое поле</strong></p>
+</div>
+<div class="openblock feature">
+<div class="content">
+<div class="imageblock left">
+<div class="content">
+<a class="image" href="images/left-ui.png"><img src="images/left-ui-small.png" alt="left ui small"></a>
+</div>
+</div>
+</div>
+</div>
+<div class="paragraph">
+<p><strong>Правое поле</strong></p>
+</div>
+<div class="openblock feature">
+<div class="content">
+<div class="imageblock left">
+<div class="content">
+<a class="image" href="images/right-ui.png"><img src="images/right-ui-small.png" alt="right ui small"></a>
+</div>
+</div>
+</div>
+</div>
 </div>
 <div class="sect2">
 <h3 id="_Просмотр_информации_о_состоянии_файла">Просмотр информации о состоянии файла</h3>
 <div class="paragraph">
-<p>При работе в окнах 'Проекты' (Ctrl-1 в Windows/Command-1 в OS X), 'Файлы' (Ctrl-2 в Windows/Command-2 в OS X), 'Избранное' (Ctrl-3 в Windows/Command-3 в OS X) или 'Управление версиями', IDE предоставляет несколько визуальных возможностей, которые помогают при просмотре информации о состоянии ваших файлов. В примере, приведенном ниже, обратите внимание, как метка (например, image::images/blue-badge.png[])цвет имени файла и смежная метка состояния соответствуют друг другу для предоставл [...]
+<p>При работе в окнах 'Проекты' (Ctrl-1 в Windows/Command-1 в OS X), 'Файлы' (Ctrl-2 в Windows/Command-2 в OS X), 'Избранное' (Ctrl-3 в Windows/Command-3 в OS X) или 'Управление версиями', IDE предоставляет несколько визуальных возможностей, которые помогают при просмотре информации о состоянии ваших файлов. В примере, приведенном ниже, обратите внимание, как метка (например, <span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)цвет имени файла и смежная метка со [...]
 </div>
 <div class="imageblock">
 <div class="content">
 <img src="images/badge-example.png" alt="badge example">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Метки состояния являются текстовыми индикаторами окон 'Управление версиями', 'Проекты' и 'Файлы'. Для отображения метки состояния выберите 'Вид'&gt; 'Показывать метки управления версиями' на главной панели инструментов.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Метки состояния являются текстовыми индикаторами окон 'Управление версиями', 'Проекты' и 'Файлы'. Для отображения метки состояния выберите 'Вид'&gt; 'Показывать метки управления версиями' на главной панели инструментов.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Метки, условные цвета, ярлыки состояния файлов и, что, пожалуй, наиболее важно, окно контроля версий вместе дают дополнительные возможности по просмотру и управлению сведениями о версиях в среде IDE.</p>
@@ -584,11 +660,11 @@
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Синяя метка</strong> (image::images/blue-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Синяя метка</strong> (<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Указывает на присутствие файлов, которые были локально изменены, добавлены или удалены. Касательно пакетов, данная метка относится только к самому пакету, но не к его подпакетам. Что касается проектов и папок, метка указывает на изменения как внутри самого элемента, так и внутри любых его подпапок.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Красная метка</strong> (image::images/red-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Красная метка</strong> (<span class="image"><img src="images/red-badge.png" alt="red badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Используется для проектов, папок и пакетов, содержащих <em>конфликтующие</em> файлы (например, локальные версии, конфликтующие с версиями, хранящимися в репозитории). Касательно пакетов, данная метка относится только к самому пакету, но не к его подпакетам. Для проектов и папок метка обозначает конфликты этого элемента и всех содержащихся подпапок.</p></td>
 </tr>
 </tbody>
@@ -612,27 +688,27 @@
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Синий</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/blue-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/blue-text.png" alt="blue text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Обозначает локально измененный файл.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Зеленый</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/green-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/green-text.png" alt="green text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Обозначает локально добавленный файл.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Красный</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/red-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/red-text.png" alt="red text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Обозначает, что файл содержит конфликт между локальной рабочей копией и версией в репозитории.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Серый</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/gray-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/gray-text.png" alt="gray text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Указывает, что файл игнорируется Mercurial и не будет включен в команды контроля версий (например, "Обновить" и "Фиксация"). Файлы можно сделать игнорируемыми, только если они еще не добавлены под контроль версий.</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Перечеркивание</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/strike-through-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/strike-through-text.png" alt="strike through text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Указывает на то, что файл исключен из операций фиксации. Перечеркнутый текст отображается только в некоторых местах, например, окно "Контроль версий" или диалоговое окно "Фиксация", при исключении отдельных файлов из действия фиксации. На такие файлы по-прежнему влияют другие команды Mercurial, например, "Обновить".</p></td>
 </tr>
 </tbody>
@@ -707,22 +783,22 @@
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/refresh.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/refresh.png" alt="refresh"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Refresh Status ("Обновить состояние")</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Обновление состояния всех выбранных файлов и папок. Файлы, отображаемые в окне контроля версий, можно обновить для отражения любых изменений, внесенных извне.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/diff.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/diff.png" alt="diff"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Diff All ("Сравнить все")</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Открытие представления различий, предоставляющее параллельное сравнение локальных копий и версий в репозитории.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/update.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/update.png" alt="update"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Update All ("Обновить все")</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Обновление всех выбранных файлов в репозитории.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/commit.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/commit.png" alt="commit"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Фиксировать все</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Позволяет фиксировать локальные изменения в репозитории.</p></td>
 </tr>
@@ -743,7 +819,7 @@
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Показать аннотации для</strong>: отображение сведений об авторе и номере редакции в левом поле файлов, открытых в редакторе исходного кода.</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/annotations.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/annotations.png" alt="annotations"></span></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>Откатить изменения</strong>: открытие диалогового окна "Откатить изменения", которое используется для указания параметров отката любых локальных изменений к редакции в репозитории.</p></td>
@@ -776,7 +852,7 @@
 <p>В просмотре различий используются те же <a href="#viewingChanges">условные цвета</a>, что используются и в других местах для показа изменений под контролем версий. На снимке экрана выше зеленый блок обозначает содержание, добавленное к последней редакции. Красный блок указывает, что содержание из ранней редакции было позднее удалено. Синий указывает, что в выделенных строках произошли изменения.</p>
 </div>
 <div class="paragraph">
-<p>Также при выполнении сравнения в группе файлов, таких, как проект, пакет или папка, или при щелчке 'Сравнить все' (image::images/diff.png[]), вы можете переключаться между различиями с помощью щелчков файлов, перечисленных в верхней области 'Средства просмотра различий'.</p>
+<p>Также при выполнении сравнения в группе файлов, таких, как проект, пакет или папка, или при щелчке 'Сравнить все' (<span class="image"><img src="images/diff.png" alt="diff"></span>), вы можете переключаться между различиями с помощью щелчков файлов, перечисленных в верхней области 'Средства просмотра различий'.</p>
 </div>
 <div class="paragraph">
 <p>Средство просмотра различий также предоставляет следующие функции:</p>
@@ -803,17 +879,17 @@
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Заменить</strong> (image::images/insert.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Заменить</strong> (<span class="image"><img src="images/insert.png" alt="insert"></span>):</th>
 <th class="tableblock halign-left valign-top">Вставка выделенного текста из предыдущей редакции в текущую редакцию</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Переместить все</strong> (image::images/arrow.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Переместить все</strong> (<span class="image"><img src="images/arrow.png" alt="arrow"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Откат текущей редакции файла к состоянию предыдущей выбранной редакции</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">*Удалить * (image::images/remove.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">*Удалить * (<span class="image"><img src="images/remove.png" alt="remove"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Удаление выделенного текста из текущей редакции для зеркального соответствия предыдущей редакции</p></td>
 </tr>
 </tbody>
@@ -831,13 +907,13 @@
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Предыдущий</strong> (image::images/diff-prev.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Предыдущий</strong> (<span class="image"><img src="images/diff-prev.png" alt="diff prev"></span>):</th>
 <th class="tableblock halign-left valign-top">переход к предыдущему различию, отображенному в сравнении.</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Далее</strong> (image::images/diff-next.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Далее</strong> (<span class="image"><img src="images/diff-next.png" alt="diff next"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">переход к следующему различию, отображенному в сравнении.</p></td>
 </tr>
 </tbody>
@@ -872,14 +948,23 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Щелкните "Слить". Среда IDE объединяет все найденные различия между редакциями репозитория и локальной копией файла. При возникновении конфликтов слияния устанавливается состояние файла <a href="#resolving">Конфликт слияния</a> для указания на это.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Примечание. *После слияния изменений с локальной рабочей копией, все равно необходимо зафиксировать изменения, используя команду Commit для того, чтобы они были добавлены в репозиторий.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+После слияния изменений с локальной рабочей копией, все равно необходимо зафиксировать изменения, используя команду Commit для того, чтобы они были добавлены в репозиторий.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -912,7 +997,7 @@
 <p>Можно выполнить обновления, выбрав  <code>Группа</code>  &gt;  <code>Обновить</code>  в главном меню.</p>
 </div>
 <div class="paragraph">
-<p>Чтобы выполнить обновление на измененных источниках, можно нажать кнопку 'Обновить все' (image::images/update.png[]), которая отображается в панели инструментов, расположенной в верхней части и <a href="#versioning">Окно управления версиями</a>, и <a href="#comparing">Средство просмотра различий</a>. Все изменения, которые могли быть внесены в репозитории, отображаются в окне "Вывод версий".</p>
+<p>Чтобы выполнить обновление на измененных источниках, можно нажать кнопку 'Обновить все' (<span class="image"><img src="images/update.png" alt="update"></span>), которая отображается в панели инструментов, расположенной в верхней части и <a href="#versioning">Окно управления версиями</a>, и <a href="#comparing">Средство просмотра различий</a>. Все изменения, которые могли быть внесены в репозитории, отображаются в окне "Вывод версий".</p>
 </div>
 </div>
 <div class="sect2">
@@ -926,7 +1011,7 @@
 <p>В окне "Проекты", "Файлы" или "Избранное" правой кнопкой мыши щелкните новые или измененные элементы и выберите  <code>Mercurial</code>  &gt;  <code>Фиксация</code> .</p>
 </li>
 <li>
-<p>В окне 'Управление версиями' или 'Средства просмотра различий' нажмите кнопку 'Фиксировать все' (image::images/commit.png[]) на панели инструментов.</p>
+<p>В окне 'Управление версиями' или 'Средства просмотра различий' нажмите кнопку 'Фиксировать все' (<span class="image"><img src="images/commit.png" alt="commit"></span>) на панели инструментов.</p>
 </li>
 </ul>
 </div>
@@ -970,7 +1055,7 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Введите сообщение о фиксации в текстовой области "Сообщение о фиксации". В качестве альтернативы щелкните значок 'Последние сообщения' ( image::images/recent-msgs.png[] ), расположенный в правом верхнем углу, чтобы просмотреть и выбрать необходимое из ранее использованного списка сообщений.</p>
+<p>Введите сообщение о фиксации в текстовой области "Сообщение о фиксации". В качестве альтернативы щелкните значок 'Последние сообщения' ( <span class="image"><img src="images/recent-msgs.png" alt="recent msgs"></span> ), расположенный в правом верхнем углу, чтобы просмотреть и выбрать необходимое из ранее использованного списка сообщений.</p>
 </li>
 <li>
 <p>После указания действий для отдельных файлов щелкните "Фиксация". Среда IDE выполнит фиксацию и отправит локальные изменения в репозиторий. В строке состояния IDE, расположенной в правой нижней части интерфейса, отображается выполнение действия фиксации. При успешной фиксации метки контроля версий перестают отображаться в окнах "Проекты", "Файлы" и "Избранное", а для цветового обозначения фиксированных файлов используется черный цвет.</p>
@@ -1027,8 +1112,17 @@
 <div class="paragraph">
 <p>Чтобы отправить изменения, выберите  <code>Группа</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Удаленный</code>  &gt;  <code>Отправить текущую ветвь</code> ,  <code>Группа</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Удаленный</code>  &gt;  <code>Отправить все ветви</code>  или  <code>Группа</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Ужаденный</code>  &gt;  <code>Отправить изменения</code>  в главном меню. В выводе успешной выгрузки изменений будут перечислены в [...]
 </div>
-<div class="paragraph">
-<p><strong>Примечание.</strong> Поскольку поддерживается копию всего репозитория используемой системы, обычно создается несколько фиксаций в локальном репозитории и только после завершения определенной задачи принудительно выполняется переход к совместно используемому хранилищу.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Поскольку поддерживается копию всего репозитория используемой системы, обычно создается несколько фиксаций в локальном репозитории и только после завершения определенной задачи принудительно выполняется переход к совместно используемому хранилищу.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/mercurial_zh_CN.html b/content/kb/docs/ide/mercurial_zh_CN.html
index 8eb4027..8ec65f5 100644
--- a/content/kb/docs/ide/mercurial_zh_CN.html
+++ b/content/kb/docs/ide/mercurial_zh_CN.html
@@ -96,7 +96,7 @@
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
-<ul class="sectlevel2">
+<ul class="sectlevel1">
 <li><a href="#_目录">目录</a></li>
 <li><a href="#_要求">要求</a></li>
 <li><a href="#_设置_mercurial">设置 Mercurial</a></li>
@@ -137,8 +137,9 @@
 </div>
 </div>
 </div>
-<div class="sect2">
-<h3 id="_目录">目录</h3>
+<div class="sect1">
+<h2 id="_目录">目录</h2>
+<div class="sectionbody">
 <div class="imageblock">
 <div class="content">
 <img src="images/netbeans-stamp.png" alt="netbeans stamp">
@@ -189,6 +190,7 @@
 </ul>
 </div>
 </div>
+</div>
 <div class="sect1">
 <h2 id="_要求">要求</h2>
 <div class="sectionbody">
@@ -255,7 +257,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>在 "Mercurial Executable Path"(Mercurial 可执行文件路径)文本字段中,输入可执行文件的路径,或者单击 "Browse"(浏览)在系统中找到它。请注意,您不需要将 Mercurial 可执行文件_包含_在路径中。</p>
 </li>
@@ -275,11 +277,20 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">hg clone /path/to/your/repository</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p>*注:*NetBeans Mercurial 资源库 (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) 在本教程中用于演示目的。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+NetBeans Mercurial 资源库 (<a href="http://hg.netbeans.org/">http://hg.netbeans.org/</a>) 在本教程中用于演示目的。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -329,11 +340,20 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*注:*IDE 的下拉菜单是与上下文相关的,即可用选项取决于当前选定的项。因此,如果已在使用 Mercurial 项目,则可以从主菜单中选择  <code>Team</code> (团队开发)&gt;  <code>Remote</code> (远程)&gt;  <code>Clone Other</code> (克隆其他)。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+IDE 的下拉菜单是与上下文相关的,即可用选项取决于当前选定的项。因此,如果已在使用 Mercurial 项目,则可以从主菜单中选择  <code>Team</code> (团队开发)&gt;  <code>Remote</code> (远程)&gt;  <code>Clone Other</code> (克隆其他)。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在 "Repository URL"(资源库 URL)中,输入资源库的路径(例如  <code><a href="http://hg.netbeans.org/main" class="bare">http://hg.netbeans.org/main</a></code> )。</p>
 </li>
@@ -352,7 +372,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>如果要使用代理,请务必单击 "Proxy Configuration"(代理配置)按钮,然后在 "Options"(选项)对话框中输入所有必要的信息。如果确定资源库的连接设置正确无误,请单击 "Next"(下一步)。</p>
 </li>
@@ -371,7 +391,7 @@
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>添加 NetBeans 用户名和口令,并将协议更改为  <code>https</code> ,以修改默认推入项。</p>
 </li>
@@ -395,19 +415,37 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*注:*如果运行的是 Windows,请留意指定的路径长度;即  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code> ,克隆可能会因文件路径过长而失败。请试着改用  <code>C:\</code> 。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+如果运行的是 Windows,请留意指定的路径长度;即  <code>C:\Documents and Settings\myName\My Documents\NetBeans\etc\etc</code> ,克隆可能会因文件路径过长而失败。请试着改用  <code>C:\</code> 。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="10">
 <li>
 <p>将 "Scan for NetBeans Projects after Checkout"(在检出后扫描 Netbeans 项目)选项保持选中状态,然后单击 "Finish"(完成),以启动检出操作。
 IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源库下载到本地工作目录的进度。您还可以在 "Output"(输出)窗口(在 Windows 上按 Ctrl-4 组合键;在 OS X 上按 Command-4 组合键)中查看正要检出的文件。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注:*如果检出的源中包含 NetBeans 项目,则将显示一个对话框,提示您在 IDE 中将其打开。如果源中不包含项目,也将显示该对话框,提示您创建基于这些源的新项目,然后在 IDE 中将其打开。如果为这类源创建新项目,请选择相应的项目类别(位于新建项目向导中),然后使用该类别中的 "With Existing Sources"(基于现有源)选项。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+如果检出的源中包含 NetBeans 项目,则将显示一个对话框,提示您在 IDE 中将其打开。如果源中不包含项目,也将显示该对话框,提示您创建基于这些源的新项目,然后在 IDE 中将其打开。如果为这类源创建新项目,请选择相应的项目类别(位于新建项目向导中),然后使用该类别中的 "With Existing Sources"(基于现有源)选项。
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -415,8 +453,17 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <div class="paragraph">
 <p>此外,也可以将已在 IDE 中处理的项目导入远程资源库中,然后对该项目执行同步操作,再在 IDE 中继续进行处理。</p>
 </div>
-<div class="paragraph">
-<p>*注:*事实上,从系统中_导出_文件时,可在版本控制系统中使用术语 "import" 表明文件正_导入_资源库中。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+事实上,从系统中_导出_文件时,可在版本控制系统中使用术语 "import" 表明文件正_导入_资源库中。
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>将项目导入资源库中:</p>
@@ -438,7 +485,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>在资源库中指定用来放置项目的资源库文件夹。默认情况下,建议您在 "Root Path"(根路径)文本字段中,键入包含项目名称的文件夹。</p>
 </li>
@@ -458,8 +505,17 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p>*注:*对项目文件进行 Mercurial 版本控制后,这些文件在资源库中将注册为  <code>Locally New</code> (本地新建)。要查看这些新文件及其状态,可以对其右键单击,然后从弹出式菜单中选择  <code>Mercurial</code>  &gt;  <code>Show changes</code> (显示更改)。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+对项目文件进行 Mercurial 版本控制后,这些文件在资源库中将注册为  <code>Locally New</code> (本地新建)。要查看这些新文件及其状态,可以对其右键单击,然后从弹出式菜单中选择  <code>Mercurial</code>  &gt;  <code>Show changes</code> (显示更改)。
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -471,7 +527,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>右键单击项目,然后从弹出式菜单中选择  <code>Mercurial</code>  &gt;  <code>Commit</code> (提交),以便将这些项目文件提交到 Mercurial 资源库中。此时将打开 "Commit - [ProjectName]"(提交 - [项目名称])对话框。</p>
 </li>
@@ -487,14 +543,23 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>在 "Commit Message"(提交消息)文本区域中键入消息,然后单击 "Commit"(提交)。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注:*提交的文件连同  <code>.hg</code>  目录一起放在 Mercurial 资源库目录中。IDE 的 "Output"(输出)窗口(在 Windows 上按 Ctrl-4 组合键;在 OS X 上按 Command-4 组合键)中提供了详细提交信息。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+提交的文件连同  <code>.hg</code>  目录一起放在 Mercurial 资源库目录中。IDE 的 "Output"(输出)窗口(在 Windows 上按 Ctrl-4 组合键;在 OS X 上按 Command-4 组合键)中提供了详细提交信息。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -581,15 +646,24 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <div class="sect2">
 <h3 id="_查看文件状态信息">查看文件状态信息</h3>
 <div class="paragraph">
-<p>在使用 "Projects"(项目)(在 Windows 上按 Ctrl-1 组合键;在 OS X 上按 Command-1 组合键)、"Files"(文件)(在 Windows 上按 Ctrl-2 组合键;在 OS X 上按 Command-2 组合键)或 "Favorites"(收藏夹)(在 Windows 上按 Ctrl-3 组合键;在 OS X 上按 Command-3 组合键)或 "Versioning"(版本控制)窗口时,IDE 将提供一些可视化功能以帮助查看文件状态信息。在下面的示例中,请注意标记(例如,image::images/blue-badge.png[])、文件名颜色和相邻状态标签如何全都彼此一致,以向您提供一种简单而有效的方法来跟踪文件的版本控制信息:</p>
+<p>在使用 "Projects"(项目)(在 Windows 上按 Ctrl-1 组合键;在 OS X 上按 Command-1 组合键)、"Files"(文件)(在 Windows 上按 Ctrl-2 组合键;在 OS X 上按 Command-2 组合键)或 "Favorites"(收藏夹)(在 Windows 上按 Ctrl-3 组合键;在 OS X 上按 Command-3 组合键)或 "Versioning"(版本控制)窗口时,IDE 将提供一些可视化功能以帮助查看文件状态信息。在下面的示例中,请注意标记(例如,<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)、文件名颜色和相邻状态标签如何全都彼此一致,以向您提供一种简单而有效的方法来跟踪文件的版本控制信息:</p>
 </div>
 <div class="imageblock">
 <div class="content">
 <img src="images/badge-example.png" alt="badge example">
 </div>
 </div>
-<div class="paragraph">
-<p>*注:*状态标签以文本的形式指示 "Versioning"(版本控制)、"Projects"(项目)和 "Files"(文件)窗口中的文件状态。要显示状态标签,请从主工具栏中选择 "View"(视图)&gt; "Show Versioning Labels"(显示版本控制标签)。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+状态标签以文本的形式指示 "Versioning"(版本控制)、"Projects"(项目)和 "Files"(文件)窗口中的文件状态。要显示状态标签,请从主工具栏中选择 "View"(视图)&gt; "Show Versioning Labels"(显示版本控制标签)。
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>标记、颜色编码、文件状态标签和最重要的 "Versioning"(版本控制)窗口都有助于在 IDE 中有效地查看和管理版本控制信息。</p>
@@ -628,11 +702,11 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>蓝色标记</strong> (image::images/blue-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>蓝色标记</strong> (<span class="image"><img src="images/blue-badge.png" alt="blue badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">指示存在已在本地修改、添加或删除的文件。对于包,此标记仅应用于包本身,而不应用于它的子包。对于项目或文件夹,此标记指示其中的更改,或指示其所包含子文件夹中的任何更改。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>红色标记</strong> (image::images/red-badge.png[])</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>红色标记</strong> (<span class="image"><img src="images/red-badge.png" alt="red badge"></span>)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">标记包含_冲突_文件(即与资源库中保留的版本冲突的本地版本)的项目、文件夹或包。对于包,此标记仅应用于包本身,而不应用于它的子包。对于项目或文件夹,此标记指示其中的冲突,或指示其所包含子文件夹中的任何冲突。</p></td>
 </tr>
 </tbody>
@@ -656,27 +730,27 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>蓝色</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/blue-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/blue-text.png" alt="blue text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">表示在本地修改了文件。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>绿色</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/green-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/green-text.png" alt="green text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">表示在本地添加了文件。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>红色</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/red-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/red-text.png" alt="red text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">表示文件中包含本地工作副本与资源库中版本之间的冲突。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>灰色</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/gray-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/gray-text.png" alt="gray text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">表示文件被 Mercurial 忽略,并且不包含在版本控制命令(如 "Update"(更新)和 "Commit"(提交))中。如果文件没有进行版本化,那么它们只能被忽略。</p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>删除线</strong></p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/strike-through-text.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/strike-through-text.png" alt="strike through text"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">表示从提交操作中排除了文件。只有选择从提交操作中排除个别文件时,删除线文本才出现在特定位置,例如 "Versioning"(版本控制)窗口或 "Commit"(提交)对话框。其他 Mercurial 命令(如 "Update"(更新)命令)仍然会影响到此类文件。</p></td>
 </tr>
 </tbody>
@@ -751,22 +825,22 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/refresh.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/refresh.png" alt="refresh"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>刷新状态</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">刷新选定文件和文件夹的状态。可以刷新 "Versioning"(版本控制)窗口中显示的文件,以反映可能已在外部执行的任何更改。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/diff.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/diff.png" alt="diff"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>全部比较</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">打开比较查看器,您可以用它对本地副本和资源库中保留的版本进行并排比较。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/update.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/update.png" alt="update"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>全部更新</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">更新资源库中的所有选定文件。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/commit.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/commit.png" alt="commit"></span></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock"><strong>全部提交</strong></p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">用于将本地更改提交到资源库。</p></td>
 </tr>
@@ -787,7 +861,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>显示标注</strong>:在源代码编辑器中打开的文件的左旁注中显示作者和修订版本号信息。</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">image::images/annotations.png[]</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="images/annotations.png" alt="annotations"></span></p></td>
 </tr>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">* <strong>还原修改</strong>:打开 "Revert Modifications"(还原修改)对话框,您可以使用它指定参数,以便将所有本地更改还原到资源库中保留的修订版本。</p></td>
@@ -802,7 +876,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <div class="sect2">
 <h3 id="_比较文件版本">比较文件版本</h3>
 <div class="paragraph">
-<p>使用版本控制项目时,比较文件修订版本是一项常见任务。IDE 允许您使用 "Diff"(比较)命令比较修订版本,该命令可以从选定项的右键单击菜单( <code>Mercurial</code>  &gt;  <code>Diff</code> (比较)&gt;  <code>Diff To Base</code> (与 Base 进行比较)或  <code>Mercurial</code>  &gt;  <code>Diff</code> (比较)&gt;  <code>Diff To Revision</code> (与修订版本进行比较))获得,也可以从 "Versioning"(版本控制)窗口获得。在 "Versioning"(版本控制)窗口中,可通过双击列出的文件来执行比较;否则,可单击顶部工具栏中的 "Diff All"(全部比较)图标 (image::images/diff.png[])。</p>
+<p>使用版本控制项目时,比较文件修订版本是一项常见任务。IDE 允许您使用 "Diff"(比较)命令比较修订版本,该命令可以从选定项的右键单击菜单( <code>Mercurial</code>  &gt;  <code>Diff</code> (比较)&gt;  <code>Diff To Base</code> (与 Base 进行比较)或  <code>Mercurial</code>  &gt;  <code>Diff</code> (比较)&gt;  <code>Diff To Revision</code> (与修订版本进行比较))获得,也可以从 "Versioning"(版本控制)窗口获得。在 "Versioning"(版本控制)窗口中,可通过双击列出的文件来执行比较;否则,可单击顶部工具栏中的 "Diff All"(全部比较)图标 (<span class="image"><img src="images/diff.png" alt="diff"></span>)。</p>
 </div>
 <div class="paragraph">
 <p>进行比较时,将在 IDE 的主窗口中打开选定文件和修订版本的图形化比较查看器。比较查看器在两个并行面板中显示两个副本。较新的副本显示在右侧,因此,如果要将资源库修订版本与工作副本进行比较,则在右面板中显示工作副本:</p>
@@ -820,7 +894,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <p>比较查看器使用<a href="#viewingChanges">颜色编码</a>来显示版本控制更改,该颜色编码与其他地方使用的颜色编码相同。在上面显示的屏幕快照中,绿色块指示已添加到较新修订版本中的内容。红色块指示从较新修订版本中删除了以前的修订内容。蓝色指示在突出显示的行中发的更改。</p>
 </div>
 <div class="paragraph">
-<p>此外,当对一组文件(例如,项目、包或文件夹)执行比较时,或者当单击 "Diff All"(全部比较)(image::images/diff.png[]) 时,可在各比较之间进行切换,只需单击比较查看器上方区域中列出的文件即可。</p>
+<p>此外,当对一组文件(例如,项目、包或文件夹)执行比较时,或者当单击 "Diff All"(全部比较)(<span class="image"><img src="images/diff.png" alt="diff"></span>) 时,可在各比较之间进行切换,只需单击比较查看器上方区域中列出的文件即可。</p>
 </div>
 <div class="paragraph">
 <p>比较查看器还为您提供了以下功能:</p>
@@ -847,17 +921,17 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Replace</strong>(替换)(image::images/insert.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Replace</strong>(替换)(<span class="image"><img src="images/insert.png" alt="insert"></span>):</th>
 <th class="tableblock halign-left valign-top">将突出显示的文本从上一修订版本插入当前修订版本中</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Move All</strong>(全部移动)(image::images/arrow.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Move All</strong>(全部移动)(<span class="image"><img src="images/arrow.png" alt="arrow"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">将文件的当前修订版本还原到上一个选定修订版本的状态</p></td>
 </tr>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remove</strong>(删除)(image::images/remove.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Remove</strong>(删除)(<span class="image"><img src="images/remove.png" alt="remove"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">从当前版本中删除突出显示的文本,使之与先前版本完全匹配。</p></td>
 </tr>
 </tbody>
@@ -875,13 +949,13 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </colgroup>
 <thead>
 <tr>
-<th class="tableblock halign-left valign-top"><strong>Previous</strong>(上一个)(image::images/diff-prev.png[]):</th>
+<th class="tableblock halign-left valign-top"><strong>Previous</strong>(上一个)(<span class="image"><img src="images/diff-prev.png" alt="diff prev"></span>):</th>
 <th class="tableblock halign-left valign-top">转至比较中显示的上一个差异</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Next</strong>(下一个)(image::images/diff-next.png[]):</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>Next</strong>(下一个)(<span class="image"><img src="images/diff-next.png" alt="diff next"></span>):</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">转至比较中显示的下一个差异</p></td>
 </tr>
 </tbody>
@@ -916,14 +990,23 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>单击 "Merge"(合并)。IDE 将在资源库修订版本之间发现的所有差异与本地文件副本进行合并。如果发生合并冲突,则文件的状态会更新为 <a href="#resolving">Merge Conflict</a>(合并冲突),以说明这一情况。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注:*将修订版本合并到本地工作副本后,仍须使用 "Commit"(提交)命令提交更改,以便将它们添加到资源库中。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+将修订版本合并到本地工作副本后,仍须使用 "Commit"(提交)命令提交更改,以便将它们添加到资源库中。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -956,7 +1039,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <p>您可以从主菜单中选择 <code>团队开发</code>  &gt;  <code>更新</code> ,以执行更新。</p>
 </div>
 <div class="paragraph">
-<p>要对已修改的源执行更新,可以单击“全部更新”图标 (image::images/update.png[]),该图标显示在位于<a href="#versioning">“版本控制”窗口</a>和<a href="#comparing">比较查看器</a>顶部的工具栏中。资源库中可能进行的任何更改显示在“版本控制输出”窗口中。</p>
+<p>要对已修改的源执行更新,可以单击“全部更新”图标 (<span class="image"><img src="images/update.png" alt="update"></span>),该图标显示在位于<a href="#versioning">“版本控制”窗口</a>和<a href="#comparing">比较查看器</a>顶部的工具栏中。资源库中可能进行的任何更改显示在“版本控制输出”窗口中。</p>
 </div>
 </div>
 <div class="sect2">
@@ -970,7 +1053,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <p>在 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中,右键单击新的或修改的项,然后选择  <code>Mercurial</code>  &gt;  <code>Commit</code> (提交)。</p>
 </li>
 <li>
-<p>从 "Versioning"(版本控制)窗口或比较查看器中,单击位于工具栏中的 "Commit All"(全部提交)(image::images/commit.png[]) 按钮。</p>
+<p>从 "Versioning"(版本控制)窗口或比较查看器中,单击位于工具栏中的 "Commit All"(全部提交)(<span class="image"><img src="images/commit.png" alt="commit"></span>) 按钮。</p>
 </li>
 </ul>
 </div>
@@ -1014,7 +1097,7 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>在 "Commit Message"(提交消息)文本区域中键入提交消息。或者,单击右上角的 "Recent Messages"(近期的消息)(image::images/recent-msgs.png[]) 图标,以便在以前使用过的消息列表中进行查看和选择。</p>
+<p>在 "Commit Message"(提交消息)文本区域中键入提交消息。或者,单击右上角的 "Recent Messages"(近期的消息)(<span class="image"><img src="images/recent-msgs.png" alt="recent msgs"></span>) 图标,以便在以前使用过的消息列表中进行查看和选择。</p>
 </li>
 <li>
 <p>指定各个文件的操作后,单击 "Commit"(提交)。IDE 将执行提交操作,并将本地更改发送到资源库中。在执行提交操作时,将在界面右下方显示 IDE 的状态栏。成功提交后,版本控制标记会在 "Projects"(项目)、"Files"(文件)或 "Favorites"(收藏夹)窗口中消失,并且提交文件中的颜色编码会变回黑色。</p>
@@ -1071,8 +1154,17 @@ IDE 将检出选定的源,并且 IDE 的状态栏会显示将文件从资源
 <div class="paragraph">
 <p>要推入更改,请从主菜单中选择 <code>团队开发</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>远程</code>  &gt;  <code>推入当前分支</code> 、 <code>团队开发</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>远程</code>  &gt;  <code>推入所有分支</code> 或 <code>团队开发</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>远程</code>  &gt;  <code>推入</code> 。成功执行 Push 之后,输出将列出创建的所有更改集。</p>
 </div>
-<div class="paragraph">
-<p>*注:*由于系统上保留着整个资源库的副本,因此,一般的做法是多次提交到本地资源库,并且只有在完成特定任务后,才推入至共享资源库。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+由于系统上保留着整个资源库的副本,因此,一般的做法是多次提交到本地资源库,并且只有在完成特定任务后,才推入至共享资源库。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/mysql.html b/content/kb/docs/ide/mysql.html
index 3484d35..3369335 100644
--- a/content/kb/docs/ide/mysql.html
+++ b/content/kb/docs/ide/mysql.html
@@ -181,7 +181,7 @@ You need administrative access to be able to create and remove databases.
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Enter the Administrator password. The default is set to blank.</p>
 </li>
@@ -200,7 +200,7 @@ A blank password can also be a password.
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Click the Admin Properties tab at the top of the dialog box.</p>
 </li>
@@ -573,7 +573,7 @@ VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678', 'r_steamboat@ifp
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>To execute the query, right-click within the SQL Editor and choose Run Statement. In the Output window, you can see a message indicating that the query was successfully executed.</p>
 </li>
diff --git a/content/kb/docs/ide/mysql_ja.html b/content/kb/docs/ide/mysql_ja.html
index 60967ba..b7c3922 100644
--- a/content/kb/docs/ide/mysql_ja.html
+++ b/content/kb/docs/ide/mysql_ja.html
@@ -122,12 +122,6 @@
 <div class="paragraph">
 <p><strong>予想される所要時間: _30_分</strong></p>
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74-73.png" alt="netbeans stamp 80 74 73">
-</div>
-<div class="title">Figure 1. このページの内容は、NetBeans IDE 7.2、7.3、7.4および8.0に適用されます</div>
-</div>
 <div class="paragraph">
 <p><strong>このチュートリアルに従うには、次のソフトウェアとリソースが必要です。</strong></p>
 </div>
@@ -157,8 +151,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>注意:</strong> このチュートリアルでは、MySQL RDBMSがコンピュータにすでにインストールされていて、構成されていることを想定しています。初めてインストールする場合は、公式な<a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">MySQLのドキュメント</a>を参照してください。<a href="install-and-configure-mysql-server.html">Windowsオペレーティング・システムでのMySQLデータベース・サーバーの設定</a>を参照することもできます。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+このチュートリアルでは、MySQL RDBMSがコンピュータにすでにインストールされていて、構成されていることを想定しています。初めてインストールする場合は、公式な<a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">MySQLのドキュメント</a>を参照してください。<a href="install-and-configure-mysql-server.html">Windowsオペレーティング・システムでのMySQLデータベース・サーバーの設定</a>を参照することもできます。
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -171,9 +174,17 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>「サービス」ウィンドウの「データベース」ノードを右クリックし、「MySQLサーバーを登録」を選択して、「MySQLサーバー・プロパティ」ダイアログ・ボックスを開きます。
-image::images/mysql-props1.png[]</p>
+<p>「サービス」ウィンドウの「データベース」ノードを右クリックし、「MySQLサーバーを登録」を選択して、「MySQLサーバー・プロパティ」ダイアログ・ボックスを開きます。</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-props1.png" alt="mysql props1">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
 <p>サーバー・ホスト名とポートが正しいことを確認します。</p>
 </li>
@@ -183,52 +194,106 @@ image::images/mysql-props1.png[]</p>
 <p>IDEによって、デフォルトのサーバー・ホスト名に「<code>localhost</code>」が入力され、デフォルトのサーバー・ポート番号に「<code>3306</code>」が入力されます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>管理者ユーザー名を入力します(表示されない場合)。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注意: *データベースを作成したり除去するには管理者アクセスが必要です。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+データベースを作成したり除去するには管理者アクセスが必要です。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>管理者のパスワードを入力します。デフォルトでは空白に設定されています。</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*注意: *空白のパスワードも有効です。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+空白のパスワードも有効です。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>ダイアログ・ボックスの最上部にある「管理プロパティ」タブをクリックします。</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>「管理プロパティ」タブが表示され、MySQLサーバーを管理するための情報を入力できます。
-6. 「管理ツールのパスまたはURL」フィールドにMySQL管理ツール、PhpMyAdmin、またはその他のWebベース管理ツールなどのMySQL管理アプリケーションの場所を入力するか、参照して選択します。</p>
+<p>「管理プロパティ」タブが表示され、MySQLサーバーを管理するための情報を入力できます。</p>
 </div>
-<div class="paragraph">
-<p>*注意: *`mysqladmin`は、MySQLのインストール・ディレクトリの`bin`フォルダにあるMySQL管理ツールです。これはコマンド行ツールであり、IDEでの使用には適していません。</p>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>「管理ツールのパスまたはURL」フィールドにMySQL管理ツール、PhpMyAdmin、またはその他のWebベース管理ツールなどのMySQL管理アプリケーションの場所を入力するか、参照して選択します。</p>
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>管理ツールに引数を付ける場合は、「引数」フィールドに引数を入力します。
-7.
-「起動コマンドのパス」には、MySQL起動コマンドの場所を入力するか、参照して選択します。起動コマンドを探すには、MySQLインストール・ディレクトリの`bin`フォルダにある`mysqld`を探します。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+`mysqladmin`は、MySQLのインストール・ディレクトリの`bin`フォルダにあるMySQL管理ツールです。これはコマンド行ツールであり、IDEでの使用には適していません。
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>*注意: * UnixおよびNetWare用の推奨バイナリは`mysql_safe`です。MySQLがAMPインストールの一部としてインストールされた場合、起動コマンドも異なる場合があります。</p>
+<p>管理ツールに引数を付ける場合は、「引数」フィールドに引数を入力します。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
+<li>
+<p>「起動コマンドのパス」には、MySQL起動コマンドの場所を入力するか、参照して選択します。起動コマンドを探すには、MySQLインストール・ディレクトリの`bin`フォルダにある`mysqld`を探します。</p>
+</li>
+</ol>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+UnixおよびNetWare用の推奨バイナリは`mysql_safe`です。MySQLがAMPインストールの一部としてインストールされた場合、起動コマンドも異なる場合があります。
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>起動コマンドに引数を付ける場合は、「引数」フィールドに引数を入力します。
-8. 「停止コマンドのパス」フィールドには、MySQL停止コマンドの場所を入力するか、参照して選択します。これは通常、MySQLインストール・ディレクトリの`bin`フォルダにある`mysqladmin`のパスです。コマンドが`mysqladmin`の場合、「引数」フィールドに「<code>-u root stop</code>」と入力し、`root`にサーバーを停止する権限を許可します。
-9.
-終了すると、「管理プロパティ」タブは次の図のようになります。構成に問題がなければ、「OK」をクリックします。</p>
+<p>起動コマンドに引数を付ける場合は、「引数」フィールドに引数を入力します。</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="8">
+<li>
+<p>「停止コマンドのパス」フィールドには、MySQL停止コマンドの場所を入力するか、参照して選択します。これは通常、MySQLインストール・ディレクトリの`bin`フォルダにある`mysqladmin`のパスです。コマンドが`mysqladmin`の場合、「引数」フィールドに「<code>-u root stop</code>」と入力し、`root`にサーバーを停止する権限を許可します。</p>
+</li>
+<li>
+<p>終了すると、「管理プロパティ」タブは次の図のようになります。構成に問題がなければ、「OK」をクリックします。</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -270,14 +335,29 @@ image::images/mysql-props1.png[]</p>
 </ol>
 </div>
 <div class="paragraph">
-<p>「MySQLデータベースの作成」ダイアログ・ボックスが開きます。
-2. 「MySQLデータベースの作成」ダイアログ・ボックスで、新しいデータベースの名前を入力します。このチュートリアル用に`MyNewDatabase`を使用します。この時点では、チェックボックスは選択解除したままにしておきます。 image::images/create-db-dbx.png[]</p>
+<p>「MySQLデータベースの作成」ダイアログ・ボックスが開きます。</p>
 </div>
-<div class="paragraph">
-<p>*注意: *特定のユーザーにフル・アクセスを許可することもできます。デフォルトでは、管理ユーザーのみが、特定のコマンドを実行するための権限を持っています。ドロップダウン・リストで、指定したユーザーにそれらの権限を割り当てることができます。</p>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>「MySQLデータベースの作成」ダイアログ・ボックスで、新しいデータベースの名前を入力します。このチュートリアル用に`MyNewDatabase`を使用します。この時点では、チェックボックスは選択解除したままにしておきます。 <span class="image"><img src="images/create-db-dbx.png" alt="create db dbx"></span></p>
+</li>
+</ol>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+特定のユーザーにフル・アクセスを許可することもできます。デフォルトでは、管理ユーザーのみが、特定のコマンドを実行するための権限を持っています。ドロップダウン・リストで、指定したユーザーにそれらの権限を割り当てることができます。
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>「OK」をクリックします。</p>
 </li>
@@ -287,14 +367,14 @@ image::images/mysql-props1.png[]</p>
 <p>「サービス」ウィンドウの「MySQLサーバー」ノードの下に新しいデータベースが表示されます。</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>新規データベース・ノードを右クリックし、ポップアップ・メニューで「接続」を選択してデータベースへの接続を開きます。</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>開かれている状態のデータベース接続は、「サービス」ウィンドウの完全接続ノード(image::images/connection-node-icon.png[])によって表されます。</p>
+<p>開かれている状態のデータベース接続は、「サービス」ウィンドウの完全接続ノード(<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>)によって表されます。</p>
 </div>
 </div>
 </div>
@@ -326,7 +406,7 @@ image::images/mysql-props1.png[]</p>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>データベース・エクスプローラで <code>MyNewDatabase</code> 接続ノード(image::images/connection-node-icon.png[])を展開すると、「表」、「ビュー」および「プロシージャ」の3つのサブフォルダがあります。</p>
+<p>データベース・エクスプローラで <code>MyNewDatabase</code> 接続ノード(<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>)を展開すると、「表」、「ビュー」および「プロシージャ」の3つのサブフォルダがあります。</p>
 </li>
 <li>
 <p>「表」フォルダを右クリックし、「コマンドの実行」を選択します。メイン・ウィンドウ内にSQLエディタが開き、空白のキャンバスが表示されます。</p>
@@ -338,7 +418,7 @@ image::images/mysql-props1.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">CREATE TABLE Counselor (
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE Counselor (
     id SMALLINT UNSIGNED NOT NULL AUTO_INCREMENT,
     firstName VARCHAR (50),
     nickName VARCHAR (50),
@@ -350,19 +430,36 @@ image::images/mysql-props1.png[]</p>
             );</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p>*注意: *SQLエディタで作成した文および問合せは、SQL (Structured Query Language)で構文解析されます。SQLは厳密な構文ルールに準拠しています。IDEのエディタで作業をするときは、これらのルールを理解しておいてください。問合せを実行すると、SQLエンジンからのフィード・バックが「出力」ウィンドウに生成され、実行に成功したかどうかが示されます。
-4.
-問合せを実行するには、最上部のタスクバーにある「SQLの実行」(image::images/run-sql-button.png[])ボタン([Ctrl]-[Shift]-[E])、またはSQLエディタ内を右クリックして「文の実行」を選択します。IDEによって、データベースに <code>Counselor</code> 表が生成され、「出力」ウィンドウに次のようなメッセージが表示されます。</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+SQLエディタで作成した文および問合せは、SQL (Structured Query Language)で構文解析されます。SQLは厳密な構文ルールに準拠しています。IDEのエディタで作業をするときは、これらのルールを理解しておいてください。問合せを実行すると、SQLエンジンからのフィード・バックが「出力」ウィンドウに生成され、実行に成功したかどうかが示されます。
+</td>
+</tr>
+</table>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>問合せを実行するには、最上部のタスクバーにある「SQLの実行」(<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>)ボタン([Ctrl]-[Shift]-[E])、またはSQLエディタ内を右クリックして「文の実行」を選択します。IDEによって、データベースに <code>Counselor</code> 表が生成され、「出力」ウィンドウに次のようなメッセージが表示されます。</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
 <img src="images/create-counselor-query.png" alt="create counselor query">
 </div>
 </div>
-<div class="paragraph">
-<p>5.
-変更内容を確認するには、データベース・エクスプローラで「表」ノードを右クリックし、「リフレッシュ」を選択します。「リフレッシュ」オプションは、指定したデータベースの現在のステータスにあわせてデータベース・エクスプローラのUIコンポーネントを更新します。データベース・エクスプローラの「表」の下に、新しい <code>Counselor</code> 表ノード(image::images/table-node.png[])が表示されていることに注意してください。表ノードを展開すると、主キー(image::images/primary-key-icon.png[])で開始する作成済の各列(フィールド)が表示されます。</p>
+<div class="olist arabic">
+<ol class="arabic" start="5">
+<li>
+<p>変更内容を確認するには、データベース・エクスプローラで「表」ノードを右クリックし、「リフレッシュ」を選択します。「リフレッシュ」オプションは、指定したデータベースの現在のステータスにあわせてデータベース・エクスプローラのUIコンポーネントを更新します。データベース・エクスプローラの「表」の下に、新しい <code>Counselor</code> 表ノード(<span class="image"><img src="images/table-node.png" alt="table node"></span>)が表示されていることに注意してください。表ノードを展開すると、主キー(<span class="image"><img src="images/primary-key-icon.png" alt="primary key icon"></span>)で開始する作成済の各列(フィールド)が表示されます。</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -384,13 +481,22 @@ image::images/mysql-props1.png[]</p>
 <p>「列を追加」をクリックします。</p>
 </li>
 <li>
-<p>列の「名前」に「 <code>id</code> 」と入力します。「型」ドロップダウン・リストからデータ型として「 <code>SMALLINT</code> 」を選択します。「OK」をクリックします。
-image::images/add-column-dialog.png[]</p>
+<p>列の「名前」に「 <code>id</code> 」と入力します。「型」ドロップダウン・リストからデータ型として「 <code>SMALLINT</code> 」を選択します。「OK」をクリックします。</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column-dialog.png" alt="add column dialog">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
 <li>
-<p>「列を追加」ダイアログ・ボックスの「主キー」チェックボックスを選択します。表の主キーを指定します。リレーショナル・データベースにあるすべての表に、主キーを含める必要があります。「キー」チェックボックスを選択すると、「索引」および「一意」チェックボックスが自動的に選択され、「Null」チェックボックスが選択解除されます。これは、主キーを使用してデータベース内の行を一意に識別するためです。デフォルトでは、主キーは表の索引を形成します。すべての行が識別される必要があるため、主キーにNull値を含むことはできません。
-6.
-次の表に示すように、残りの列を追加して、この手順を繰り返します。</p>
+<p>「列を追加」ダイアログ・ボックスの「主キー」チェックボックスを選択します。表の主キーを指定します。リレーショナル・データベースにあるすべての表に、主キーを含める必要があります。「キー」チェックボックスを選択すると、「索引」および「一意」チェックボックスが自動的に選択され、「Null」チェックボックスが選択解除されます。これは、主キーを使用してデータベース内の行を一意に識別するためです。デフォルトでは、主キーは表の索引を形成します。すべての行が識別される必要があるため、主キーにNull値を含むことはできません。</p>
+</li>
+<li>
+<p>次の表に示すように、残りの列を追加して、この手順を繰り返します。</p>
 </li>
 </ol>
 </div>
@@ -448,13 +554,17 @@ image::images/add-column-dialog.png[]</p>
 <p>*説明: *Subjectの説明</p>
 </li>
 <li>
-<p>*カウンセラID: *Counselor表のIDに対応するカウンセラID
-image::images/create-table-subject.png[]</p>
+<p>*カウンセラID: *Counselor表のIDに対応するカウンセラID</p>
 </li>
 </ul>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-subject.png" alt="create table subject">
+</div>
+</div>
 <div class="paragraph">
-<p>「表を作成」ダイアログのフィールドが前述の内容と一致していることを確認し、「OK」をクリックします。IDEによって、データベースに <code>Subject</code> 表が生成され、データベース・エクスプローラの「表」ノードの直下に新しい <code>Subject</code> 表ノード(image::images/table-node.png[])が表示されていることを確認できます。</p>
+<p>「表を作成」ダイアログのフィールドが前述の内容と一致していることを確認し、「OK」をクリックします。IDEによって、データベースに <code>Subject</code> 表が生成され、データベース・エクスプローラの「表」ノードの直下に新しい <code>Subject</code> 表ノード(<span class="image"><img src="images/table-node.png" alt="table node"></span>)が表示されていることを確認できます。</p>
 </div>
 </div>
 </div>
@@ -477,16 +587,17 @@ image::images/create-table-subject.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">INSERT INTO Counselor
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO Counselor
 VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678', 'r_steamboat@ifpwafcad.com', '1996-01-01')</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
-<p>問合せを実行するには、SQLエディタ内を右クリックし、「文を実行」を選択します。「出力」ウィンドウで、問合せの実行に成功したことを示すメッセージを確認できます。
-4.
- <code>Counselor</code> 表に新しいレコードが追加されたことを確認するには、データベース・エクスプローラで「 <code>Counselor</code> 」表ノードを右クリックし、「データを表示」を選択します。メイン・ウィンドウに新しいSQLエディタ・ペインが開きます。「データを表示」を選択すると、表からすべてのデータを選択する問合せがSQLエディタの上部領域に自動的に生成されます。下部領域の表ビューに文の実行結果が表示されます。この例では、 <code>Counselor</code> 表が表示されます。SQL問合せから提供されたデータを使用して、新しい行が追加されています。</p>
+<p>問合せを実行するには、SQLエディタ内を右クリックし、「文を実行」を選択します。「出力」ウィンドウで、問合せの実行に成功したことを示すメッセージを確認できます。</p>
+</li>
+<li>
+<p><code>Counselor</code> 表に新しいレコードが追加されたことを確認するには、データベース・エクスプローラで「 <code>Counselor</code> 」表ノードを右クリックし、「データを表示」を選択します。メイン・ウィンドウに新しいSQLエディタ・ペインが開きます。「データを表示」を選択すると、表からすべてのデータを選択する問合せがSQLエディタの上部領域に自動的に生成されます。下部領域の表ビューに文の実行結果が表示されます。この例では、 <code>Counselor</code> 表が表示されます。SQL問合せから提供されたデータを使用して、新しい行が追加されています。</p>
 </li>
 </ol>
 </div>
@@ -530,9 +641,10 @@ VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678', 'r_steamboat@ifp
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>IDEのメイン・メニューから「ファイル」&gt;「ファイルを開く」を選択します。ファイル・ブラウザで、 <code>ifpwafcad.sql</code> を以前に保存した場所に移動し、「開く」をクリックします。SQLエディタで自動的にスクリプトが開きます。
-2.
-エディタの最上部のツールバーにある「接続」ドロップダウン・ボックスで <code>MyNewDatabase</code> への接続が選択されていることを確認します。</p>
+<p>IDEのメイン・メニューから「ファイル」&gt;「ファイルを開く」を選択します。ファイル・ブラウザで、 <code>ifpwafcad.sql</code> を以前に保存した場所に移動し、「開く」をクリックします。SQLエディタで自動的にスクリプトが開きます。</p>
+</li>
+<li>
+<p>エディタの最上部のツールバーにある「接続」ドロップダウン・ボックスで <code>MyNewDatabase</code> への接続が選択されていることを確認します。</p>
 </li>
 </ol>
 </div>
@@ -542,9 +654,9 @@ VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678', 'r_steamboat@ifp
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
-<p>SQLエディタのタスク・バーにある「SQLの実行」(image::images/run-sql-button.png[])ボタンをクリックします。選択したデータベースに対してスクリプトが実行され、「出力」ウィンドウにフィード・バックが生成されます。</p>
+<p>SQLエディタのタスク・バーにある「SQLの実行」(<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>)ボタンをクリックします。選択したデータベースに対してスクリプトが実行され、「出力」ウィンドウにフィード・バックが生成されます。</p>
 </li>
 <li>
 <p>変更内容を確認するには、「実行時」ウィンドウで「 <code>MyNewDatabase</code> 」接続ノードを右クリックし、「リフレッシュ」を選択します。「リフレッシュ」オプションは、指定したデータベースの現在のステータスにあわせてデータベース・エクスプローラのUIコンポーネントを更新します。SQLスクリプトからの2つの新しい表が、データベース・エクスプローラの <code>MyNewDatabase</code> の下に表ノードとして表示されます。</p>
diff --git a/content/kb/docs/ide/mysql_pt_BR.html b/content/kb/docs/ide/mysql_pt_BR.html
index 3bbf115..537eb78 100644
--- a/content/kb/docs/ide/mysql_pt_BR.html
+++ b/content/kb/docs/ide/mysql_pt_BR.html
@@ -122,12 +122,6 @@
 <div class="paragraph">
 <p><strong>Duração esperada: <em>30</em> minutos</strong></p>
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74-73.png" alt="netbeans stamp 80 74 73">
-</div>
-<div class="title">Figure 1. O conteúdo desta página se aplica ao NetBeans IDE 7.2, 7.3, 7.4 e 8.0</div>
-</div>
 <div class="paragraph">
 <p><strong>Para seguir este tutorial, os recursos e softwares a seguir são necessários.</strong></p>
 </div>
@@ -157,8 +151,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Observação:</strong> este tutorial presume que você já possui o RDBMS MySQL instalado e configurado no computador. Se você estiver instalando pela primeira vez, consulte a <a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">documentação oficial do MySQL</a> para obter ajuda. Você também pode consultar <a href="install-and-configure-mysql-server.html">Configurando o Servidor de Banco de Dados MySQL no Sistema Operacional Windows</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+este tutorial presume que você já possui o RDBMS MySQL instalado e configurado no computador. Se você estiver instalando pela primeira vez, consulte a <a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">documentação oficial do MySQL</a> para obter ajuda. Você também pode consultar <a href="install-and-configure-mysql-server.html">Configurando o Servidor de Banco de Dados MySQL no Sistema Operacional Windows</a>.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -171,9 +174,17 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Clique com o botão direito do mouse no nó Banco de Dados na janela Serviços e escolha Registrar o Servidor MySQL para abrir a caixa de diálogo Propriedades do Servidor MySQL.
-image::images/mysql-props1.png[]</p>
+<p>Clique com o botão direito do mouse no nó Banco de Dados na janela Serviços e escolha Registrar o Servidor MySQL para abrir a caixa de diálogo Propriedades do Servidor MySQL.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-props1.png" alt="mysql props1">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Confirme se o nome e a porta do host do servidor estão corretos.</p>
 </li>
@@ -183,52 +194,106 @@ image::images/mysql-props1.png[]</p>
 <p>Observe que o IDE insere <code>localhost</code> como o nome de host de servidor default e <code>3306</code> como o número de porta de servidor default.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Insira o nome de usuário Administrador (se não estiver exibido).</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *você precisa de acesso administrativo para poder criar e remover bancos de dados.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+você precisa de acesso administrativo para poder criar e remover bancos de dados.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Insira a senha do Administrador. O default é definido como em branco.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> uma senha em branco também pode ser uma senha.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+uma senha em branco também pode ser uma senha.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Clique na guia Propriedades de Admin na parte superior da caixa de diálogo.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>A guia Propriedades de Admin é então exibida, permitindo que você insira informações para controlar o servidor MySQL.
-6. No campo Caminho/URL para ferramenta admin, digite ou navegue para o local da aplicação de administração do MySQL como a Ferramenta admin de MySQL, PhpMyAdmin, ou outras ferramentas de administração baseadas na Web.</p>
+<p>A guia Propriedades de Admin é então exibida, permitindo que você insira informações para controlar o servidor MySQL.</p>
 </div>
-<div class="paragraph">
-<p>*Observação: *<code>mysqladmin</code> é a ferramenta de administração do MySQL encontrada na pasta <code>bin</code> do diretório de instalação do MySQL. Ela é uma ferramenta de linha de comandos e não é ideal para uso com o IDE.</p>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>No campo Caminho/URL para ferramenta admin, digite ou navegue para o local da aplicação de administração do MySQL como a Ferramenta admin de MySQL, PhpMyAdmin, ou outras ferramentas de administração baseadas na Web.</p>
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>Digite argumentos para a ferramenta admin no campo Argumentos.
-7.
-Em Caminho para o comando iniciar, digite a localização do comando iniciar do MySQL ou navegue até ele. Para encontrar o comando iniciar, procure <code>mysqld</code> na pasta <code>bin</code> do diretório de instalação do MySQL.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<code>mysqladmin</code> é a ferramenta de administração do MySQL encontrada na pasta <code>bin</code> do diretório de instalação do MySQL. Ela é uma ferramenta de linha de comandos e não é ideal para uso com o IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>*Observação: * o binário recomendado para Unix e NetWare é ` mysql_safe`. O comando iniciar também pode variar se o MySQL tiver sido instalado como parte de uma instalação AMP.</p>
+<p>Digite argumentos para a ferramenta admin no campo Argumentos.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
+<li>
+<p>Em Caminho para o comando iniciar, digite a localização do comando iniciar do MySQL ou navegue até ele. Para encontrar o comando iniciar, procure <code>mysqld</code> na pasta <code>bin</code> do diretório de instalação do MySQL.</p>
+</li>
+</ol>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+o binário recomendado para Unix e NetWare é ` mysql_safe`. O comando iniciar também pode variar se o MySQL tiver sido instalado como parte de uma instalação AMP.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>Digite argumentos para o comando iniciar no campo Argumentos.
-8. No campo Caminho para o comando interromper, digite a localização do comando Interromper do MySQL ou navegue até ele. Geralmente, é o caminho para o <code>mysqladmin</code> na pasta <code>bin</code> do diretório de instalação do MySQL. Se o comando for <code>mysqladmin</code>, no campo Argumentos, digite <code>-u root stop</code> para conceder permissões <code>root</code> para interromper o servidor.
-9.
-Quando você terminar, a guia Propriedades de Admin deverá ter aparência similar à seguinte figura. Se estiver satisfeito com a configuração, clique em OK.</p>
+<p>Digite argumentos para o comando iniciar no campo Argumentos.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="8">
+<li>
+<p>No campo Caminho para o comando interromper, digite a localização do comando Interromper do MySQL ou navegue até ele. Geralmente, é o caminho para o <code>mysqladmin</code> na pasta <code>bin</code> do diretório de instalação do MySQL. Se o comando for <code>mysqladmin</code>, no campo Argumentos, digite <code>-u root stop</code> para conceder permissões <code>root</code> para interromper o servidor.</p>
+</li>
+<li>
+<p>Quando você terminar, a guia Propriedades de Admin deverá ter aparência similar à seguinte figura. Se estiver satisfeito com a configuração, clique em OK.</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -265,19 +330,32 @@ Quando você terminar, a guia Propriedades de Admin deverá ter aparência simil
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Na janela Serviços do IDE, clique com o botão direito do mouse no nó Servidor MySQL e escolha Criar Banco de Dados.</p>
+<p>Na janela Serviços do IDE, clique com o botão direito do mouse no nó Servidor MySQL e escolha Criar Banco de Dados.
+A caixa de diálogo Criar Banco de Dados MySQL é aberta.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>A caixa de diálogo Criar Banco de Dados MySQL é aberta.
-2. Na caixa de diálogo Criar Banco de Dados MySQL, digite o nome do novo banco de dados. Será utilizado <code>MyNewDatabase</code> para este tutorial. Deixe a caixa de seleção desmarcada neste momento. image::images/create-db-dbx.png[]</p>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>Na caixa de diálogo Criar Banco de Dados MySQL, digite o nome do novo banco de dados. Será utilizado <code>MyNewDatabase</code> para este tutorial. Deixe a caixa de seleção desmarcada neste momento. <span class="image"><img src="images/create-db-dbx.png" alt="create db dbx"></span></p>
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>*Observação: *também é possível conceder acesso total a um determinado usuário. Por default, somente o usuário admin possui as permissões para realizar determinados comandos. A lista drop-down permite que você designe essas permissões a um usuário específico.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+também é possível conceder acesso total a um determinado usuário. Por default, somente o usuário admin possui as permissões para realizar determinados comandos. A lista drop-down permite que você designe essas permissões a um usuário específico.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Clique em OK.</p>
 </li>
@@ -287,14 +365,14 @@ Quando você terminar, a guia Propriedades de Admin deverá ter aparência simil
 <p>O novo banco de dados é exibido no nó do Servidor MySQL na janela Serviços.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Clique com o botão direito do mouse no novo nó do banco de dados e escolha Conectar no menu pop-up para abrir a conexão para o banco de dados.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>As conexões do banco de dados que estão abertas são representadas por um nó de conexão completo (image::images/connection-node-icon.png[]) na janela Serviços.</p>
+<p>As conexões do banco de dados que estão abertas são representadas por um nó de conexão completo (<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>) na janela Serviços.</p>
 </div>
 </div>
 </div>
@@ -324,7 +402,7 @@ Quando você terminar, a guia Propriedades de Admin deverá ter aparência simil
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>No Explorador do Banco de Dados, expanda o nó da conexão  <code>MyNewDatabase</code>  (image::images/connection-node-icon.png[]) e observe que há três subpastas: Tabelas, Views e Procedimentos.</p>
+<p>No Explorador do Banco de Dados, expanda o nó da conexão  <code>MyNewDatabase</code>  (<span class="image"><img src="images/connection-node-icon.png" alt="connection node icon"></span>) e observe que há três subpastas: Tabelas, Views e Procedimentos.</p>
 </li>
 <li>
 <p>Clique com o botão direito do mouse na pasta Tabelas e escolha Executar Comando. Uma tela em branco é aberta no Editor SQL na janela principal.</p>
@@ -336,7 +414,7 @@ Quando você terminar, a guia Propriedades de Admin deverá ter aparência simil
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">CREATE TABLE Counselor (
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">CREATE TABLE Counselor (
     id SMALLINT UNSIGNED NOT NULL AUTO_INCREMENT,
     firstName VARCHAR (50),
     nickName VARCHAR (50),
@@ -348,19 +426,36 @@ Quando você terminar, a guia Propriedades de Admin deverá ter aparência simil
             );</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Observação:</strong> consultas formadas no Editor SQL faz parsing em SQL. A linguagem SQL utiliza regras de sintaxe estritas com as quais você deve estar familiarizado ao trabalhar no editor do IDE. Na execução de uma consulta, um feedback do mecanismo SQL é gerado na janela de Saída indicando se a execução foi ou não bem-sucedida.
-4.
-Para executar a consulta, clique no botão Executar SQL (image::images/run-sql-button.png[]) na barra de tarefas na parte superior (Ctrl-Shift-E), ou clique com o botão direito do mouse dentro do Editor de SQL e escolha Executar Instrução. O IDE gera a tabela  <code>Consultor</code>  no banco de dados, e você recebe uma mensagem similar à seguinte na janela de Saída.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+consultas formadas no Editor SQL faz parsing em SQL. A linguagem SQL utiliza regras de sintaxe estritas com as quais você deve estar familiarizado ao trabalhar no editor do IDE. Na execução de uma consulta, um feedback do mecanismo SQL é gerado na janela de Saída indicando se a execução foi ou não bem-sucedida.
+</td>
+</tr>
+</table>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Para executar a consulta, clique no botão Executar SQL (<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>) na barra de tarefas na parte superior (Ctrl-Shift-E), ou clique com o botão direito do mouse dentro do Editor de SQL e escolha Executar Instrução. O IDE gera a tabela  <code>Consultor</code>  no banco de dados, e você recebe uma mensagem similar à seguinte na janela de Saída.</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
 <img src="images/create-counselor-query.png" alt="create counselor query">
 </div>
 </div>
-<div class="paragraph">
-<p>5.
-Para verificar as alterações, clique com o botão direito do mouse no nó Tabelas no Explorador do Banco de Dados Explorer e escolha Atualizar. A opção Atualizar atualiza o componente UI do Explorador do Banco de Dados para o status atual do banco de dados especificado. Observe que o novo nó da tabela  <code>Consultor</code>  (image::images/table-node.png[]) é exibido agora em Tabelas no Explorador do Banco de Dados. Se você expandir o nó da tabela você pode ver as colunas (campos) você cr [...]
+<div class="olist arabic">
+<ol class="arabic" start="5">
+<li>
+<p>Para verificar as alterações, clique com o botão direito do mouse no nó Tabelas no Explorador do Banco de Dados Explorer e escolha Atualizar. A opção Atualizar atualiza o componente UI do Explorador do Banco de Dados para o status atual do banco de dados especificado. Observe que o novo nó da tabela  <code>Consultor</code>  (<span class="image"><img src="images/table-node.png" alt="table node"></span>) é exibido agora em Tabelas no Explorador do Banco de Dados. Se você expandir o nó d [...]
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -382,13 +477,22 @@ Para verificar as alterações, clique com o botão direito do mouse no nó Tabe
 <p>Clique em Adicionar Coluna.</p>
 </li>
 <li>
-<p>No Nome da coluna, insira  <code>id</code> . Selecione  <code>SMALLINT</code>  no tipo de dados na lista drop-down Tipo. Clique em OK.
-image::images/add-column-dialog.png[]</p>
+<p>No Nome da coluna, insira  <code>id</code> . Selecione  <code>SMALLINT</code>  no tipo de dados na lista drop-down Tipo. Clique em OK.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/add-column-dialog.png" alt="add column dialog">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
+<li>
+<p>Marque a caixa de seleção Chave Primária na caixa de diálogo Adicionar Coluna. Você está especificando a chave primária da tabela. Todas as tabelas de bancos de dados relacionais devem conter uma chave primária. Observe que quando a caixa de seleção Chave é marcada, as caixas de seleção Índice e Exclusivo são automaticamente marcadas e a caixa de seleção Nulo é desmarcada. Isso ocorre porque as chaves primárias são usadas para identificar uma linha exclusiva no banco de dados e por de [...]
 </li>
 <li>
-<p>Marque a caixa de seleção Chave Primária na caixa de diálogo Adicionar Coluna. Você está especificando a chave primária da tabela. Todas as tabelas de bancos de dados relacionais devem conter uma chave primária. Observe que quando a caixa de seleção Chave é marcada, as caixas de seleção Índice e Exclusivo são automaticamente marcadas e a caixa de seleção Nulo é desmarcada. Isso ocorre porque as chaves primárias são usadas para identificar uma linha exclusiva no banco de dados e por de [...]
-6.
-Repita esse procedimento adicionando as colunas remanescentes, como exibido na tabela a seguir.</p>
+<p>Repita esse procedimento adicionando as colunas remanescentes, como exibido na tabela a seguir.</p>
 </li>
 </ol>
 </div>
@@ -446,13 +550,17 @@ Repita esse procedimento adicionando as colunas remanescentes, como exibido na t
 <p>*Descrição: *descrição do assunto</p>
 </li>
 <li>
-<p>*ID do Consultor: *ID do consultor que corresponde a um ID da tabela Consultor
-image::images/create-table-subject.png[]</p>
+<p>*ID do Consultor: *ID do consultor que corresponde a um ID da tabela Consultor</p>
 </li>
 </ul>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/create-table-subject.png" alt="create table subject">
+</div>
+</div>
 <div class="paragraph">
-<p>Certifique-se de que os campos na caixa de diálogo Criar Tabela correspondam aos exibidos acima e clique em OK. O IDE gera a tabela  <code>Assunto</code>  no banco de dados e você pode ver um novo nó da tabela  <code>Assunto</code>  (image::images/table-node.png[]) imediatamente exibido sob as Tabelas no Explorador do Banco de Dados.</p>
+<p>Certifique-se de que os campos na caixa de diálogo Criar Tabela correspondam aos exibidos acima e clique em OK. O IDE gera a tabela  <code>Assunto</code>  no banco de dados e você pode ver um novo nó da tabela  <code>Assunto</code>  (<span class="image"><img src="images/table-node.png" alt="table node"></span>) imediatamente exibido sob as Tabelas no Explorador do Banco de Dados.</p>
 </div>
 </div>
 </div>
@@ -475,16 +583,17 @@ image::images/create-table-subject.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">INSERT INTO Counselor
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">INSERT INTO Counselor
 VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678', 'r_steamboat@ifpwafcad.com', '1996-01-01')</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
-<p>Para executar a consulta, clique com o botão direito do mouse no Editor SQL e escolha Executar Instrução. Na janela de Saída, você pode ver uma mensagem indicando que a consulta foi executada com êxito.
-4.
-Para verificar se o novo registro foi adicionado à tabela  <code>Consultor</code> , no Explorador do Banco de Dados, clique com o botão direito do mouse no nó da tabela  <code>Consultor</code>  e escolha Exibir Dados. Um novo painel Editor SQL é aberto na janela principal. Quando você escolhe Exibir Dados, é gerada automaticamente na região superior do Editor SQL uma consulta para selecionar todos os dados da tabela. Os resultados da instrução são exibidos em uma view em tabela na região [...]
+<p>Para executar a consulta, clique com o botão direito do mouse no Editor SQL e escolha Executar Instrução. Na janela de Saída, você pode ver uma mensagem indicando que a consulta foi executada com êxito.</p>
+</li>
+<li>
+<p>Para verificar se o novo registro foi adicionado à tabela  <code>Consultor</code> , no Explorador do Banco de Dados, clique com o botão direito do mouse no nó da tabela  <code>Consultor</code>  e escolha Exibir Dados. Um novo painel Editor SQL é aberto na janela principal. Quando você escolhe Exibir Dados, é gerada automaticamente na região superior do Editor SQL uma consulta para selecionar todos os dados da tabela. Os resultados da instrução são exibidos em uma view em tabela na reg [...]
 </li>
 </ol>
 </div>
@@ -538,9 +647,9 @@ Certifique-se de que a conexão com  <code>MyNewDatabase</code>  esteja selecion
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
-<p>Clique no botão Executar SQL (image::images/run-sql-button.png[]) na barra de tarefas do Editor SQL. O script é executado no banco de dados selecionado e qualquer feedback é gerado na janela de Saída.</p>
+<p>Clique no botão Executar SQL (<span class="image"><img src="images/run-sql-button.png" alt="run sql button"></span>) na barra de tarefas do Editor SQL. O script é executado no banco de dados selecionado e qualquer feedback é gerado na janela de Saída.</p>
 </li>
 <li>
 <p>Para verificar as alterações, clique com o botão direito do mouse no nó da conexão de  <code>MyNewDatabase</code>  na janela Runtime e escolha Atualizar. A opção Atualizar atualiza o componente UI do Explorador do Banco de Dados para o status atual do banco de dados especificado. Observe que as duas novas tabelas do script SQL agora são exibidas como nós de tabela em  <code>MyNewDatabase</code>  no Explorador do Banco de Dados.</p>
diff --git a/content/kb/docs/ide/mysql_ru.html b/content/kb/docs/ide/mysql_ru.html
index 70e807d..f05c461 100644
--- a/content/kb/docs/ide/mysql_ru.html
+++ b/content/kb/docs/ide/mysql_ru.html
@@ -122,12 +122,6 @@
 <div class="paragraph">
 <p><strong>Предполагаемая продолжительность: <em>30</em> минут</strong></p>
 </div>
-<div class="imageblock">
-<div class="content">
-<img src="images/netbeans-stamp-80-74-73.png" alt="netbeans stamp 80 74 73">
-</div>
-<div class="title">Figure 1. Содержимое этой страницы применимо к IDE NetBeans 7.2, 7.3, 7.4 и 8.0</div>
-</div>
 <div class="paragraph">
 <p><strong>Для работы с этим учебным курсом требуется следующее программное обеспечение и ресурсы.</strong></p>
 </div>
@@ -157,8 +151,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Примечание.</strong> В этом руководстве предполагается, что уже имеется СУБД MySQL, которая установлена и настроена на компьютере. Если система устанавливается впервые, ознакомьтесь с официальной <a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">документацией по MySQL</a> для получения справки. Также подробные сведения по этой теме можно найти в разделе <a href="install-and-configure-mysql-server.html">Настройка сервера баз данных MySQL в операционной системе [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+В этом руководстве предполагается, что уже имеется СУБД MySQL, которая установлена и настроена на компьютере. Если система устанавливается впервые, ознакомьтесь с официальной <a href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html">документацией по MySQL</a> для получения справки. Также подробные сведения по этой теме можно найти в разделе <a href="install-and-configure-mysql-server.html">Настройка сервера баз данных MySQL в операционной системе Windows</a>.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -171,9 +174,17 @@
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Щелкните правой кнопкой мыши узел Databases ("Базы данных") в окне Services ("Службы") и выберите Register MySQL Server ("Зарегистрировать MySQL") для открытия диалогового окна свойств сервера MySQL.
-image::images/mysql-props1.png[]</p>
+<p>Щелкните правой кнопкой мыши узел Databases ("Базы данных") в окне Services ("Службы") и выберите Register MySQL Server ("Зарегистрировать MySQL") для открытия диалогового окна свойств сервера MySQL.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-props1.png" alt="mysql props1">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Убедитесь, что имя узла и порт сервера указаны правильно.</p>
 </li>
@@ -183,52 +194,106 @@ image::images/mysql-props1.png[]</p>
 <p>Обратите внимание, что среда IDE вводит <code>localhost</code> как имя узла сервера по умолчанию и <code>3306</code> как номер порта сервера по умолчанию.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Введите имя администратора (если оно не отображается).</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Примечание. * Необходим доступ с правами администратора, чтобы иметь возможность создавать и удалять базы данных.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Необходим доступ с правами администратора, чтобы иметь возможность создавать и удалять базы данных.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>Введите пароль администратора. По умолчанию установлено пустое значение.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Примечание. * Пустой пароль является допустимым.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Пустой пароль является допустимым.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Нажмите вкладку "Свойства администратора" в верхней части диалогового окна.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>Отобразится соответствующая вкладка, предоставляющая возможность ввода сведений для управления сервером MySQL.
-6. В поле "Путь/URL-адрес к средству администрирования" введите путь к средству администрирования MySQL (например, MySQL Admin Tool, PhpMyAdmin или другому подходящему веб-средству) или найдите его при помощи кнопки "Обзор".</p>
+<p>Отобразится соответствующая вкладка, предоставляющая возможность ввода сведений для управления сервером MySQL.</p>
 </div>
-<div class="paragraph">
-<p>*Примечание. *<code>mysqladmin</code> является инструментов администрирования MySQL, который находится в папке <code>bin</code> каталога установки MySQL. Это средство командной строки не подходит для использования в среде IDE.</p>
+<div class="olist arabic">
+<ol class="arabic" start="6">
+<li>
+<p>В поле "Путь/URL-адрес к средству администрирования" введите путь к средству администрирования MySQL (например, MySQL Admin Tool, PhpMyAdmin или другому подходящему веб-средству) или найдите его при помощи кнопки "Обзор".</p>
+</li>
+</ol>
 </div>
-<div class="paragraph">
-<p>Введите аргументы для средства администрирования в соответствующее поле.
-7.
-В поле "Путь к команде запуска" введите соответствующий путь MySQL или найдите его при помощи кнопки "Обзор". Для получения команды запуска найдите файл <code>mysqld</code> в папке <code>bin</code> каталога установки MySQL.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<code>mysqladmin</code> является инструментов администрирования MySQL, который находится в папке <code>bin</code> каталога установки MySQL. Это средство командной строки не подходит для использования в среде IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>*Примечание. * Рекомендуемый двоичный файл для Unix и NetWare: <code>mysql_safe</code>. Также может потребоваться другая команда запуска при установке MySQL в составе установки AMP.</p>
+<p>Введите аргументы для средства администрирования в соответствующее поле.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
+<li>
+<p>В поле "Путь к команде запуска" введите соответствующий путь MySQL или найдите его при помощи кнопки "Обзор". Для получения команды запуска найдите файл <code>mysqld</code> в папке <code>bin</code> каталога установки MySQL.</p>
+</li>
+</ol>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+Рекомендуемый двоичный файл для Unix и NetWare: <code>mysql_safe</code>. Также может потребоваться другая команда запуска при установке MySQL в составе установки AMP.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
-<p>Введите значение аргументов для команды запуска в соответствующее поле.
-8. В поле "Путь к команде остановки" введите путь к команде остановки MySQL или найдите его при помощи кнопки "Обзор". Обычно требуется ввести путь к файлу <code>mysqladmin</code> в папке <code>bin</code> каталога установки MySQL. При использовании команды <code>mysqladmin</code> введите <code>-u root stop</code> в поле "Аргументы" для получения прав пользователя <code>root</code> на остановку сервера.
-9.
-На рисунке ниже изображен внешний вид вкладки "Свойства администратора" по завершении настройки. Если настройка выполнена корректно, нажмите кнопку "ОК".</p>
+<p>Введите значение аргументов для команды запуска в соответствующее поле.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="8">
+<li>
+<p>В поле "Путь к команде остановки" введите путь к команде остановки MySQL или найдите его при помощи кнопки "Обзор". Обычно требуется ввести путь к файлу <code>mysqladmin</code> в папке <code>bin</code> каталога установки MySQL. При использовании команды <code>mysqladmin</code> введите <code>-u root stop</code> в поле "Аргументы" для получения прав пользователя <code>root</code> на остановку сервера.</p>
+</li>
+<li>
+<p>На рисунке ниже изображен внешний вид вкладки "Свойства администратора" по завершении настройки. Если настройка выполнена корректно, нажмите кнопку "ОК".</p>
+</li>
+</ol>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -270,14 +335,29 @@ image::images/mysql-props1.png[]</p>
 </ol>
 </div>
 <div class="paragraph">
-<p>Откроется диалоговое окно "Создание базы данных MySQL".
-2. В диалоговом окне "Создание базы данных MySQL" введите имя новой базы данных. В этом учебном курсе используется имя <code>MyNewDatabase</code>. Не устанавливайте флажок. image::images/create-db-dbx.png[]</p>
+<p>Откроется диалоговое окно "Создание базы данных MySQL".</p>
... 5251 lines suppressed ...


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@netbeans.apache.org
For additional commands, e-mail: commits-help@netbeans.apache.org

For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists