Merge pull request #57906 from vhorne/ag-create-portal

UI updates

Author: Jak-MS

articles/application-gateway/application-gateway-create-gateway-portal.md

@@ -11,7 +11,7 @@ ms.author: victorh
 
 # Create an application gateway using the Azure portal
 
-You can use the Azure portal to create or manage application gateways. This quickstart shows you how to create network resources, backend servers, and an application gateway.
+You can use the Azure portal to create or manage application gateways. This article shows you how to create network resources, backend servers, and an application gateway.
 
 If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/?WT.mc_id=A261C142F) before you begin.
 
@@ -23,35 +23,42 @@ Sign in to the Azure portal at [http://portal.azure.com](http://portal.azure.com
 
 A virtual network is needed for communication between the resources that you create. Two subnets are created in this example: one for the application gateway, and the other for the backend servers. You can create a virtual network at the same time that you create the application gateway.
 
-1. Click **New** found on the upper left-hand corner of the Azure portal.
-2. Select **Networking** and then select **Application Gateway** in the Featured list.
-3. Enter these values for the application gateway:
+1. Click **Create a resource** found on the upper left-hand corner of the Azure portal.
+2. Click **Networking** and then click **Application Gateway** in the Featured list.
+
+### Basics
+
+1. Enter these values for the application gateway:
 
     - *myAppGateway* - for the name of the application gateway.
     - *myResourceGroupAG* - for the new resource group.
 
     ![Create new application gateway](./media/application-gateway-create-gateway-portal/application-gateway-create.png)
 
-4. Accept the default values for the other settings and then click **OK**.
-5. Click **Choose a virtual network**, click **Create new**, and then enter these values for the virtual network:
+2. Accept the default values for the other settings and then click **OK**.
+
+### Settings
+
+1. Click **Choose a virtual network**, click **Create new**, and then enter these values for the virtual network:
 
     - *myVNet* - for the name of the virtual network.
     - *10.0.0.0/16* - for the virtual network address space.
     - *myAGSubnet* - for the subnet name.
-    - *10.0.0.0/24* - for the subnet address space.
+    - *10.0.0.0/24* - for the subnet address range.
 
     ![Create virtual network](./media/application-gateway-create-gateway-portal/application-gateway-vnet.png)
 
-6. Click **OK** to create the virtual network and subnet.
-6. Click **Choose a public IP address**, click **Create new**, and then enter the name of the public IP address. In this example, the public IP address is named *myAGPublicIPAddress*. Accept the default values for the other settings and then click **OK**.
-8. Accept the default values for the Listener configuration, leave the Web application firewall disabled, and then click **OK**.
-9. Review the settings on the summary page, and then click **OK** to create the virtual network, the public IP address, and the application gateway. It may take several minutes for the application gateway to be created, wait until
-the deployment finishes successfully before moving on to the next section.
+6. Click **OK** to go back to the Settings page.
+7. Under **Frontend IP configuration** ensure **IP address type** is set to **public**, and under **Public IP address**, ensure **Create new** is selected. Type *myAGPublicIPAddress* for the public IP address name. Accept the default values for the other settings and then click **OK**.
 
-### Add a subnet
+### Summary
+
+Review the settings on the summary page, and then click **OK** to create the virtual network, the public IP address, and the application gateway. It may take several minutes for the application gateway to be created. Wait until the deployment finishes successfully before moving on to the next section.
+
+## Add a subnet
 
 1. Click **All resources** in the left-hand menu, and then click **myVNet** from the resources list.
-2. Click **Subnets**, and then click **Subnet**.
+2. Click **Subnets**, and then click **+ Subnet**.
 
     ![Create subnet](./media/application-gateway-create-gateway-portal/application-gateway-subnet.png)
 
@@ -63,20 +70,22 @@ In this example, you create two virtual machines that are used as backend server
 
 ### Create a virtual machine
 
-1. Click **New**.
+1. On the Azure portal, click **Create a resource**.
 2. Click **Compute** and then select **Windows Server 2016 Datacenter** in the Featured list.
 3. Enter these values for the virtual machine:
 
+    - *myResourceGroupAG* for the resource group.
     - *myVM* - for the name of the virtual machine.
     - *azureuser* - for the administrator user name.
     - *Azure123456!* for the password.
-    - Select **Use existing**, and then select *myResourceGroupAG*.
 
-4. Click **OK**.
-5. Select **DS1_V2** for the size of the virtual machine, and click **Select**.
-6. Make sure that **myVNet** is selected for the virtual network and the subnet is **myBackendSubnet**. 
-7. Click **Disabled** to disable boot diagnostics.
-8. Click **OK**, review the settings on the summary page, and then click **Create**.
+   Accept the other defaults and click **Next: Disks**.
+4. Accept the disk defaults and click **Next: Networking**.
+5. Make sure that **myVNet** is selected for the virtual network and the subnet is **myBackendSubnet**.
+6. Accept the other defaults and click **Next: Management**.
+7. Click **Off** to disable boot diagnostics. Accept the other defaults and click **Review + create**.
+8. Review the settings on the summary page, and then click **Create**.
+9. Wait for the virtual machine creation to complete before continuing.
 
 ### Install IIS
 
@@ -102,9 +111,10 @@ In this example, you create two virtual machines that are used as backend server
 
 ### Add backend servers
 
-3. Click **All resources**, and then click **myAppGateway**.
+1. Click **All resources**, and then click **myAppGateway**.
 4. Click **Backend pools**. A default pool was automatically created with the application gateway. Click **appGatewayBackendPool**.
-5. Click **Add target** to add each virtual machine that you created to the backend pool.
+5. Under **Targets**, click **IP address or FQDN** select **Virtual machine**.
+6. Under **Virtual Machine**, add myVM and myVM2 virtual machines and their associated network interfaces.
 
     ![Add backend servers](./media/application-gateway-create-gateway-portal/application-gateway-backend.png)
 
@@ -120,11 +130,10 @@ In this example, you create two virtual machines that are used as backend server
 
     ![Test application gateway](./media/application-gateway-create-gateway-portal/application-gateway-iistest.png)
 
-
 ## Clean up resources
 
 When no longer needed, delete the resource group, application gateway, and all related resources. To do so, select the resource group that contains the application gateway and click **Delete**.
 
 ## Next steps
 
-In this quickstart, you created a resource group, network resources, and backend servers. You then used those resources to create an application gateway. To learn more about application gateways and their associated resources, continue to the how-to articles.
+In this article, you created a resource group, network resources, and backend servers. You then used those resources to create an application gateway. To learn more about application gateways and their associated resources, see [What is Azure Application Gateway?](overview.md)