zk studio: fix pathes and missing images

zk_studio_essentials/Check_and_Upgrade_Latest_ZK_Binary_Distribution.md

@@ -6,7 +6,7 @@ and **ZK Storage View**. If the bundled version is not the very latest
 one or not the one you wish to work with, please follow the next section
 to manually download and link to the latest version.
 
-![](images/images/studio-project-zks.png)
+![](images/studio-project-zks.png)
 
 # Manually Download and Configure
 

zk_studio_essentials/Create_a_New_ZK_Maven_Project.md

@@ -8,7 +8,7 @@ install the plugin first. Click **\[Help\]/\[Eclipse Marketplace...\]**
 and enter "maven" in "Find" textbox to find **Maven Integration for
 Eclipse**. Then click "Install" button.
 
-![](images/images/studio-maven-plugin.png)
+![](images/studio-maven-plugin.png)
 
 After completing the installation and restarting Eclipse, we can
 continue the following steps.
@@ -17,40 +17,33 @@ continue the following steps.
 
 1\. Select **\[File\]/\[New\]/\[Project\]** to open a New Project
 dialog. Then choose **Maven Project** under **Maven** item and click
-"Next \>". ![ center \|
-500px](studio-maven-project-wizard.png " center | 500px")
+"Next \>". ![](images/studio-maven-project-wizard.png " center | 500px")
 
-2\. Select location. We usually use default workspace location. ![
-center \| 500px](studio-maven-project-wizard-2.png " center | 500px")
+2\. Select location. We usually use default workspace location. ![](images/studio-maven-project-wizard-2.png " center | 500px")
 
 3\. Enter "zk" in filter to search ZK maven archetypes and select what
-you want. Click **Next**. ![ center \|
-500px](studio-maven-archetype.png " center | 500px")
+you want. Click **Next**. ![](images/studio-maven-archetype.png " center | 500px")
 
-- Notice: If you cannot find ZK maven archetypes, please refer to [ Add
-  ZK Maven
-  Archeype](ZK_Installation_Guide/Quick_Start/Create_and_Run_Your_First_ZK_Application_with_Eclipse_and_Maven#Add_ZK_Maven_Archetype).
+- Notice: If you cannot find ZK maven archetypes, please refer to [ Add ZK Maven Archeype](ZK_Installation_Guide/Quick_Start/Create_and_Run_Your_First_ZK_Application_with_Eclipse_and_Maven#Add_ZK_Maven_Archetype).
 
 4\. Enter preferred ZK version in `zk-version-since` and click
-**Finish**. ![ center \|
-500px](studio-maven-archetype-parameter.png " center | 500px")
+**Finish**. ![](images/studio-maven-archetype-parameter.png " center | 500px")
 
-5\. The new ZK maven project is created with ZK dependencies added. ![
-center \| 400px](studio-maven-project.png " center | 400px")
+5\. The new ZK maven project is created with ZK dependencies added. ![](images/studio-maven-project.png " center | 400px")
 
 # Run ZK Maven Project
 
 1\. Right click on your project icon and select **\[Run as\]/\[Maven
 build...\]** to open run configuration dialog. ![ center \|
-600px](studio-maven-run.png " center | 600px")
+600px](images/studio-maven-run.png " center | 600px")
 
 2\. Enter **jetty:run** in **Goals** textbox and click **Run**. ![
-center \| 500px](studio-maven-run-jetty.png " center | 500px")
+center \| 500px](images/studio-maven-run-jetty.png " center | 500px")
 
 - Running jetty the firs time may take a while because Maven plugins
   needs to download some necessary resources, please be patient.
 
 3\. You can see the server starting messages showing up in Console view.
-![ center \| 600px](studio-maven-run-console.png " center | 600px")
+![ center \| 600px](images/studio-maven-run-console.png " center | 600px")
 
 Then visit <http://localhost:8080/yourprojectname> to see the result.

zk_studio_essentials/Create_a_New_ZK_Project.md

@@ -7,27 +7,27 @@
 1.  Click **\[File\]/\[New\]/\[Other...\]/\[ZK Project\]** in Eclipse
     main menu.
 
-    ![](images/images/zk_studio_094_create_proj_0.png)
+    ![](images/zk_studio_094_create_proj_0.png)
 
       
 2.  Type the project name. Eclipse will automatically include the
     default ZK package configured in the ZK Package preferences,
     however, you can select another installed ZK release by "ZK
     Verstion" drop-down list. Then, click **Next**.
 
-    ![](images/images/zk_studio_094_create_proj_1.png)
+    ![](images/zk_studio_094_create_proj_1.png)
 
       
 3.  You can modify the **Source folders** and **Default output folder**
     if you like. Then, click **Next**.
 
-    ![](images/images/zk_studio_094_create_proj_4_1.png)
+    ![](images/zk_studio_094_create_proj_4_1.png)
 
       
 4.  You can modify **Context root** or **Content directory** if you
     like. Then, Click **Finish**.
 
-    ![](images/images/zk_studio_094_create_proj_4.png)
+    ![](images/zk_studio_094_create_proj_4.png)
 
       
 5.  After clicking **Finish**, the New Project Wizard will setup the ZK
@@ -38,11 +38,11 @@
 1.  The project icon's top right corner includes a ZK mark which
     indicates that it has ZK Studio supported:
 
-    ![](images/images/hasZKLibrary.png)
+    ![](images/hasZKLibrary.png)
 2.  The ZK package source code will be automatically attached to the
     related jar files
 
-    ![](images/images/Zk_studio_094_source_attach.png)
+    ![](images/Zk_studio_094_source_attach.png)
 
 # Creating a New ZUL File
 
@@ -52,21 +52,21 @@
     - Right click on a dynamic web project in "Project Explorer" view or
       "Package Explorer" view and select **\[New\]/\[ZUL\]**.
 
-      ![](images/images/NewZULFileRightClick.png)
+      ![](images/NewZULFileRightClick.png)
 
       
       
 
     - Click **\[File\]/\[New\]/\[Other\]** in Eclipse's main menu and
       select "ZUL" under "ZK" node then click **Next**.
 
-      ![](images/images/NewZULFileWizard_0.png)
+      ![](images/NewZULFileWizard_0.png)
 
       
       
 2.  Type the file name and optional page title, click **Finish**.
 
-    ![](images/images/NewZULFileWizard.png)
+    ![](images/NewZULFileWizard.png)
 
       
 3.  The newly created ZUL File will be opened in ZUL Editor.
@@ -77,20 +77,20 @@ You can create new ZUL file by selecting the
 **\[File\]/\[New\]/\[File\]** in Eclipse's main menu.
 
 
-![](images/images/NewZULFileMethod1-1.png)
+![](images/NewZULFileMethod1-1.png)
 
 However, you have to enter the "**.zul**" extension by yourself and the
 newly create zul file will not contain any sample code.
 
 
-![](images/images/NewZULFileMethod1-2.png)
+![](images/NewZULFileMethod1-2.png)
 
 # Running the ZK Project
 
 1\. Right click on the **MyApp** project in explorer and in the Menu
 dialog select **Run As / Run on Server**
 
-![](images/images/studio-run-on-server.png)
+![](images/studio-run-on-server.png)
 
 2\. If you have not defined a server before, Eclipse will show a dialog
 with "Manually define a new server" option selected. Then Select
@@ -100,12 +100,12 @@ environment", please refer to [WTP Tutorials – Building and Running a
 Web
 Application](http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html).
 
-![](images/images/studio-run-select-server.png)
+![](images/studio-run-select-server.png)
 
 3\. Eclipse will display the result in its internal browser or you can
 view the result in your browser.
 
-![](images/images/studio-run-result.png)
+![](images/studio-run-result.png)
 
 **Tips:**
 

zk_studio_essentials/Global_Preferences.md

@@ -4,7 +4,7 @@ from the tree on the left hand side.
 
 # Services
 
-![](images/images/studio-preference-services.png)
+![](images/studio-preference-services.png)
 
 **Error Reporter**
 
@@ -31,7 +31,7 @@ automatically used for any new ZK web application. If you don't select a
 default ZK package, ZK Studio will automatically choose the latest
 version of your imported ZK Packages.
 
-![](images/images/studio-preference-package.png)
+![](images/studio-preference-package.png)
 
 Another way to import ZK package is through ZK Storage view, please
 refer to [Configure ZK Binary
@@ -41,7 +41,7 @@ Distribution](ZK_Studio_Essentials/Features_of_ZK_Studio/ZKs#Configure_ZK_Binary
 
 This page is used to configure ZUL Editor.
 
-![](images/images/studio-preference-editor.png)
+![](images/studio-preference-editor.png)
 
 - **Use plugin's built in zul.xsd**
 

zk_studio_essentials/Installation.md

@@ -69,14 +69,14 @@ Marketplace is the easiest way to install plugins. Go to menu **\[Help\]
 \> \[Eclipse Markpetplace\]** and search **"zk studio"** you'll find
 **ZK Studio** to install.
 
-![](images/images/Eclipse36_marketplace.png)
+![](images/Eclipse36_marketplace.png)
 
 ## Update Site
 
 1.  Open Eclipse, click the **\[Help\]** menu and select **\[Install New
     Software...\]**. A install window will popup, and then click **Add**
 
-    ![](images/images/zkstudio_installation_35_1.png)
+    ![](images/zkstudio_installation_35_1.png)
 
       
 2.  Name the site as **"ZK Studio"** and copy corresponding update
@@ -88,20 +88,20 @@ Marketplace is the easiest way to install plugins. Go to menu **\[Help\]
     The URL of ZK Studio for Eclipse 3.7:
     <http://studio.zkoss.org/resource/plugins/eclipse_3_7>
 
-    ![](images/images/zkstudio_installation_35_2.png)
+    ![](images/zkstudio_installation_35_2.png)
 
       
 3.  Expand the update entry of ZK Studio, check **ZK Studio** and then
     click **Next**
 
-    ![](images/images/zkstudio_installation_35_3.png)
+    ![](images/zkstudio_installation_35_3.png)
 
     The Eclipse Installation System will now attempt to retrieve
     information from the update site. This will take some time depending
     on your eclipse environment, please be patient.
 4.  Click **Next** on the pop-up install wizard dialog.
 
-    ![](images/images/zkstudio_installation_35_4.png)
+    ![](images/zkstudio_installation_35_4.png)
 
       
 
@@ -118,7 +118,7 @@ Marketplace is the easiest way to install plugins. Go to menu **\[Help\]
 
     The Installation process will now begin.
 
-    ![](images/images/zkstudio_installation_35_5.png)
+    ![](images/zkstudio_installation_35_5.png)
 
       
 
@@ -135,7 +135,7 @@ Marketplace is the easiest way to install plugins. Go to menu **\[Help\]
 5.  Once the installation is complete, please restart Eclipse as
     prompted.
 
-    ![](images/images/zkstudio_installation_35_6.png)
+    ![](images/zkstudio_installation_35_6.png)
 
 ## Offline Installation
 

zk_studio_essentials/Introduction.md

@@ -8,7 +8,7 @@ you are able to develop ZK-based applications easily and efficiently.
 
 ZK Studio includes the tools shown and listed below:
 
-![](images/images/studio-introduction.png)
+![](images/studio-introduction.png)
 
 1.  **ZUL Editor**: ZUL Editor is a document editor for writing \*.zul
     files.

zk_studio_essentials/New_ZK_Project.md

@@ -5,13 +5,13 @@ while ZK Studio does the rest for you.
 1.  Click **\[File\]/\[New\]/\[Other...\]/\[ZK Project\]** in Eclipse
     main menu.
 
-    ![](images/images/zk_studio_094_create_proj_0.png)
+    ![](images/zk_studio_094_create_proj_0.png)
 2.  Type the project name. Eclipse will automatically include the
     default ZK package configured in the ZK Package preferences,
     however, you can select any other installed ZK package by selecting
     it from the combo box. Then, click **Next**.
 
-    ![](images/images/zk_studio_094_create_proj_1.png)
+    ![](images/zk_studio_094_create_proj_1.png)
 
     We recommend you to use the latest ZK Packages to get the most
     features and performances. You can download the latest ZK packages
@@ -22,10 +22,10 @@ while ZK Studio does the rest for you.
 3.  You can modify the **Source folders** and **Default output folder**
     if you like. Then, click **Next**.
 
-    ![](images/images/zk_studio_094_create_proj_4_1.png)
+    ![](images/zk_studio_094_create_proj_4_1.png)
 4.  You can modify **Context root** or **Content directory** if you
     like. Then, Click **Finish**.
 
-    ![](images/images/zk_studio_094_create_proj_4.png)
+    ![](images/zk_studio_094_create_proj_4.png)
 5.  After clicking **Finish**, the New Project Wizard will setup the ZK
     Project ready for development.

zk_studio_essentials/Outline_View_of_ZUL.md

@@ -3,7 +3,7 @@ currently selected ZUL Editor. It can be opened by clicking
 **\[Window\]/\[Show View\]/\[Outline\]**. Through this view, you can
 quickly get a big picture of the components you have used in a ZUL.
 
-![](images/images/studio-outline-view.png)
+![](images/studio-outline-view.png)
 
 Each component in this view is prefixed with an icon to distinguish
 different tag elements. Any modification made to the zul file will be

zk_studio_essentials/Project_Properties.md

@@ -8,7 +8,7 @@ Otherwise, **Package Setting** page is invisible.
 
 # ZK
 
-![](images/images/studio-project-preference-zk.png)
+![](images/studio-project-preference-zk.png)
 
 This preference page lists the version number, library location, and the
 add-ons currently available for the current project's ZK package.

zk_studio_essentials/Property_View_of_a_Component.md

@@ -4,7 +4,7 @@ Outline view or of a component you have put the cursor on in the ZUL
 Editor. You can open it by clicking **\[Window\]/\[Show
 View\]/\[Properties\]**.
 
-![](images/images/studio-properties-view.png)
+![](images/studio-properties-view.png)
 
 <div style='text-align:center'>
 

zk_studio_essentials/Welcome_Page.md

@@ -10,4 +10,4 @@ The page's hyperlinks consist of two types:
 The Welcome Page can be opened by clicking **\[Help\]/\[ZK Help\]/\[ZK
 Welcome Page\]**
 
-![](images/images/studio-welcome-page.png)
+![](images/studio-welcome-page.png)

zk_studio_essentials/Work_with_Existing_Dynamic_Web_Projects.md

@@ -8,4 +8,4 @@ project.
 3.  Check **ZK Studio Supports**on right panel and click **Apply**.
 4.  Click **OK** to close project preference window.
 
-![](images/images/addZKtoExistProject_1.png)
+![](images/addZKtoExistProject_1.png)

zk_studio_essentials/ZK_Perspective.md

@@ -4,4 +4,4 @@ including the **Properties** view, the **ZK Storage View**, the
 clicking **\[Window\]/\[Open Perspective\]/\[Others\]** and selecting
 **ZK**, and it will look like this:
 
-![](images/images/studio-perspective.png)
+![](images/studio-perspective.png)

zk_studio_essentials/ZKs.md

@@ -4,7 +4,7 @@ ZKs stands for **ZK Storage**. It is the mechanism by which ZK studio
 manages ZK releases that your ZK project or ZK studio may use. You can
 see the contents of ZK Storage in the **ZK Storage View**
 
-![](images/images/studio-storage-view.png)
+![](images/studio-storage-view.png)
 
 # ZK Binary Distribution Management
 
@@ -15,12 +15,12 @@ To browse and install ZK binary releases, open ZK Storage view and click
 **\[Window\]/\[Show View\]/\[Other\]** and selecting **ZK / ZK Storage
 View**.
 
-![](images/images/studio-storage-view-download.png)
+![](images/studio-storage-view-download.png)
 
 Click on the icon, and the Installation dialog will popup where you can
 browse and select.
 
-![](images/images/studio-release-install-process.png)
+![](images/studio-release-install-process.png)
 
 After clicking **Start**, the installation process will be triggered and
 selected releases will appear in your ZK Storage.
@@ -39,7 +39,7 @@ View\]/\[Other\]** and selecting **ZK / ZK Storage View**.
 
 Step 1: Click **Import** in ZK Storage View.
 
-![](images/images/studio-storage-view-import.png)
+![](images/studio-storage-view-import.png)
 
 Step 2: Click **File Import** and a file dialog will appear, choose the
 ZK archive file you have downloaded, and click **Finish** to import.
@@ -62,7 +62,7 @@ title=" center | 450px" />
 To remove a ZK release, simply right click on it and click **Delete a
 Package**.
 
-![](images/images/studio-storage-view-delete.png)
+![](images/studio-storage-view-delete.png)
 
 ### Configure ZK Binary Distribution
 
@@ -73,4 +73,4 @@ ZK Studio will automatically choose the latest version of those imported
 ZK Packages as the default package. You can remove unwanted ZK package
 by selecting the row in **ZK Package** then click **Remove**.
 
-![](images/images/studio-preference-package.png)
+![](images/studio-preference-package.png)