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 2019/02/10 10:15:48 UTC

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

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/incubator-netbeans-website.git


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

commit e2d7e0c7af662372032d0632bf360cd950343f43
Author: jenkins <bu...@apache.org>
AuthorDate: Sun Feb 10 10:15:46 2019 +0000

    Automated site publishing by Jenkins build 589
---
 .../docs/php/configure-php-environment-mac-os.html | 164 +++++++++++++------
 .../docs/php/configure-php-environment-ubuntu.html | 141 +++++++++--------
 .../php/configure-php-environment-windows.html     | 165 ++++++++++++++------
 content/kb/docs/php/index.html                     |   4 +-
 content/kb/docs/php/project-setup.html             | 173 ++++++++++++++++-----
 content/kb/docs/php/quickstart.html                |  77 ++++++---
 6 files changed, 493 insertions(+), 231 deletions(-)

diff --git a/content/kb/docs/php/configure-php-environment-mac-os.html b/content/kb/docs/php/configure-php-environment-mac-os.html
index 0be106c..251375c 100644
--- a/content/kb/docs/php/configure-php-environment-mac-os.html
+++ b/content/kb/docs/php/configure-php-environment-mac-os.html
@@ -81,16 +81,8 @@
             <h1 class="sect0">Configuring PHP, Apache, MySQL, and Xdebug for PHP development in MAC OS X</h1>
             
             <div class="sectionbody">
-              <div class="admonitionblock note">
-                <table>
-                  <tbody><tr>
-                  <td class="icon"><i class="fa icon-note" title="Note"></i></td>
-                  <td class="content">This tutorial needs a review. 
-                     You can <a href="https://issues.apache.org/jira/projects/NETBEANS/issues">open a JIRA issue</a>, 
-                     or <a href="https://github.com/apache/incubator-netbeans-website/blob/master/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-mac-os.asciidoc" title="Edit this tutorial in github">edit it in GitHub </a>
-                     following these <a href="/kb/docs/contributing.html">contribution guidelines.</a></td>
-                  </tr></tbody>
-                </table>
+              <div class="paragraph">
+                <p class='reviewed'><i class="fa fa-check-circle"></i> Last reviewed on 2019-02-02</p>
               </div>
             </div>
             
@@ -107,7 +99,7 @@
 <div id="preamble">
 <div class="sectionbody">
 <div class="paragraph">
-<p>This tutorial shows you how to set up PHP on the <a href="http://www.mamp.info/en/index.php">MAMP</a> (<strong>M*acintosh,</strong> A*pache, *M*ySQL, *P*HP) package, which includes the Apache web server, the MySQL database server, and the PHP engine. MAMP is intended as a PHP development environment for the Mac, which can work seamlessly with the NetBeans IDE.</p>
+<p>This tutorial shows you how to set up PHP on the <a href="http://www.mamp.info/en/index.php">MAMP</a> (Macintosh, Apache, MySQL, PHP) package, which includes the Apache web server, the MySQL database server, and the PHP engine. MAMP is intended as a PHP development environment for the Mac, which can work seamlessly with the NetBeans IDE.</p>
 </div>
 <div class="paragraph">
 <p><a href="http://www.Xdebug.org/">Xdebug</a> is an extension for PHP that aids in providing information valuable for debugging PHP scripts. The NetBeans debugger works on top of the Xdebug extension, providing an effective debugging tool in your development environment.</p>
@@ -157,20 +149,46 @@ The MAMP package includes the Apache web server, PHP engine, and MySQL database.
 <p>Download the latest version of <a href="http://www.mamp.info/en/download.html">MAMP</a>.</p>
 </li>
 <li>
-<p>Extract the downloaded file and run the <code>.dmg</code> file. When the installer displays, drag MAMP into your <code>/Applications</code> folder.
-image::images/mamp-install.png[title="MAMP installer panel showing MAMP and MAMP-Pro options"]</p>
+<p>Extract the downloaded file and run the <code>.dmg</code> file. When the installer displays, drag MAMP into your <code>/Applications</code> folder.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mamp-install.png" alt="mamp install">
+</div>
+<div class="title">Figure 1. MAMP installer panel showing MAMP and MAMP-Pro options</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Navigate to <code>/Applications/MAMP</code> and double-click <code>MAMP.app</code>. The MAMP Control Panel opens.</p>
 </li>
 </ol>
 </div>
 <div class="paragraph">
-<p>You can also install the MAMP Control dashboard widget as described in <code>MAMP/README.rtf</code>, which enables you to start and stop servers.
-image::images/mamp-control-panel.png[]
-4. Click Preferences to open the Preferences panel, then select the Ports tab.
-5. Click Set to Default Apache and MySQL ports. Apache port is reset to 80 and MySQL to 3306.
-image::images/mamp-control-panel-preferences-ports.png[title="MAMP control panel with Ports tab, after ports have been changed to default values"]</p>
+<p>You can also install the MAMP Control dashboard widget as described in <code>MAMP/README.rtf</code>, which enables you to start and stop servers.</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mamp-control-panel.png" alt="mamp control panel">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Click Preferences to open the Preferences panel, then select the Ports tab.</p>
+</li>
+<li>
+<p>Click Set to Default Apache and MySQL ports. Apache port is reset to 80 and MySQL to 3306.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mamp-control-panel-preferences-ports.png" alt="mamp control panel preferences ports">
+</div>
+<div class="title">Figure 2. MAMP control panel with Ports tab, after ports have been changed to default values</div>
 </div>
 </div>
 </div>
@@ -202,12 +220,21 @@ image::images/mamp-control-panel-preferences-ports.png[title="MAMP control panel
 <p>*Administrator User Name: *<code>root</code></p>
 </li>
 <li>
-<p>*Administrator Password: *<code>root</code>
-image::images/mysql-basic-properties.png[title="MySQL Basic Properties dialog containing MAMP&#8217;s default connectivity settings"]</p>
+<p>*Administrator Password: *<code>root</code></p>
 </li>
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-basic-properties.png" alt="mysql basic properties">
+</div>
+<div class="title">Figure 3. MySQL Basic Properties dialog containing MAMP&#8217;s default connectivity settings</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Select the Admin Properties tab to display settings that enable you to start and stop the database server from the IDE. MAMP maintains shell scripts in its <code>bin</code> folder. You can find scripts for starting and stopping servers there. For the path to the Admin tool, you have a choice; you can link to <code>MAMP.app</code> so that you can use the IDE to open MAMP&#8217;s control panel. To do so, enter <code>/Applications/MAMP/MAMP.app</code>. However, an alternative option woul [...]
 <div class="ulist">
@@ -219,22 +246,43 @@ image::images/mysql-basic-properties.png[title="MySQL Basic Properties dialog co
 <p>*Path to start command: *<code>/Applications/MAMP/bin/startMysql.sh</code></p>
 </li>
 <li>
-<p>*Path to stop command: *<code>/Applications/MAMP/bin/stopMysql.sh</code>
-image::images/mysql-admin-props.png[title="MySQL Admin Properties dialog containing sample administration settings"]</p>
+<p>*Path to stop command: *<code>/Applications/MAMP/bin/stopMysql.sh</code></p>
 </li>
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-admin-props.png" alt="mysql admin props">
+</div>
+<div class="title">Figure 4. MySQL Admin Properties dialog containing sample administration settings</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
-<p>If you choose to use the MySQL Workbench as your MySQL admin tool, you need to specify the socket for the connection to MAMP&#8217;s database. Start MySQL Workbench and from the main page, click New Server Instance in the Server Administration column.
-image::images/mysql-workbench-home.png[]</p>
+<p>If you choose to use the MySQL Workbench as your MySQL admin tool, you need to specify the socket for the connection to MAMP&#8217;s database. Start MySQL Workbench and from the main page, click New Server Instance in the Server Administration column.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mysql-workbench-home.png" alt="mysql workbench home">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
 <li>
-<p>The Create New Server Instance Profile dialog opens. Select the Local Socket/Pipe connection method and add the path to the socket file in the Parameters tab. The default location of the socket is: <code>/Applications/MAMP/tmp/mysql/mysql.sock</code>.
-image::images/socket-path.png[]</p>
+<p>The Create New Server Instance Profile dialog opens. Select the Local Socket/Pipe connection method and add the path to the socket file in the Parameters tab. The default location of the socket is: <code>/Applications/MAMP/tmp/mysql/mysql.sock</code>.</p>
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/socket-path.png" alt="socket path">
+</div>
+</div>
 </div>
 </div>
 <div class="sect1">
@@ -267,22 +315,21 @@ image::images/socket-path.png[]</p>
 <p>MAMP contains a pre-compiled  <code>xdebug.so</code>  file. To use this file, enable it in MAMP&#8217;s  <code>php.ini</code> . Xdebug does not work together with Zend Optimizer, so you also have to disable Zend Optimizer in  <code>php.ini</code> .</p>
 </div>
 <div class="paragraph">
-<p><strong>To enable Xdebug with MAMP:</strong></p>
+<p>To enable Xdebug with MAMP:</p>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Open the <code>php.ini</code> file in an editor. This file is located in:</p>
+<p>Open the <code>php.ini</code> file in an editor. This file is located in: <code>/Applications/MAMP/conf/php5/php.ini</code>.</p>
+</li>
+<li>
+<p>Locate the  <code>[Zend]</code>  section and comment out every line.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><code>/Applications/MAMP/conf/php5/php.ini</code>.
-2. Locate the  <code>[Zend]</code>  section and comment out every line.</p>
-</div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">;[Zend]
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">;[Zend]
 ;zend_optimizer.optimization_level=15
 ;zend_extension_manager.optimizer=/Applications/MAMP/bin/php5/zend/lib/Optimizer-3.3.3
 ;zend_optimizer.version=3.3.3
@@ -291,7 +338,7 @@ image::images/socket-path.png[]</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Locate the  <code>[xdebug]</code>  section and activate Xdebug (replace <code>xxxxxxxx</code> with the actual number). Add this section to the end of  <code>php.ini</code>  if it is not there.</p>
 </li>
@@ -299,7 +346,7 @@ image::images/socket-path.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">[xdebug]
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">[xdebug]
 
 xdebug.default_enable=1
 
@@ -313,13 +360,42 @@ zend_extension="/Applications/MAMP/bin/php5/lib/php/extensions/no-debug-non-zts-
 </div>
 </div>
 <div class="paragraph">
-<p>For an explanation of these properties, see Related Settings in the <a href="http://www.Xdebug.org/docs/remote">Xdebug Remote Debugging</a> documentation.
-4. Note that the remote port specified for Xdebug in the previous step is: 9000. This is the default debugger port used in NetBeans. To verify this, choose NetBeans &gt; Preferences from the main menu, then select PHP in the Options window.
- image::images/php-options68.png[title="The debugging port can be set in the PHP Options window"]
-If needed, you can change the debugger port here.
-5. Open the MAMP control panel and select the PHP tab. Deselect Zend Optimizer.
-image::images/mamp-control-panel-preferences-php.png[title="MAMP Control Panel with PHP tab, after Zend Optimizer has been unselected"]
-6. Start (or restart) the MAMP Apache server.</p>
+<p>For an explanation of these properties, see Related Settings in the <a href="http://www.Xdebug.org/docs/remote">Xdebug Remote Debugging</a> documentation.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Note that the remote port specified for Xdebug in the previous step is: 9000. This is the default debugger port used in NetBeans. To verify this, choose NetBeans &gt; Preferences from the main menu, then select PHP in the Options window.</p>
+<div class="literalblock">
+<div class="content">
+<pre>image::images/php-options68.png[title="The debugging port can be set in the PHP Options window"]</pre>
+</div>
+</div>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>If needed, you can change the debugger port here.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
+<li>
+<p>Open the MAMP control panel and select the PHP tab. Deselect Zend Optimizer.</p>
+</li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/mamp-control-panel-preferences-php.png" alt="mamp control panel preferences php">
+</div>
+<div class="title">Figure 5. MAMP Control Panel with PHP tab, after Zend Optimizer has been unselected</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>Start (or restart) the MAMP Apache server.</p>
+</li>
+</ol>
 </div>
 </div>
 </div>
@@ -339,7 +415,7 @@ image::images/mamp-control-panel-preferences-php.png[title="MAMP Control Panel w
 <div class="content">
 <img src="images/debugger-toolbar.png" alt="debugger toolbar">
 </div>
-<div class="title">Figure 1. The debugger toolbar in a suspended state</div>
+<div class="title">Figure 6. The debugger toolbar in a suspended state</div>
 </div>
 <div class="paragraph">
 <p>You can also verify that a PHP debugging session is active by opening the Sessions window. Choose Window &gt; Debugging &gt; Sessions from the main menu.</p>
@@ -348,7 +424,7 @@ image::images/mamp-control-panel-preferences-php.png[title="MAMP Control Panel w
 <div class="content">
 <img src="images/debugger-sessions-win.png" alt="debugger sessions win">
 </div>
-<div class="title">Figure 2. The Sessions window indicates that an Xdebug debugger session is active</div>
+<div class="title">Figure 7. The Sessions window indicates that an Xdebug debugger session is active</div>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/php/configure-php-environment-ubuntu.html b/content/kb/docs/php/configure-php-environment-ubuntu.html
index e39e487..18bce6c 100644
--- a/content/kb/docs/php/configure-php-environment-ubuntu.html
+++ b/content/kb/docs/php/configure-php-environment-ubuntu.html
@@ -81,26 +81,17 @@
             <h1 class="sect0">Configuring the PHP Development Environment in Linux Ubuntu</h1>
             
             <div class="sectionbody">
-              <div class="admonitionblock note">
-                <table>
-                  <tbody><tr>
-                  <td class="icon"><i class="fa icon-note" title="Note"></i></td>
-                  <td class="content">This tutorial needs a review. 
-                     You can <a href="https://issues.apache.org/jira/projects/NETBEANS/issues">open a JIRA issue</a>, 
-                     or <a href="https://github.com/apache/incubator-netbeans-website/blob/master/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-ubuntu.asciidoc" title="Edit this tutorial in github">edit it in GitHub </a>
-                     following these <a href="/kb/docs/contributing.html">contribution guidelines.</a></td>
-                  </tr></tbody>
-                </table>
+              <div class="paragraph">
+                <p class='reviewed'><i class="fa fa-check-circle"></i> Last reviewed on 2019-02-02</p>
               </div>
             </div>
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
 <ul class="sectlevel1">
-<li><a href="#_configuring_the_php_development_environment_in_linux_ubuntu">Configuring the PHP Development Environment in Linux Ubuntu</a>
+<li><a href="#_requirements">Requirements</a>
 <ul class="sectlevel2">
 <li><a href="#_installing_the_software">Installing the Software</a></li>
-<li><a href="#"> </a></li>
 <li><a href="#_specifying_the_document_root_for_the_apache2_http_server">Specifying the Document Root for the Apache2 HTTP Server</a></li>
 <li><a href="#_configuring_the_mysql_database_server">Configuring the MySQL Database Server</a></li>
 <li><a href="#_installing_and_enabling_the_xdebug_debugger">Installing and Enabling the XDebug Debugger</a></li>
@@ -108,14 +99,18 @@
 </li>
 </ul>
 </div>
-<div class="sect1">
-<h2 id="_configuring_the_php_development_environment_in_linux_ubuntu">Configuring the PHP Development Environment in Linux Ubuntu</h2>
+<div id="preamble">
 <div class="sectionbody">
 <div class="paragraph">
 <p>This tutorial shows how to configure the PHP development environment in the Ubuntu operating system (7.10 and later). This involves installing and configuring the PHP engine, a MySQL database, an Apache web server, and the XDebug debugger.</p>
 </div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_requirements">Requirements</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p><strong>To follow this tutorial, you need the following software and resources.</strong></p>
+<p>To follow this tutorial, you need the following software and resources.</p>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -181,7 +176,7 @@
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">sudo tasksel install lamp-server</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">sudo tasksel install lamp-server</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -213,17 +208,18 @@
 </ul>
 </div>
 </div>
-</div>
-<div class="sect2">
-<h3 id=""> </h3>
 <div class="sect3">
 <h4 id="_checking_the_installation">Checking the Installation</h4>
 <div class="paragraph">
 <p>After you set up your PHP web stack, check that it is installed correctly and that your Apache server recognizes your PHP engine.</p>
 </div>
 <div class="paragraph">
-<p>To check that Apache and PHP are installed and running, open NetBeans IDE and <a href="./project-setup.html">create a PHP project</a>. In the  <code>index.php</code>  file, enter the PHP method  <code>phpinfo()</code> . Run the file. The standard PHP information page should display.
-image::images/ubuntu-phpinfo.png[]</p>
+<p>To check that Apache and PHP are installed and running, open NetBeans IDE and <a href="./project-setup.html">create a PHP project</a>. In the  <code>index.php</code>  file, enter the PHP method  <code>phpinfo()</code> . Run the file. The standard PHP information page should display.</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/ubuntu-phpinfo.png" alt="ubuntu phpinfo">
+</div>
 </div>
 </div>
 <div class="sect3">
@@ -234,16 +230,16 @@ image::images/ubuntu-phpinfo.png[]</p>
 <div class="ulist">
 <ul>
 <li>
-<p>*The browser window displays a Not Found error for  <code>~USER/PROJECT/index.php</code> *. Remove the  <code>~USER</code>  string from the URL. For example, if this error appears for the URL  <code>~ubuntu/test1/index.php</code> , change the URL to  <code>test1/index.php</code> . Note that you can set the URL for a PHP project in NetBeans IDE either when you create the project, or by right-clicking the project node and going to Properties &gt; Run Configuration.</p>
+<p>The browser window displays a Not Found error for  <code>~USER/PROJECT/index.php</code>. Remove the  <code>~USER</code>  string from the URL. For example, if this error appears for the URL  <code>~ubuntu/test1/index.php</code> , change the URL to  <code>test1/index.php</code> . Note that you can set the URL for a PHP project in NetBeans IDE either when you create the project, or by right-clicking the project node and going to Properties &gt; Run Configuration.</p>
 </li>
 <li>
-<p><strong>The browser shows you a popup asking you to open the file, as if the PHP engine is not recognized.</strong> There&#8217;s a problem with your  <code>php5-common</code>  package. Replace it with  <code>php5</code>  and  <code>phpmyadmin</code> . To replace  <code>php5-common</code> , run the following two commands:</p>
+<p>The browser shows you a popup asking you to open the file, as if the PHP engine is not recognized. There&#8217;s a problem with your  <code>php5-common</code>  package. Replace it with  <code>php5</code>  and  <code>phpmyadmin</code> . To replace  <code>php5-common</code> , run the following two commands:</p>
 </li>
 </ul>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">apt-get --purge remove php5-commonapt-get install php5 phpmyadmin</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">apt-get --purge remove php5-commonapt-get install php5 phpmyadmin</code></pre>
 </div>
 </div>
 </div>
@@ -255,7 +251,7 @@ image::images/ubuntu-phpinfo.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">/etc/apache2/sites-available/default</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">/etc/apache2/sites-available/default</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -263,25 +259,12 @@ image::images/ubuntu-phpinfo.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">/var/www/</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">/var/www/</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>We recommend that you create your own virtual host and enable it instead of editing the default one.</p>
 </div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="#createDocumentRootLocation">Create the Document Root Location</a></p>
-</li>
-<li>
-<p><a href="#createNewVirtualHost">Specify the new document root in a new virtual host</a></p>
-</li>
-<li>
-<p><a href="#activateNewVirtualHost">Activating the new virtual host</a></p>
-</li>
-</ul>
-</div>
 <div class="sect3">
 <h4 id="_creating_the_document_root_location">Creating the Document Root Location</h4>
 <div class="olist arabic">
@@ -303,8 +286,7 @@ image::images/ubuntu-phpinfo.png[]</p>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>To
-launch the Terminal, choose Applications&gt;Accessories&gt;Terminal. The Terminal window opens.</p>
+<p>To launch the Terminal, choose Applications &gt; Accessories &gt; Terminal. The Terminal window opens.</p>
 </li>
 <li>
 <p>To copy the configuration file of the default virtual host to a new file ( <code>mysite</code> ), type the following command at the command prompt:</p>
@@ -313,33 +295,38 @@ launch the Terminal, choose Applications&gt;Accessories&gt;Terminal. The Termina
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/mysite</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/mysite</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
-<p>Run the  <code>
-gedit</code>  application and edit the new configuration file ( <code>mysite</code> ) in it:</p>
+<p>Run the  <code>gedit</code>  application and edit the new configuration file ( <code>mysite</code> ) in it:</p>
 </li>
 </ol>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">gksudo gedit /etc/apache2/sites-available/mysite</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">gksudo gedit /etc/apache2/sites-available/mysite</code></pre>
 </div>
 </div>
 <div class="paragraph">
-<p>If asked, enter the password that you specified for the root user during the installation of your operating system.
-4. Change the Document Root to point to the new location:</p>
+<p>If asked, enter the password that you specified for the root user during the installation of your operating system.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
+<li>
+<p>Change the Document Root to point to the new location:</p>
+</li>
+</ol>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">/home/&lt;user&gt;/public_html/</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">/home/&lt;user&gt;/public_html/</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Change the Directory directive, replace</p>
 </li>
@@ -347,7 +334,7 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">&lt;Directory /var/www/&gt;</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">&lt;Directory /var/www/&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -355,7 +342,7 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">&lt;Directory /home/user/public_html/&gt;</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">&lt;Directory /home/user/public_html/&gt;</code></pre>
 </div>
 </div>
 <div class="imageblock">
@@ -364,7 +351,7 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Save the file  <code>mysite</code></p>
 </li>
@@ -382,11 +369,11 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">sudo a2dissite default &amp;amp;&amp;amp; sudo a2ensite mysite</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">sudo a2dissite default &amp;amp;&amp;amp; sudo a2ensite mysite</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>Restart the Apache HTTP server:</p>
 </li>
@@ -394,7 +381,7 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">sudo /etc/init.d/apache2 reload</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">sudo /etc/init.d/apache2 reload</code></pre>
 </div>
 </div>
 </div>
@@ -413,16 +400,22 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">mysql -u root -p</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">mysql -u root -p</code></pre>
 </div>
 </div>
 <div class="paragraph">
-<p>The MySQL command prompt appears.
-2. At the command prompt enter the following command and press Enter:</p>
+<p>The MySQL command prompt appears.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>At the command prompt enter the following command and press Enter:</p>
+</li>
+</ol>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">SET PASSWORD FOR 'root'@'localhost' = PASSWORD('&lt;yourpassword&gt;');</code></pre>
+<pre class="prettyprint highlight"><code class="language-sql" data-lang="sql">SET PASSWORD FOR 'root'@'localhost' = PASSWORD('&lt;yourpassword&gt;');</code></pre>
 </div>
 </div>
 <div class="paragraph">
@@ -430,7 +423,7 @@ gedit</code>  application and edit the new configuration file ( <code>mysite</co
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">Query OK, 0 rows affected (0.00 sec)</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">Query OK, 0 rows affected (0.00 sec)</code></pre>
 </div>
 </div>
 </div>
@@ -472,6 +465,10 @@ For each item, from the context menu choose Mark for installation.</p>
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>The Mark additional required changes dialog box opens with a list of dependent packages that should be also installed to enable the work of the software. Click Mark.</p>
 </li>
@@ -499,7 +496,7 @@ You can also install the modules by running the following command in the Termina
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="8">
 <li>
 <p>You can now download and install XDebug. Enter the following command in the Terminal window:</p>
 </li>
@@ -507,7 +504,7 @@ You can also install the modules by running the following command in the Termina
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">sudo pecl install xdebug</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">sudo pecl install xdebug</code></pre>
 </div>
 </div>
 </div>
@@ -525,17 +522,25 @@ You can also install the modules by running the following command in the Termina
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">gksudo gedit</code></pre>
+<pre class="prettyprint highlight"><code class="language-bash" data-lang="bash">gksudo gedit</code></pre>
 </div>
 </div>
 <div class="paragraph">
-<p>If asked, enter the password specified for the root user during the installation of your operating system.
-2. Open the file  <code>/etc/php5/apache2/php.ini</code>  .
-3. Add the following lines to the file:</p>
+<p>If asked, enter the password specified for the root user during the installation of your operating system.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
+<li>
+<p>Open the file  <code>/etc/php5/apache2/php.ini</code>  .</p>
+</li>
+<li>
+<p>Add the following lines to the file:</p>
+</li>
+</ol>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">zend_extension=/usr/lib/php5/&lt;DATE+lfs&gt;/xdebug.so
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">zend_extension=/usr/lib/php5/&lt;DATE+lfs&gt;/xdebug.so
 xdebug.remote_enable=on</code></pre>
 </div>
 </div>
diff --git a/content/kb/docs/php/configure-php-environment-windows.html b/content/kb/docs/php/configure-php-environment-windows.html
index f604c76..717517e 100644
--- a/content/kb/docs/php/configure-php-environment-windows.html
+++ b/content/kb/docs/php/configure-php-environment-windows.html
@@ -81,23 +81,15 @@
             <h1 class="sect0">Configuring PHP Development Environment in Windows</h1>
             
             <div class="sectionbody">
-              <div class="admonitionblock note">
-                <table>
-                  <tbody><tr>
-                  <td class="icon"><i class="fa icon-note" title="Note"></i></td>
-                  <td class="content">This tutorial needs a review. 
-                     You can <a href="https://issues.apache.org/jira/projects/NETBEANS/issues">open a JIRA issue</a>, 
-                     or <a href="https://github.com/apache/incubator-netbeans-website/blob/master/netbeans.apache.org/src/content/kb/docs/php/configure-php-environment-windows.asciidoc" title="Edit this tutorial in github">edit it in GitHub </a>
-                     following these <a href="/kb/docs/contributing.html">contribution guidelines.</a></td>
-                  </tr></tbody>
-                </table>
+              <div class="paragraph">
+                <p class='reviewed'><i class="fa fa-check-circle"></i> Last reviewed on 2019-02-02</p>
               </div>
             </div>
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
 <ul class="sectlevel1">
-<li><a href="#_configuring_php_development_environment_in_windows">Configuring PHP Development Environment in Windows</a>
+<li><a href="#_requirements">Requirements</a>
 <ul class="sectlevel2">
 <li><a href="#_required_software">Required Software</a></li>
 <li><a href="#_using_an_amp_package">Using an AMP Package</a></li>
@@ -106,14 +98,18 @@
 </li>
 </ul>
 </div>
-<div class="sect1">
-<h2 id="_configuring_php_development_environment_in_windows">Configuring PHP Development Environment in Windows</h2>
+<div id="preamble">
 <div class="sectionbody">
 <div class="paragraph">
-<p>This tutorial shows you two ways of configuring your PHP development environment on the Windows operating system. The first and most convenient way is to install and configure an AMP (*A*pache, *M*ySQL, *P*HP) package. This tutorial shows you how to install the XAMPP package. The second way is to install and configure each component separately.</p>
+<p>This tutorial shows you two ways of configuring your PHP development environment on the Windows operating system. The first and most convenient way is to install and configure an AMP (Apache, MySQL, PHP) package. This tutorial shows you how to install the XAMPP package. The second way is to install and configure each component separately.</p>
+</div>
+</div>
 </div>
+<div class="sect1">
+<h2 id="_requirements">Requirements</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p><strong>To follow this tutorial, you need the following software and resources.</strong></p>
+<p>To follow this tutorial, you need the following software and resources.</p>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -167,11 +163,22 @@ Included in XAMPP Windows.</p></td>
 <p>The PHP debugger. The NetBeans IDE for PHP allows you to use <a href="http://www.xdebug.org">XDebug</a>, but using a debugger is optional. The recommended version is XDebug 2.0 or higher as it is compatible with PHP5.</p>
 </li>
 <li>
-<p>A database server. You can use various database servers while one of the most popular ones is the MySQL server. Downloads are available <a href="http://dev.mysql.com/downloads/mysql/5.1.html">here</a>.
-NOTE: The recommended version of the product is MySQL Server 5.0. The provided documents describe the work with this version.</p>
+<p>A database server. You can use various database servers while one of the most popular ones is the MySQL server. Downloads are available <a href="http://dev.mysql.com/downloads/mysql/5.1.html">here</a>.</p>
 </li>
 </ul>
 </div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+The recommended version of the product is MySQL Server 5.0. The provided documents describe the work with this version.
+</td>
+</tr>
+</table>
+</div>
 <div class="paragraph">
 <p>After the installation, you need to set up the environment that all the software components work properly with each other.</p>
 </div>
@@ -185,12 +192,21 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 <p>To have all the configuration settings for the PHP engine, the Apache HTTP Server, and the MySQL database server specified automatically, use an AMP package. This tutorial gives instructions only for the <a href="http://www.apachefriends.org/en/xampp-windows.html">XAMPP-Windows</a> package. For help with the WAMP package, please see the <a href="http://wiki.netbeans.org/HowToConfigureXDebug">NetBeans XDebug Wiki</a>.</p>
 </div>
 <div class="sect3">
-<h4 id="_installing_and_configuring_the_xampp_package">Installing and Configuring the XAMPP Package</h4>
+<h4 id="XAMPP">Installing and Configuring the XAMPP Package</h4>
 <div class="paragraph">
 <p>The section describes how to download, install, and configure the XAMPP package.</p>
 </div>
-<div class="paragraph">
-<p><strong>Warning:</strong> Do NOT use XAMPP 1.7.0. There are significant problems with XDebug in this version. Use version 1.7.1 or later, where these problems are fixed.</p>
+<div class="admonitionblock warning">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-warning" title="Warning"></i>
+</td>
+<td class="content">
+Do NOT use XAMPP 1.7.0. There are significant problems with XDebug in this version. Use version 1.7.1 or later, where these problems are fixed.
+</td>
+</tr>
+</table>
 </div>
 <div class="admonitionblock note">
 <table>
@@ -199,7 +215,7 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 <i class="fa icon-note" title="Note"></i>
 </td>
 <td class="content">
-*Starting with XAMPP 1.7.2, XAMPP comes with PHP 5.3, not PHP 5.2.x. NetBeans IDE for PHP version 6.7.x does not support the new PHP 5.3 functions. NetBeans IDE for PHP 6.8, currently available as a development build, fully supports PHP 5.3. Also note that Xdebug installation differs between PHP 5.2.x and PHP 5.3.
+Starting with XAMPP 1.7.2, XAMPP comes with PHP 5.3, not PHP 5.2.x. NetBeans IDE for PHP version 6.7.x does not support the new PHP 5.3 functions. NetBeans IDE for PHP 6.8, currently available as a development build, fully supports PHP 5.3. Also note that Xdebug installation differs between PHP 5.2.x and PHP 5.3.
 </td>
 </tr>
 </table>
@@ -218,7 +234,7 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 <p>On Microsoft Vista, the User Access Control feature blocks the PHP installer from updating the Apache httpd configuration. Disable UAC while you are installing XAMPP. See <a href="http://support.microsoft.com/kb/922708">Microsoft support</a> for more information.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>You are given the option to install the Apache server and the MySQL database server as services. If you install the Apache Server and MySQL as services, you will not have to start them manually through the XAMP Control Panel. Note that you have the option to install or uninstall these services in the <a href="#xamppConstolPanel">XAMPP Control Panel</a>.</p>
 </li>
@@ -230,11 +246,29 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Warning: *On Windows Vista sometimes  <code>xampp-control.exe</code>  will not run. You can run  <code>xampp-start.exe</code>  instead.</p>
+<div class="admonitionblock warning">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-warning" title="Warning"></i>
+</td>
+<td class="content">
+On Windows Vista sometimes  <code>xampp-control.exe</code>  will not run. You can run  <code>xampp-start.exe</code>  instead.
+</td>
+</tr>
+</table>
 </div>
-<div class="paragraph">
-<p>*Warning: *The  <code>winmysqladmin.exe file</code> , which is launched by the Admin button for MySQL, does not work. A cascade of error messages appears, which can only be stopped by manually terminating the  <code>winmysqladmin</code>  process. You cannot launch  <code>winmysqladmin.exe</code>  from the command line, either. See <a href="http://bugs.xampp.org/view.php?id=71">http://bugs.xampp.org/view.php?id=71</a>.</p>
+<div class="admonitionblock warning">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-warning" title="Warning"></i>
+</td>
+<td class="content">
+The  <code>winmysqladmin.exe file</code> , which is launched by the Admin button for MySQL, does not work. A cascade of error messages appears, which can only be stopped by manually terminating the  <code>winmysqladmin</code>  process. You cannot launch  <code>winmysqladmin.exe</code>  from the command line, either. See <a href="http://bugs.xampp.org/view.php?id=71">http://bugs.xampp.org/view.php?id=71</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -242,7 +276,7 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="6">
 <li>
 <p>The Svc checkboxes indicate that a module is installed as a Windows service and will start automatically on system startup. You can install or uninstall Windows services by selecting or unselecting the Svc checkbox. Uninstalling a Windows service does not uninstall the module, but it does require you to start the module manually. The XAMPP control panel includes buttons for stopping and starting modules and opening their administration consoles.</p>
 </li>
@@ -254,15 +288,27 @@ NOTE: The recommended version of the product is MySQL Server 5.0. The provided d
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Run your browser and enter the following URL:  <code><a href="http://localhost" class="bare">http://localhost</a></code> . The XAMPP welcome page opens:
-image::images/xampp-welcome-page.png[]</p>
+<p>Run your browser and enter the following URL:  <code><a href="http://localhost" class="bare">http://localhost</a></code> . The XAMPP welcome page opens:</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/xampp-welcome-page.png" alt="xampp welcome page">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
 <li>
-<p>To ensure that the Apache and MySQL servers have been installed as system services, restart your operating system, run the browser, and enter the  <code><a href="http://localhost" class="bare">http://localhost</a></code>  URL again. The XAMPP welcome page opens. Note that the XAMPP welcome page includes a menu in the left margin through which you can check the status of XAMPP components and run  <code>phpinfo()</code> , among other useful features.  <code>phpinfo()</code>  returns a s [...]
-image::images/xampp-phpinfo.png[]</p>
+<p>To ensure that the Apache and MySQL servers have been installed as system services, restart your operating system, run the browser, and enter the  <code><a href="http://localhost" class="bare">http://localhost</a></code>  URL again. The XAMPP welcome page opens. Note that the XAMPP welcome page includes a menu in the left margin through which you can check the status of XAMPP components and run  <code>phpinfo()</code> , among other useful features.  <code>phpinfo()</code>  returns a s [...]
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/xampp-phpinfo.png" alt="xampp phpinfo">
+</div>
+</div>
 </div>
 <div class="sect3">
 <h4 id="_installing_and_enabling_the_xdebug_debugger">Installing and Enabling the XDebug Debugger</h4>
@@ -292,7 +338,7 @@ image::images/xampp-phpinfo.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">[Zend]
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">[Zend]
 ;zend_extension_ts = "C:\Program Files\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
 ;zend_extension_manager.optimizer_ts = "C:\Program Files\xampplite\php\zendOptimizer\lib\Optimizer"
 ;zend_optimizer.enable_loader = 0
@@ -301,7 +347,7 @@ image::images/xampp-phpinfo.png[]</p>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>To attach
 XDebug to the PHP engine, uncomment the following lines in the  <code>php.ini</code>  files (directly beneath the [Zend] section, add them if not there). Some additional notes have been added.</p>
@@ -310,7 +356,7 @@ XDebug to the PHP engine, uncomment the following lines in the  <code>php.ini</c
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">[XDebug]; Only Zend OR (!) XDebug
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">[XDebug]; Only Zend OR (!) XDebug
 zend_extension_ts = "./php/ext/php_xdebug&lt;-version-number&gt;.dll"
 ; XAMPP and XAMPP Lite 1.7.0 and later come with a bundled xdebug at &lt;XAMPP_HOME&gt;/php/ext/php_xdebug.dll, without a version number.xdebug.remote_enable=1xdebug.remote_host=127.0.0.1xdebug.remote_port=9000
 ; Port number must match debugger port number in NetBeans IDE Tools &gt; Options &gt; PHPxdebug.remote_handler=dbgpxdebug.profiler_enable=1xdebug.profiler_output_dir="&lt;XAMPP_HOME&gt;\tmp"</code></pre>
@@ -332,7 +378,7 @@ Make sure the paths you specify match the location of the corresponding files as
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Save  <code>php.ini</code> .</p>
 </li>
@@ -400,7 +446,7 @@ See <a href="http://wiki.netbeans.org/HowToConfigureXDebug">our wiki</a> and the
 <p>On Microsoft Vista, do not install the Apache Server to the default location, which is in Program Files. All files in Program Files are write-protected.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>When the installation is completed, restart the Apache server.</p>
 </li>
@@ -411,12 +457,16 @@ See <a href="http://wiki.netbeans.org/HowToConfigureXDebug">our wiki</a> and the
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">  http://localhost/</code></pre>
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">  http://localhost/</code></pre>
 </div>
 </div>
 <div class="paragraph">
-<p>The Apache welcome test page opens:
-image::images/install-apache-it-works-port80.png[]</p>
+<p>The Apache welcome test page opens:</p>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/install-apache-it-works-port80.png" alt="install apache it works port80">
+</div>
 </div>
 <div class="sect4">
 <h5 id="_troubleshooting">Troubleshooting</h5>
@@ -456,11 +506,20 @@ image::images/install-apache-it-works-port80.png[]</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p>*Important: *If there is no installer available for the version of PHP you want to install, you have to install it manually from the .zip file. See <a href="http://php.net/manual/en/install.windows.manual.php">Manual Instruction Steps</a> in the php.net documentation.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If there is no installer available for the version of PHP you want to install, you have to install it manually from the .zip file. See <a href="http://php.net/manual/en/install.windows.manual.php">Manual Instruction Steps</a> in the php.net documentation.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="2">
 <li>
 <p>When the download is complete, run the  <code>.msi</code>  installation file. The installation wizard starts.</p>
 </li>
@@ -498,11 +557,15 @@ image::images/install-apache-it-works-port80.png[]</p>
 <p>Save the file in the htdocs folder as <code>test.php</code>. The default path is  <code>C:\Program Files\Apache Software Foundation\Apache&lt;version&gt;\htdocs\test.php</code></p>
 </li>
 <li>
-<p>Run the browser and enter the following URL:  <code><a href="http://localhost:&lt;port&gt;/test.php" class="bare">http://localhost:&lt;port&gt;/test.php</a></code> . The following page opens:
-image::images/install-php-test.png[]</p>
+<p>Run the browser and enter the following URL:  <code><a href="http://localhost:&lt;port&gt;/test.php" class="bare">http://localhost:&lt;port&gt;/test.php</a></code> . The following page opens:</p>
 </li>
 </ul>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/install-php-test.png" alt="install php test">
+</div>
+</div>
 <div class="sect4">
 <h5 id="_troubleshooting_2">Troubleshooting</h5>
 <div class="paragraph">
@@ -520,12 +583,12 @@ image::images/install-php-test.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">  AddType Application/x-httpd-php .php
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">  AddType Application/x-httpd-php .php
   LoadModule php5_module "c:/php/sapi/php5apache2_2.dll"</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>If the lines are missing, add them, save  <code>httpd.conf</code> , and restart Apache.</p>
 </li>
@@ -573,7 +636,7 @@ XDebug to the PHP engine, locate the  <code>php.ini</code>  file and add the fol
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">zend_extension_ts="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">zend_extension_ts="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
 xdebug.remote_enable=1</code></pre>
 </div>
 </div>
@@ -582,7 +645,7 @@ xdebug.remote_enable=1</code></pre>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">zend_extension_nts="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">zend_extension_nts="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
 xdebug.remote_enable=1</code></pre>
 </div>
 </div>
@@ -591,7 +654,7 @@ xdebug.remote_enable=1</code></pre>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">zend_extension="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">zend_extension="&lt;path to the php folder&gt;/php_xdebug-&lt;version-number&gt;.dll"
 xdebug.remote_enable=1</code></pre>
 </div>
 </div>
@@ -600,7 +663,7 @@ xdebug.remote_enable=1</code></pre>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java">xdebug.remote_host=127.0.0.1xdebug.remote_port=9000
+<pre class="prettyprint highlight"><code class="language-ini" data-lang="ini">xdebug.remote_host=127.0.0.1xdebug.remote_port=9000
 ; Port number must match debugger port number in NetBeans IDE Tools &gt; Options &gt; PHPxdebug.remote_handler=dbgp</code></pre>
 </div>
 </div>
@@ -620,7 +683,7 @@ Make sure the paths you specify match the names and locations of the correspondi
 </table>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="3">
 <li>
 <p>To be sure that previously installed PHP engine supports using the MySQL database server:</p>
 </li>
diff --git a/content/kb/docs/php/index.html b/content/kb/docs/php/index.html
index 4efc4e7..f40a091 100644
--- a/content/kb/docs/php/index.html
+++ b/content/kb/docs/php/index.html
@@ -98,7 +98,7 @@
 <div id="toctitle"></div>
 <ul class="sectlevel1">
 <li><a href="#_getting_started">Getting Started</a></li>
-<li><a href="#_configuration">Configuration</a></li>
+<li><a href="#configuration">Configuration</a></li>
 <li><a href="#_tutorials_and_articles">Tutorials and Articles</a></li>
 <li><a href="#_creating_a_database_driven_application_with_php">Creating a Database Driven Application With PHP</a></li>
 </ul>
@@ -126,7 +126,7 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_configuration">Configuration</h2>
+<h2 id="configuration">Configuration</h2>
 <div class="sectionbody">
 <div class="ulist">
 <ul>
diff --git a/content/kb/docs/php/project-setup.html b/content/kb/docs/php/project-setup.html
index 2c5ebbe..565ceb7 100644
--- a/content/kb/docs/php/project-setup.html
+++ b/content/kb/docs/php/project-setup.html
@@ -81,22 +81,15 @@
             <h1 class="sect0">Setting Up a PHP Project</h1>
             
             <div class="sectionbody">
-              <div class="admonitionblock note">
-                <table>
-                  <tbody><tr>
-                  <td class="icon"><i class="fa icon-note" title="Note"></i></td>
-                  <td class="content">This tutorial needs a review. 
-                     You can <a href="https://issues.apache.org/jira/projects/NETBEANS/issues">open a JIRA issue</a>, 
-                     or <a href="https://github.com/apache/incubator-netbeans-website/blob/master/netbeans.apache.org/src/content/kb/docs/php/project-setup.asciidoc" title="Edit this tutorial in github">edit it in GitHub </a>
-                     following these <a href="/kb/docs/contributing.html">contribution guidelines.</a></td>
-                  </tr></tbody>
-                </table>
+              <div class="paragraph">
+                <p class='reviewed'><i class="fa fa-check-circle"></i> Last reviewed on 2019-02-02</p>
               </div>
             </div>
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
 <ul class="sectlevel1">
+<li><a href="#_requirements">Requirements</a></li>
 <li><a href="#_getting_ready">Getting Ready</a></li>
 <li><a href="#_specifying_the_project_name_and_location_of_the_source_files">Specifying the Project Name and Location of the Source Files</a>
 <ul class="sectlevel2">
@@ -128,8 +121,13 @@
 <div class="paragraph">
 <p>This tutorial shows you how to set up a PHP project in NetBeans IDE.</p>
 </div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_requirements">Requirements</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p><strong>To follow this tutorial, you need the following software and resources.</strong></p>
+<p>To follow this tutorial, you need the following software and resources.</p>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -224,14 +222,22 @@
 <p>A copy of the source files must be kept in a subfolder of the document root. However, you can have your Sources Folder in a different location than the document root and copy source files from this location to the document root. See <a href="#copy-sources">Specifying the Run Configuration</a>.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>From the Default Encoding dropdown list, choose the default encoding for your project.</p>
 </li>
 <li>
-<p>If you want to store NetBeans metadata in a different location than your source files, select "Put NetBeans metadata into a separate directory." For example, you might want to store your sources in your document root but the NetBeans metadata in your NetBeansProjects directory.
-image::images/new-php-project-m1.png[]</p>
+<p>If you want to store NetBeans metadata in a different location than your source files, select "Put NetBeans metadata into a separate directory." For example, you might want to store your sources in your document root but the NetBeans metadata in your NetBeansProjects directory.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-php-project-m1.png" alt="new php project m1">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Click Next. The Run Configuration panel opens.</p>
 </li>
@@ -249,16 +255,39 @@ image::images/new-php-project-m1.png[]</p>
 <p>In the Project Name text field, enter the name of the project.</p>
 </li>
 <li>
-<p>In the Sources Folder field, specify the folder from where you want to import the source files.
-NOTE: If you are going to run the <a href="#localServer">project on a local web server</a>, do not forget to specify <a href="#copyFilesFromSourcesFolder">copying the source files</a> to it.</p>
+<p>In the Sources Folder field, specify the folder from where you want to import the source files.</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">
+If you are going to run the <a href="#localServer">project on a local web server</a>, do not forget to specify <a href="#copyFilesFromSourcesFolder">copying the source files</a> to it.
+</td>
+</tr>
+</table>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>From the Default Encoding dropdown list, choose the default encoding for your project.</p>
 </li>
 <li>
-<p>If you want to store NetBeans metadata in a different location than your source files, select "Put NetBeans metadata into a separate directory." For example, you might want to store your sources in your document root but the NetBeans metadata in your NetBeansProjects directory.
-image::images/new-php-project-with-ssources.png[]</p>
+<p>If you want to store NetBeans metadata in a different location than your source files, select "Put NetBeans metadata into a separate directory." For example, you might want to store your sources in your document root but the NetBeans metadata in your NetBeansProjects directory.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-php-project-with-ssources.png" alt="new php project with ssources">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>Click Next. The Run Configuration panel opens.</p>
 </li>
@@ -284,7 +313,7 @@ image::images/new-php-project-with-ssources.png[]</p>
 <p>The document root is the folder where the local web server looks for files to open in the browser. The document root is specified in the web server <a href="../../trails/php.html#configuration">configuration file</a>. After installation, the New Project wizard locates the document root and by default specifies the following path:  <code>&lt;Document Root&gt;\&lt;New PHP Project&gt;</code> . Note that it is useful to be able to test the project on a local server.</p>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
 <p>If you want to store NetBeans metadata in a different location than your source files, select "Put NetBeans metadata into a separate directory." For example, you might want to store your sources in your document root but the NetBeans metadata in your NetBeansProjects directory.</p>
 </li>
@@ -343,7 +372,7 @@ image::images/new-php-project-with-ssources.png[]</p>
 <p>A local web site configuration involves a copy of your PHP source folders in the Web folder of the Apache web server installed on your machine. It is common practice for a project to have both a local and a remote web site configuration. Note that the procedure for setting up the local web site run configuration differs slightly depending on whether you are creating a project from existing sources or without existing sources.</p>
 </div>
 <div class="paragraph">
-<p><strong>To set up a local web site configuration:</strong></p>
+<p>To set up a local web site configuration:</p>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -351,9 +380,17 @@ image::images/new-php-project-with-ssources.png[]</p>
 <p>From the Run As dropdown list, choose Local Web Site.</p>
 </li>
 <li>
-<p>In the Project URL field, check the automatically generated URL address. Make sure that the Apache HTTP server listens to the default port 80. If not, specify the port number explicitly, in the format  <code>localhost:&lt;port number&gt;</code> .
-image::images/run-configuration-local-server-project-with-existing-sources.png[]</p>
+<p>In the Project URL field, check the automatically generated URL address. Make sure that the Apache HTTP server listens to the default port 80. If not, specify the port number explicitly, in the format  <code>localhost:&lt;port number&gt;</code> .</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-configuration-local-server-project-with-existing-sources.png" alt="run configuration local server project with existing sources">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>If you are creating the project from existing sources, you can choose which source file to use as the index file.</p>
 </li>
@@ -380,13 +417,29 @@ The wizard detects the Apache installation type, either a component or within a
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>From the Run As dropdown list, choose Script.
-image::images/project-properties-script.png[]</p>
+<p>From the Run As dropdown list, choose Script.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/project-properties-script.png" alt="project properties script">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="2">
 <li>
-<p>To specify the location of the PHP engine, click the Configure button next to the Use Default PHP Interpreter box. The PHP Options dialog opens on the General tab.
-image::images/run-config-script-options-m1.png[]</p>
+<p>To specify the location of the PHP engine, click the Configure button next to the Use Default PHP Interpreter box. The PHP Options dialog opens on the General tab.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/run-config-script-options-m1.png" alt="run config script options m1">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>In the PHP 5 Interpreter field, specify the path to the  <code>php.exe</code>  file. Use the Browse or Search&#8230;&#8203; button, if necessary.</p>
 </li>
@@ -406,6 +459,10 @@ image::images/run-config-script-options-m1.png[]</p>
 </ul>
 </div>
 </li>
+</ol>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
 <li>
 <p>Click OK. The Options dialog box closes and the system returns to the Run Configuration panel.</p>
 </li>
@@ -437,9 +494,17 @@ image::images/run-config-script-options-m1.png[]</p>
 <p>Select the <a href="#location">Copy files from Sources Folder</a> to another location, if necessary, and specify the path to the storage folder.</p>
 </li>
 <li>
-<p>Change the encoding, if necessary
-image::images/pprop-sources.png[]</p>
+<p>Change the encoding, if necessary</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/pprop-sources.png" alt="pprop sources">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>To complete the project customization, click OK.</p>
 </li>
@@ -466,9 +531,17 @@ image::images/pprop-sources.png[]</p>
 <p>Define the run configuration settings in the same way as you defined the <a href="#runConfiguration">default run configuration</a> during the project creation and click OK. The new configuration is added to the Configuration dropdown list.</p>
 </li>
 <li>
-<p>To remove a configuration, select it from the Configuration dropdown list and click Delete.
-image::images/pprop-runconfig.png[]</p>
+<p>To remove a configuration, select it from the Configuration dropdown list and click Delete.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/pprop-runconfig.png" alt="pprop runconfig">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="6">
 <li>
 <p>To complete the project customization, click OK.</p>
 </li>
@@ -492,9 +565,17 @@ image::images/pprop-runconfig.png[]</p>
 <p>To navigate through the list, use the buttons Move Up and Move Down.</p>
 </li>
 <li>
-<p>To remove a folder from the list of included folder, select the folder and click Remove.
-image::images/pprop-include-path.png[]</p>
+<p>To remove a folder from the list of included folder, select the folder and click Remove.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/pprop-include-path.png" alt="pprop include path">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="5">
 <li>
 <p>To complete the project customization, click OK.</p>
 </li>
@@ -506,18 +587,25 @@ image::images/pprop-include-path.png[]</p>
 <div class="paragraph">
 <p>On the Formatting panel, define the formatting style you want to apply to your source files in the editor. You may define either global or project-specific formatting.</p>
 </div>
-<div class="paragraph">
-<p><strong>To define global IDE formatting:</strong></p>
-</div>
+<div class="sect3">
+<h4 id="_to_define_global_ide_formatting">To define global IDE formatting:</h4>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Choose "Use global options".</p>
 </li>
 <li>
-<p>Click Edit Global Options. The IDE Options dialog opens, on the Editor &gt; Formatting tab.
-image::images/global-formatting.png[]</p>
+<p>Click Edit Global Options. The IDE Options dialog opens, on the Editor &gt; Formatting tab.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/global-formatting.png" alt="global formatting">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>From the Language dropdown list, select the language to which the settings should be applied.</p>
 </li>
@@ -532,9 +620,9 @@ image::images/global-formatting.png[]</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>To define project-specific formatting:</strong></p>
 </div>
+<div class="sect3">
+<h4 id="_to_define_project_specific_formatting">To define project-specific formatting:</h4>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
@@ -555,14 +643,14 @@ image::images/global-formatting.png[]</p>
 </ol>
 </div>
 </div>
+</div>
 <div class="sect2">
 <h3 id="_adding_javascript_libraries">Adding JavaScript Libraries</h3>
 <div class="paragraph">
 <p>Built-in JavaScript libraries were removed in NetBeans IDE 6.7 because they were very large and slowed performance and it is easy to add libraries manually. Manually adding JavaScript libraries to your project enables Code Completion and all other JavaScript-related functionality in the IDE for your project.</p>
 </div>
-<div class="paragraph">
-<p><strong>To add JavaScript Libraries to your project:</strong></p>
-</div>
+<div class="sect3">
+<h4 id="_to_add_javascript_libraries_to_your_project">To add JavaScript Libraries to your project:</h4>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
@@ -579,6 +667,7 @@ image::images/global-formatting.png[]</p>
 </div>
 </div>
 </div>
+</div>
             
 <section class='tools'>
     <ul class="menu align-center">
diff --git a/content/kb/docs/php/quickstart.html b/content/kb/docs/php/quickstart.html
index f10534e..e9a5ad6 100644
--- a/content/kb/docs/php/quickstart.html
+++ b/content/kb/docs/php/quickstart.html
@@ -81,22 +81,15 @@
             <h1 class="sect0">Getting Started with PHP Applications</h1>
             
             <div class="sectionbody">
-              <div class="admonitionblock note">
-                <table>
-                  <tbody><tr>
-                  <td class="icon"><i class="fa icon-note" title="Note"></i></td>
-                  <td class="content">This tutorial needs a review. 
-                     You can <a href="https://issues.apache.org/jira/projects/NETBEANS/issues">open a JIRA issue</a>, 
-                     or <a href="https://github.com/apache/incubator-netbeans-website/blob/master/netbeans.apache.org/src/content/kb/docs/php/quickstart.asciidoc" title="Edit this tutorial in github">edit it in GitHub </a>
-                     following these <a href="/kb/docs/contributing.html">contribution guidelines.</a></td>
-                  </tr></tbody>
-                </table>
+              <div class="paragraph">
+                <p class='reviewed'><i class="fa fa-check-circle"></i> Last reviewed on 2019-02-02</p>
               </div>
             </div>
             
             <div id="toc" class="toc">
 <div id="toctitle"></div>
 <ul class="sectlevel1">
+<li><a href="#_requirements">Requirements</a></li>
 <li><a href="#_installation_and_configuration">Installation and Configuration</a></li>
 <li><a href="#_setting_up_a_php_project_in_the_netbeans_ide_for_php">Setting up a PHP Project in the NetBeans IDE for PHP</a></li>
 <li><a href="#_running_your_first_php_project">Running Your First PHP Project</a></li>
@@ -108,8 +101,13 @@
 <div class="paragraph">
 <p>This document provides general guidelines for preparing the environment for PHP development, setting up a PHP project, and developing and running your first PHP application in the NetBeans IDE for PHP.</p>
 </div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_requirements">Requirements</h2>
+<div class="sectionbody">
 <div class="paragraph">
-<p><strong>To follow this tutorial, you need the following software and resources.</strong></p>
+<p>To follow this tutorial, you need the following software and resources.</p>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -138,7 +136,7 @@
 </tbody>
 </table>
 <div class="paragraph">
-<p>You can install the PHP engine, web server and database separately or use AMP (*A*pache, *M*ySQL, *P*HP) packages.</p>
+<p>You can install the PHP engine, web server and database separately or use AMP (Apache, MySQL, PHP) packages.</p>
 </div>
 </div>
 </div>
@@ -181,19 +179,36 @@
 <p>In the Categories list, choose PHP.</p>
 </li>
 <li>
-<p>In the Projects area, choose PHP Application and click Next. The New PHP Project &gt; Name and Location panel opens.
-image::images/new-project-name-location.png[title="Name and Location panel of New PHP Project wizard, with Source Folder location as XAmpp document root."]</p>
+<p>In the Projects area, choose PHP Application and click Next. The New PHP Project &gt; Name and Location panel opens.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-project-name-location.png" alt="new project name location">
+</div>
+<div class="title">Figure 1. Name and Location panel of New PHP Project wizard, with Source Folder location as XAmpp document root.</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="4">
 <li>
 <p>In the Project Name text field, enter  <code>NewPHPProject</code> .</p>
 </li>
 <li>
-<p>In the Sources Folder field, browse for your PHP document root and create a subfolder there called  <code>NewPHPProject</code> . The document root is the folder where the web server looks for files to open in the browser. The document root is specified in the web server <a href="../../trails/php.html#configuration">configuration file</a>. For example, on Xampp, the document root is XAMPP_HOME/htdocs.</p>
+<p>In the Sources Folder field, browse for your PHP document root and create a subfolder there called  <code>NewPHPProject</code> . The document root is the folder where the web server looks for files to open in the browser. The document root is specified in the web server <a href="index.html#configuration">configuration file</a>. For example, on Xampp, the document root is XAMPP_HOME/htdocs.</p>
 </li>
 <li>
-<p>Leave all other fields with their default values. Click Next. The Run Configuration window opens.
-image::images/new-project-run-config.png[]</p>
+<p>Leave all other fields with their default values. Click Next. The Run Configuration window opens.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/new-project-run-config.png" alt="new project run config">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="7">
 <li>
 <p>In the Run As drop-down list, select Local Web Site. The project will run on your local Apache server. Your other options are to run the project remotely via FTP and to run it from the command line.</p>
 </li>
@@ -219,9 +234,17 @@ image::images/new-project-run-config.png[]</p>
 <p>Start the IDE, choose File &gt; Open Project. The Open Project dialog box opens.</p>
 </li>
 <li>
-<p>Select  <code>NewPHPProject</code>  and click Open Project. The NewPHPProject tree appears in the Projects window and the project&#8217;s  <code>index.php</code>  file opens in the editor and in the Navigator window.
-image::images/getting-started-open-new-project.png[]</p>
+<p>Select  <code>NewPHPProject</code>  and click Open Project. The NewPHPProject tree appears in the Projects window and the project&#8217;s  <code>index.php</code>  file opens in the editor and in the Navigator window.</p>
 </li>
+</ol>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="images/getting-started-open-new-project.png" alt="getting started open new project">
+</div>
+</div>
+<div class="olist arabic">
+<ol class="arabic" start="3">
 <li>
 <p>Enter the following code inside the  <code>&lt;?php ?&gt;</code>  block:</p>
 </li>
@@ -229,18 +252,24 @@ image::images/getting-started-open-new-project.png[]</p>
 </div>
 <div class="listingblock">
 <div class="content">
-<pre class="prettyprint highlight"><code class="language-java" data-lang="java"> echo "Hello, world! This is my first PHP project!";</code></pre>
+<pre class="prettyprint highlight"><code class="language-php" data-lang="php"> echo "Hello, world! This is my first PHP project!";</code></pre>
 </div>
 </div>
 <div class="olist arabic">
-<ol class="arabic">
+<ol class="arabic" start="4">
 <li>
-<p>To run the project, position the cursor on the NewPHPProject node and choose Run from the context menu. The figure below shows what you should see in the browser window:
-image::images/getting-started-browser-hello-world.png[]
-Congratulations! Your program works!</p>
+<p>To run the project, position the cursor on the NewPHPProject node and choose Run from the context menu. The figure below shows what you should see in the browser window:</p>
 </li>
 </ol>
 </div>
+<div class="imageblock">
+<div class="content">
+<img src="images/getting-started-browser-hello-world.png" alt="getting started browser hello world">
+</div>
+</div>
+<div class="paragraph">
+<p>Congratulations! Your program works!</p>
+</div>
 </div>
 </div>
 <div class="sect1">


---------------------------------------------------------------------
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