<?xml version='1.0' encoding='UTF-8'?>
<!-- This document was created with Syntext Serna Free. -->
<!DOCTYPE section PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [
<!ENTITY % BOOK_ENTITIES SYSTEM "../../../User_Guide.ent">
%BOOK_ENTITIES;
]>
<section id="sect-User_Guide-Manage_Content_In_Sites_Explorer">
  <title>Manage Content In Content Explorer</title>
  <para>
  A web content is a key resource to make a site. Other resources make a site more dynamic and animated by using layout, color, font, and more.This section focuses on how to manage a web content in a specific site.</para>
  <note>
    <para>Only users who have the right to access <emphasis role="bold">Sites Management</emphasis> drive can do it.</para>
  </note>
  <section id="sect-User_Guide-Manage_Content_In_Sites_Explorer-Create_a_new_web_content">
    <title>Create a new web content</title>
    <para>
   This function is used to add a new web content into a specific site.
  </para>
    <para>
   Do the following steps:
  </para>
    <procedure id="proc-User_Guide-Create_a_new_web_content-Add_new_content">
      <title>Add new content</title>
      <step>
        <para>
     Go to <emphasis role="bold">Sites Management</emphasis> drive <emphasis role="bold">&gt;</emphasis> select a site  that you want to add a web content.
    </para>
      </step>
      <step>
        <para>
     Select the web content folder on the left:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata width="444" align="center" scale="90" fileref="images/webcontentfolder.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata width="444" contentwidth="150mm" align="center" fileref="images/webcontentfolder.png" format="PNG"/>
          </imageobject>
        </mediaobject>
        <note>
          <para>
      In this step, you also can add a new web content into another folders (documents and media folder) of a site but you are recommended to select the web content folder because:
</para>
          <itemizedlist>
             <listitem>
              <para>Manage web content of a site more easily.
       </para>
            </listitem>
            <listitem>
              <para>You only may add a new web content in this folder so that you don&apos;t need to select a web content document in the list of document types. It makes adding a new web content more flexibly.
       </para>
            </listitem>
          </itemizedlist>
        </note>
      </step>
      <step>
        <para>
     Open the Add New Document form by clicking 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/adddocumenticon.png" format="PNG"/>
            </imageobject>
          </inlinemediaobject>
      on the Action bar.
    </para>
      </step>
      <step>
        <para>
     Select a template in the Select Template field to present web content:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata width="444" align="center" scale="90" fileref="images/maincontenttab.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata width="444" contentwidth="150mm" align="center" fileref="images/maincontenttab.png" format="PNG"/>
          </imageobject>
        </mediaobject>
        <para>The Select Template field has two options:
    </para>
        <itemizedlist>
          <listitem>
            <para>
       <emphasis role="bold">Picture on head layout web content:</emphasis>The site&apos;s content is presented in two spaces. One for inserting an image and one for editing the site&apos;s content. In which, the image is put at the head of a site.
      </para>
          </listitem>
          <listitem>
            <para>
       <emphasis role="bold">Free layout web content:</emphasis>This template is a free layout.
      </para>
          </listitem>
        </itemizedlist>
<!-- Doc Note: The content from this point until the next comment 'END' should probably be moved to a breakout explanation. Having it in the middle of a procedure breaks the flow of the steps.                         -->      </step>
      <step>
        <para>Enter values in fields of the Add New Document form.
    </para>
      </step>
      <step>
        <para>Click <emphasis role="bold">Save as Draf</emphasis>t to save the content or <emphasis role="bold">Cancel</emphasis> to quit the Add New Document form.</para>
      </step>
      <step>
        <formalpara>
          <title>Tabs in the Add New Document form</title>
        </formalpara>
        <para>
     The <emphasis role="bold">Main Content</emphasis>Tab includes:
    </para>
        <table>
          <title/>
          <tgroup cols="2">
            <thead>
              <row>
                <entry> Field </entry>
                <entry> Options </entry>
              </row>
            </thead>
            <tbody>
              <row>
                <entry> Name </entry>
                <entry> The name of a web content that you want to add new </entry>
              </row>
              <row>
                <entry> Title </entry>
                <entry> The title of a web content </entry>
              </row>
              <row>
                <entry> Main content </entry>
                <entry> The main content that you want to display when publishing this web content </entry>
              </row>
              <row>
                <entry> Save button </entry>
                <entry> To accept saving the inputted values </entry>
              </row>
              <row>
                <entry> Cancel button </entry>
                <entry> To exit the current form </entry>
              </row>
            </tbody>
          </tgroup>
        </table>
        <para>
     The <emphasis role="bold">Illustration Tab:</emphasis> enables you to upload an illustration that makes the site&apos;s content more attractive
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata width="444" align="center" scale="90" fileref="images/illustrationtab.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata width="444" contentwidth="150mm" align="center" fileref="images/illustrationtab.png" format="PNG"/>
          </imageobject>
        </mediaobject>
        <table>
          <title/>
          <tgroup cols="2">
            <thead>
              <row>
                <entry> Field </entry>
                <entry> Option </entry>
              </row>
            </thead>
            <tbody>
              <row>
                <entry> Illustration Image </entry>
                <entry> The path to an image that you want to upload into a site. This image will be used like an illustration of that site </entry>
              </row>
              <row>
                <entry> Image Type </entry>
                <entry> The image format that you want to upload to the site. It can be: image/gif; image/png; image/jpg; image/jpeg </entry>
              </row>
              <row>
                <entry> Summary </entry>
                <entry> You can give short description about the web content because it will be displayed with the illustration image when the web content is listed. The main content will be shown when it is selected to be viewed </entry>
              </row>
            </tbody>
          </tgroup>
        </table>
        <para>
     To upload an image do as follows:
    </para>
        <procedure>
          <title> Upload an image</title>
          <step>
            <para>
       Browse an image list on your local computer by clicking the <emphasis role="bold">Browse</emphasis>... button and then select a specific location.
      </para>
          </step>
          <step>
            <para>
       Select an image in the  list to upload.</para>
          </step>
        </procedure>
        <para>
     The <emphasis role="bold">Advanced </emphasis>tab:</para>
        <para>This tab includes two parts: CSS data and JS data:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata width="444" align="center" scale="90" fileref="images/advancedtab.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata width="444" contentwidth="150mm" align="center" fileref="images/advancedtab.png" format="PNG"/>
          </imageobject>
        </mediaobject>
        <table>
          <title/>
          <tgroup cols="2">
            <thead>
              <row>
                <entry> Field </entry>
                <entry> Information </entry>
              </row>
            </thead>
            <tbody>
              <row>
                <entry> CSS data </entry>
                <entry> Contains CSS definition to present data in a web content. You can optionally enter CSS data into this field to specify the style. </entry>
              </row>
              <row>
                <entry> JS data </entry>
                <entry> Contains JS content to make the web content more dynamic when after publishing. You can optionally enter JS content in this field. </entry>
              </row>
            </tbody>
          </tgroup>
        </table>
<!--                        END                        -->      </step>
    </procedure>
  </section>
  <section id="sect-User_Guide-Manage_Content_In_Sites_Explorer-Edit_a_web_content">
    <title>Edit a web content</title>
    <para>
   This function is used to edit a web content in a specific drive of an existing site.
  </para>
    <para>
   Do the following:
  </para>
    <procedure>
      <title>Edit a web content</title>
      <step>
        <para>
     Go into the folder of a site which contains the web content that you want to edit.
    </para>
      </step>
      <step>
        <para>
     Select to view a web content by double-clicking it on the left tree or on the right. The detailed information of web content will be viewed on the right panel.
    </para>
      </step>
      <step>
        <para>
     Click 
     <inlinemediaobject>
            <imageobject>
              <imagedata fileref="images/editdocumenticon.png" format="PNG"/>
            </imageobject>
          </inlinemediaobject>
      the action bar to show the edit form of the selected web content as
    the Add New Documetn form.</para>
      </step>
      <step>
        <para>
     Change the current values in the fields of this edit form.
    </para>
      </step>
      <step>
        <para>
     Complete editing the selected web content by clicking Save.
    </para>
      </step>
    </procedure>
    <note>
      <title>Auto-lock</title>
      <para>
    When you click <emphasis role="bold">Edit Document</emphasis>, the web-content will be auto-locked for your editing. After finishing, the content is back to unlock status. You can manage Locks in the Administration  portlet.
   </para>
    </note>
  </section>
  <section id="sect-User_Guide-Manage_Content_In_Sites_Explorer-Delete_a_web_content">
    <title>Delete a web content</title>
    <para>
   This function is used to remove a web content from the web content folder in a specific site&apos;s drive.
  </para>
    <para>
   To delete a web-content, do the following:
  </para>
    <procedure>
      <title>Delete a web content</title>
      <step>
        <para>
     Right-click the name of the web content that you want to delete and then select <emphasis role="bold">Delete</emphasis> in the menu:
    </para>
        <mediaobject>
          <imageobject role="html">
            <imagedata align="center" scale="50" fileref="images/selectdelete.png" format="PNG"/>
          </imageobject>
          <imageobject role="fo">
            <imagedata contentwidth="150mm" align="center" fileref="images/selectdelete.png" format="PNG"/>
          </imageobject>
        </mediaobject>
      </step>
      <step>
        <para>
     There will be a confirmation message. Click <emphasis role="bold">OK</emphasis> to accept the deletion, or <emphasis role="bold">Cancel</emphasis> to quit without deleting.
    </para>
      </step>
    </procedure>
  </section>
  <section id="sect-User_Guide-Manage_Content_In_Sites_Explorer-Publish_a_web_content">
    <title>Publish a web content</title>
    <para>
   This function helps you publish a web content that you have added to web content folder in Content Explorer.
  </para>
    <para>See <xref linkend="sect-User_Guide-Contribute_Content-Publication_Process" /> to know how to publish a web content.</para>
    <para>
   After the content is published, all users who have the right to access that position can view the published web content as a page on the Navigation bar.
  </para>
  </section>
</section>
