<!DOCTYPE Article PUBLIC "-//GNOME//DTD DocBook PNG Variant V1.1//EN" [
<!ENTITY version "0.4.0">
]>

<!-- =============Document Header ============================= -->

<article id="guiref"> <!-- please do not change the id-->

  <artheader> 
    <title>Screem GUI Reference Manual</title>
    <copyright>
      <year>2000</year>
      <holder>Matthew Colyer</holder>
    </copyright>
    <legalnotice id="legalnotice">
     <para>
     	Permission is granted to copy, distribute and/or modify
		   this document under the terms of the <ulink type="help"
			url="gnome-help:fdl"><citetitle>GNU Free Documentation
			License</citetitle></ulink>, Version 1.1 or any later version 
			published by the Free Software Foundation with no Invariant Sections, 
			no Front-Cover Texts, and no Back-Cover Texts.  A copy of the license
			can be found <ulink type="help" url="gnome-help:fdl">here</ulink>.
      </para>
      
      <para>
         Many of the names used by companies to distinguish their products and
			services are claimed as trademarks. Where those names appear in any
			GNOME documentation, and those trademarks are made aware to the members
			of the GNOME Documentation Project, the names have been printed in caps
			or initial caps.
      </para> 
     </legalnotice>  
   <releaseinfo>
	  This is version 0.2 of theScreem manual.
   </releaseinfo> 
</artheader>

  <sect1 id="intro">
      <title>Introduction</title> 

    <para>
      <application>Screem</application> is a program for editing, uploading and managing websites.
      <application>Screem</application> is currently under active development at Sourceforge.
    </para>
	 
	 <para>
	 	This manual is soley intended for giving brief discriptions of the windows,
	 	menus and wizards of <application>Screem</application>. If you are looking for
	 	a more in depth information please refer to the Screem Users Manual.
	 </para>
   </sect1>

   <!-- =============Section:Windows============================= --> 
<sect1 id="window">
	<title>Windows</title>
		<para>
		</para>

		<!-- =============Main Window============================= --> 
		<sect2 id="window-main">
			<title>Main Window</title>
				<para>
					The main window of <application>Screem</application> houses many important items, such as the tag tree, 
					the file list and the editing notepad. It also has a wealth of buttons and menus. Like any gnome compliant application
					 you can tear off any of the menus. You can also tear off the button panels and place them where you want them. 
					 The screem main window is highly configurable and it if you spend the time to learn all of it's neat functions it can 
					 pay off in the long run.
				</para>
				<figure id="mainshot">
  					<title>Main Window</title>
  						<screenshot>
   						<screeninfo>Screem's main window</screeninfo>
   						<graphic format="PNG"  fileref="figs/main" srccredit="ME">
   						</graphic>
  						</screenshot>
 				</figure>
				<para>
					<emphasis>File tree</emphasis>
				</para>
				<para>
					The file tree is only used when working on a site, rather than an individual page. It allows you to open
					pages in the editor, or view other file types with the external application specified for that mime type. 
				</para>
				<para>
					Support is also there for copying, moving, and renaming files. With some HTML editors if you have a
					group of files in a project and you move or rename one of them then you need to manually go through
					and update all the links to that file in all your other documents. Not with SCREEM. This is
					automatically done for you, going through the entire site.
					The updating of the links in a page that has been moved is not currently implemented. 
				</para>
				<para>
					A right click anywhere on the file tree will popup a menu, allowing you to: 
				</para>
				<itemizedlist>
     					<listitem><para>Create a new page (with the page wizard)</para></listitem> 
     					<listitem><para>Create a blank page </para></listitem> 
     					<listitem><para>Delete the file/directory that was right clicked on </para></listitem> 
     					<listitem><para>Rename the file/directory that was right clicked on </para></listitem> 
     					<listitem><para>Open the file that was right clicked on </para></listitem> 
     					<listitem><para>Refresh the file tree </para></listitem> 
				</itemizedlist>
				<para>
					<emphasis>Tag Tree</emphasis>
				</para>
				<para>
					The tag tree is a method used by <application>Screem</application> to give access to commonly used tags. The program is
					distributed with an full HTML 4.0 branch in the tree. Also if you have <application>Bluefish</application> (a GTK based HTML
					editor) installed then <application>Screem</application> will build branches of the tag tree out of the PHP3, RXML, and SSI
					functions that are provided with it. 
				</para>
				<para>
					The tag tree itself is just an xml file, stored in <filename>$prefix/lib/screem/screem.tagtree</filename>. There is currently no
					graphical editor for the tag tree at the moment so if you want to change the main one then you will
					need to load the file into the editor and edit it by hand. 
				</para>
				<para>
					As well as reading the tree from the above location (and the <application>Bluefish</application> function files in
					<filename>$HOME/.bluefish</filename> <application>Screem</application> will also scan <filename>$HOME/.screem</filename> for any .							  tagtree files. If you have any in there then they will be added to the tag tree upon launching <application>Screem</application>.
				 	Again these files will have to be edited by hand, the format can be found by looking at the main distributed tree file 
				</para>
				<para>
					Clicking on an entry in the tag tree will insert the tag (or function) that is specified. If the text has
					opening and closing tags then the cursor will be inserted between them ready for you to type. If
					however you have highlighted some text then the tags will be placed around that text 
				</para>
				<para>
					<emphasis>Editing Notepad</emphasis>
				</para>
				<para>
					For more information check the getting started section.
				</para>
				<para>
					For each file currently open there are three panels. The first panel contains the text field with the file loaded up so that you can edit it.
					The second panel contains a preview window for the curent file. The last panel contains a link view of the current page. 
					At the moment this panel is currently unfinished
				</para>
		</sect2>
		
		
	<!-- =============Entity============================= --> 
	<sect2 id="window-entity">
	<title>Entity Window</title>
		<figure id="entityshot">
  			<title>Entity Window</title>
  				<screenshot>
   				<screeninfo>Entity window</screeninfo>
   				<graphic format="PNG"  fileref="figs/entity" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Entity window provides easy access to all sorts of symbols
			defined as entitys so that they can be display in HTML. You must have
			atleast one page open in order to use the Entity window. To use it just pick the entity
			you want and click insert.
		</para>
		<para>
			Screem does have auto entity insertion built in. To configure it click here. 
			To learn more about it click here.
		</para>
	</sect2>
	<!-- =============Find============================= --> 
	<sect2 id="window-find">
	<title>Find Window</title>
		<figure id="findshot">
  			<title>Find Window</title>
  				<screenshot>
   				<screeninfo>Find Window</screeninfo>
   				<graphic format="PNG"  fileref="figs/find" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The find and replace window finds your regular expression arguments in the current file or
			the whole project. Once it finds you expression it can replace it. To create a search you
			just fill out the required fields and check the options you want to use. As the find goes through all 
			your files it lists them in a table so that you can see all affected files.
		</para>
	</sect2>
	<!-- =============Todo============================= --> 
	<sect2 id="window-todo">
	<title>Todo Window</title>
		<figure id="todoshot">
  			<title>Todo Window</title>
  				<screenshot>
   				<screeninfo>Todo Window</screeninfo>
   				<graphic format="PNG"  fileref="figs/todo" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The todo window displays all the tasks currently listed in the project file. That way when inspiration hits
			or your one of those poeple that need a check list it's right there for you. You must have a project currently
			 open to use this window.To add a task click the add button and enter the correct information. To edit a task you
			click on the task. When you have completed a task you can remove it by clicking the completed button.
		</para>
	</sect2>
	<!-- =============Print Preview============================= --> 
	<sect2 id="window-printpreview">
	<title>Print Preview Window</title>
		<figure id="printpreviewshot">
  			<title>Frame Wizard</title>
  				<screenshot>
   				<screeninfo>Print Preview Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/printpreview" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			With the print preview window you can examine the output before you print it to make sure 
			nothing is wrong and the margins are fine. You can zoom in and out and go to the next page, the last page,
			the previous page or the first page. You can also zoom to fit the window. You must be currently editing a
			page in order for the print preview to work.
		</para>
		<warning>
		<para>
		You must compile Screem with GtkHtml in order to print rendered HTML.
		</para>
		</warning>
	</sect2>
	<!-- =============Spell Check============================= --> 
	<sect2 id="window-spell">
	<title>Spell Check Wizard</title>
		<figure id="spellshot">
  			<title>Spell Check Wizard</title>
  				<screenshot>
   				<screeninfo>Spell Check Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/spellCheck" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The spell check is the standard GNOME spelling widget. It goes through and ignores HTML
			and finds misspelled words and prompts you for action.
		</para>
	</sect2>							
</sect1>

<!-- =============Section:Menus============================= --> 
<sect1 id="menus">
	<title>Menus</title>
	
     <!-- =========Menubar=========================== -->   
    <sect2 id="menubar">
      <title> Menus</title>
      <para>
         The menu bar, located at the top of the <interface>Main
         Window</interface>, provides the following commands:
      </para>
      
      <!-- =========List=========================== -->
      <variablelist>
	<varlistentry> <term><guimenu>File</guimenu></term>
          <listitem><para>
	      <itemizedlist>
	      	<listitem><para><guisubmenu>New</guisubmenu></para>
	      		<itemizedlist>
	      		<listitem><para><guimenuitem>New Site...</guimenuitem>
	      			Launches the Site Wizard
	      			to create a site.
	      		</para></listitem>
	      		<listitem><para><guimenuitem>New Page...</guimenuitem>
	      			Launches the <link linkend="window-newpage">Page Wizard.</link>
	      		 </para></listitem>
	      		<listitem><para><guimenuitem>New Blank Page...</guimenuitem>
	      			Creates a blank page.
	      		</para></listitem>
	      		<listitem><para><guimenuitem>New Site Template</guimenuitem>
	      			Launches the <link linkend="window-sitetemplate">Site Template Wizard.</link>
	      		</para></listitem>	
	      		</itemizedlist>
	      	</listitem>
	      	<listitem><para><menuchoice><shortcut><keysym>CTRL+O</keysym></shortcut><guimenuitem>Open Site...</guimenuitem></menuchoice>
	      		Opens a <application>Screem</application> project file and launches the project.
	      	</para></listitem>
	      	<listitem><para><menuchoice><shortcut><keysym>CTRL+S</keysym></shortcut><guimenuitem>Save Site...</guimenuitem></menuchoice>
	      		Saves the Site definition. NOT THE CURRENT FILE.
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Save Site As...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Close Site...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Recent Sites</guimenuitem>
	      		Lists the four most currently edited projects.
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Open Page...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Save Page...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Save Page As...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Close Page...</guimenuitem></para></listitem>
	      	<listitem><para><guimenuitem>Recent Pages</guimenuitem>
	      		Lists the four most currently edited pages.
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Print</guimenuitem></para></listitem>
	      	<listitem><para><menuchoice><shortcut><keysym>CTRL+Q</keysym></shortcut><guimenuitem>Quit</guimenuitem></menuchoice>
	      	</para></listitem>
	      	</itemizedlist>
	    </para>
	  </listitem> 
	</varlistentry> 
	
	<varlistentry>
		<term><guimenu>Edit</guimenu></term>
		<listitem>
		<para>
		<itemizedlist>
	      		<listitem><para><menuchoice><shortcut><keysym>CTRL+Z</keysym></shortcut><guimenuitem>Undo</guimenuitem></menuchoice>
	      		 	Undos the last action performed by the user.
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>CTRL+R</keysym></shortcut><guimenuitem>Redo</guimenuitem></menuchoice>
	      		 	Undos the undos performed by the user.
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>CTRL+X</keysym></shortcut><guimenuitem>Cut</guimenuitem></menuchoice>
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>CTRL+C</keysym></shortcut><guimenuitem>Copy</guimenuitem></menuchoice>
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>CTRL+V</keysym></shortcut><guimenuitem>Paste</guimenuitem></menuchoice>
	      		</para></listitem>
	      		<listitem><para><guimenuitem>Clear</guimenuitem>
	      			Deletes selected text.
	      		</para></listitem>
	      		<listitem><para><guimenuitem>Select All</guimenuitem></para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>F6</keysym></shortcut><guimenuitem>Find ... </guimenuitem></menuchoice>
	      			Preforms searches on all the files in your project.
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>SHIFT+F6</keysym></shortcut><guimenuitem>Find Again</guimenuitem></menuchoice>
	      			Repeats the last searched peformed
	      		</para></listitem>
	      		<listitem><para><menuchoice><shortcut><keysym>F7</keysym></shortcut><guimenuitem>Replace ... </guimenuitem></menuchoice>
	      			Preforms replaces in all the files in your project.</para></listitem>
	      		<listitem><para><guimenuitem>Goto Line</guimenuitem>
	      	 		Goes to the specified line
	      	 	</para></listitem>
	      		<listitem><para><guimenuitem>Uppercase tags</guimenuitem>
	      	 		Changes all tags and tag attributes to upper case tags in the document
	      	 	</para></listitem>
	      		<listitem><para><guimenuitem>lowercase tags</guimenuitem>
	      	 		Changes all tags and tag attributes to lower case tags in the document
	      	 	</para></listitem>
	      	 	<listitem><para><guimenuitem>Convert to XHTML</guimenuitem>
	      	 		Screem attempts to convert the currently open page to XHTML
	      	 	</para></listitem>
	      		<listitem><para><guimenuitem>Select Current Context</guimenuitem>
	      	 		Selects all the text between the last tag opening to the matching closing tag.
	      	 	</para></listitem>
	      	</itemizedlist>
		</para>
		</listitem>
	</varlistentry>
	
	<varlistentry> 
	  <term><guimenu>Insert</guimenu></term>
	  <listitem><para>
	      </para>
	      <itemizedlist>
	      	<listitem><para><guimenuitem>Table</guimenuitem>
	      		Launches the<link linkend="window-table">Table wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>SSI directive</guimenuitem>
	      		Launches the<link linkend="window-ssi">SSI wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Link</guimenuitem>
	      		Launches the<link linkend="window-link">Link wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Image</guimenuitem>
	      		Launches the<link linkend="window-images">Image wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Frames</guimenuitem>
	      		Launches the <link linkend="window-frame">Frame wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Form</guimenuitem>
	      		Launches <link linkend="window-form">Form wizard.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Entity</guimenuitem>
	      		Launches the<link linkend="window-entity">Entity Table.</link>
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Colour</guimenuitem>
	      		Launches the <link linkend="window-color">Color wizard.</link>
	      	</para></listitem>
	      	</itemizedlist>
	  </listitem>
	</varlistentry>

	<varlistentry>
	  <term><guimenu>CVS</guimenu></term>
	  <listitem>
	  <para>
	  </para>  
	  	<itemizedlist>
	      	<listitem><para><guimenuitem>Checkout Site</guimenuitem>
	      		????
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Update Site</guimenuitem>
	      		????
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Update Page</guimenuitem>
	      		????
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Import Site</guimenuitem>
	      		????
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Commit Site</guimenuitem>
	      		????
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Commit Page</guimenuitem>
	      		????
	      	</para></listitem>
	      	</itemizedlist>
	  </listitem>
	</varlistentry>

	<varlistentry>
	  <term><guimenu>Tools</guimenu></term>
	  <listitem>
	  <para>
	  </para>  
	  	<itemizedlist>
	      	<listitem><para><guimenuitem>Upload</guimenuitem>
	      		Launches the Upload wizard
	      	</para></listitem>
	      	<listitem><para><guimenuitem>CaSSIUS</guimenuitem>
	      		Launches <link linkend="window-css">the CSS wizard.</link> 
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Site Template</guimenuitem>
	      		Launches the <link linkend="window-sitetemplate">Site Template Wizard.</link>
	      	</para></listitem>
	      	</itemizedlist>
	  </listitem>
	</varlistentry>
	
		<varlistentry>
	  <term><guimenu>Settings</guimenu></term>
	  <listitem>
	  <para>
	  </para>  
	  	<itemizedlist>
	      	<listitem><para><guimenuitem>Site ...</guimenuitem>
	      		Launches a window that contains site specific information. Such as template files, 
	      		base directory and upload information.
	      	</para></listitem>
	      	<listitem><para><guimenuitem>Preferences ...</guimenuitem>
	      		Allows customization of Screem.
	      	</para></listitem>
	      	</itemizedlist>
	  </listitem>
	</varlistentry>
	
	<varlistentry>
	  <term><guimenu>Help</guimenu></term>
	  <listitem>
	  	<para>
	      	</para>
	      <itemizedlist>
			<listitem><para><guimenuitem>About</guimenuitem> 
		  		shows basic information about <application>Screem</application>, such as author's name and version number.
		  	</para></listitem>
		  	<listitem><para><guimenuitem>Tip of the day</guimenuitem> 
		  		displays the tip of the day dialog, which contains useful tips on using <application>Screem</application>.
		  	</para></listitem>
	      </itemizedlist>
	  </listitem>
	</varlistentry>

	</variablelist>
      <!-- =========End of list=========================== -->
	</sect2>
</sect1>

<!-- =============Section:Buttons============================= --> 
<sect1 id="buttons">
	<title>Buttons</title>
	<para>
	</para>
	
	
	<!-- =========File Buttons=========================== -->   
	<sect2 id="buttons-file">
	<title>File Buttons</title>
		<figure id="filebuttonshot">
  			<title>File Buttons</title>
  				<screenshot>
   				<screeninfo>File Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/filebutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<itemizedlist>
		<listitem><para><guibutton>First button</guibutton> - Launches the Site Wizard.</para></listitem>
		<listitem><para><guibutton>Second button</guibutton> - Opens a file.</para></listitem>
		<listitem><para><guibutton>Third button</guibutton> - Saves the file.</para></listitem>
		</itemizedlist>
	</sect2>
	
	
	<!-- =========Copy Buttons=========================== -->   
	<sect2 id="buttons-copy">
	<title>Copy Buttons</title>
		<figure id="copybuttonshot">
  			<title>Copy Buttons</title>
  				<screenshot>
   				<screeninfo>Copy Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/copybutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<itemizedlist>
		<listitem><para><guibutton>First button</guibutton> - Cuts.</para></listitem>
		<listitem><para><guibutton>Second button</guibutton> - Copies.</para></listitem>
		<listitem><para><guibutton>Third button</guibutton> - Pastes.</para></listitem>
		</itemizedlist>
	</sect2>
	
	
	<!-- =========Misc Buttons=========================== -->   
	<sect2 id="buttons-misc">
	<title>Misc. Buttons</title>
		<figure id="miscbuttonshot">
  			<title>Misc. Buttons</title>
  				<screenshot>
   				<screeninfo>Misc. Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/miscbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<itemizedlist>
		<listitem><para><guibutton>First button</guibutton> - Prints.</para></listitem>
		<listitem><para><guibutton>Second button</guibutton> - Launches the print preview window.[link it up]</para></listitem>
		<listitem><para><guibutton>Third button</guibutton> - Launches the find and replace. [link it up]</para></listitem>
		<listitem><para><guibutton>Fourth button</guibutton> - Launches the external browser.</para></listitem>
		<listitem><para><guibutton>Fifth button</guibutton> - Launches todo list.[link it up]</para></listitem>
		<listitem><para><guibutton>Sixth button</guibutton> - Launches the spell checker.[link it up]</para></listitem>
		</itemizedlist>
	</sect2>
	<!-- =========Tag Buttons=========================== -->   
	<sect2 id="buttons-tag">
		<title>Tag Lookup</title>
		<figure id="tagbuttonshot">
  			<title>Tag Lookup</title>
  				<screenshot>
   				<screeninfo>Tag Lookup</screeninfo>
   				<graphic format="PNG"  fileref="figs/tagbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<itemizedlist>
			<listitem><para><guibutton>Selection Field</guibutton> - Choose a tag to look up information on.</para></listitem>
			<listitem><para><guibutton>Button</guibutton> - Incorrectly implemented.</para></listitem>
		</itemizedlist>
	</sect2>
	<!-- =========Wizard Buttons=========================== -->   
	<sect2 id="buttons-wizards">
		<title>Wizard Buttons</title>
		<figure id="wizardbuttonshot">
  			<title>Wizard Buttons</title>
  				<screenshot>
   				<screeninfo>Wizard Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/wizardbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<itemizedlist>
			<listitem><para><guibutton>First button</guibutton> - Launches the <link linkend="window-color">color browser</link>.</para></listitem>
			<listitem><para><guibutton>Second button</guibutton> - Launches the <link linkend="window-css">css wizard.</link></para></listitem>
			<listitem><para><guibutton>Third button</guibutton> - Launches the <link linkend="window-gallery">image gallery wiard.</link></para></listitem>
			<listitem><para><guibutton>Fourth button</guibutton> - Launches the <link linkend="window-images">image wizard.</link></para></listitem>
			<listitem><para><guibutton>Fifth button</guibutton> - Launches the <link linkend="window-link">link wizard.</link></para></listitem>
			<listitem><para><guibutton>Sixth button</guibutton> - Launches the <link linkend="window-email">email wizard.</link></para></listitem>
			<listitem><para><guibutton>Seventh button</guibutton> - Launches the <link linkend="window-table">table wizard.</link></para></listitem>
			<listitem><para><guibutton>Eighth button</guibutton> - Launches the upload wizard.[link it up]</para></listitem>
		</itemizedlist>			
	</sect2>
	<!-- =========Font Buttons=========================== -->   
	<sect2 id="button-quick">
		<title>Quick Buttons</title>
		<figure id="quickbuttonshot">
  			<title>Quick Buttons</title>
  				<screenshot>
   				<screeninfo>Quick Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/quickbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<itemizedlist>
			<listitem><para><guibutton>First Button</guibutton> - Inserts bold tags.</para></listitem>
			<listitem><para><guibutton>Second Button</guibutton> - Inserts italic tags.</para></listitem>
			<listitem><para><guibutton>Third Button</guibutton> - Inserts underline tags.</para></listitem>
			<listitem><para><guibutton>Fourth Button</guibutton> - Inserts a bulleted list tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a numbered list tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a decrease indentation tag.</para></listitem>
			<listitem><para><guibutton>Seventh Button</guibutton> - Inserts a increase indentation tag.</para></listitem>
			<listitem><para><guibutton>Eigth Button</guibutton> - Inserts a left justifed paragraph.</para></listitem>
			<listitem><para><guibutton>Ninth Button</guibutton> - Inserts a center justifed paragraph.</para></listitem>
			<listitem><para><guibutton>Tenth Button</guibutton> - Inserts a right justifed paragraph.</para></listitem>
			<listitem><para><guibutton>Eleventh Button</guibutton> - Inserts a justifed paragraph.</para></listitem>
		</itemizedlist>
	</sect2>
	<!-- =========External Buttons=========================== -->   
	<sect2 id="button-extt">
		<title>External Buttons</title>
		<figure id="externalbuttonshot">
  			<title>External Viewer Buttons</title>
  				<screenshot>
   				<screeninfo>External Viewer Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/extbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<itemizedlist>
			<listitem><para><guibutton>First Button</guibutton> - Launches first configured external browser with the current page.</para></listitem>
			<listitem><para><guibutton>Second Button</guibutton> - Launches second configured external browser with the current page.</para></listitem>
			<listitem><para><guibutton>Third Button</guibutton> - Launches third configured external browser with the current page.</para></listitem>
		</itemizedlist>	
		<para>Note the screenshot might not be the same as your configuration. To configure these buttons click 
			here.
		</para>
	</sect2>	
	<!-- =========Form Buttons=========================== -->   
	<sect2 id="button-form">
		<title>Form Buttons</title>
		<figure id="formbuttonshot">
  			<title>Form Buttons</title>
  				<screenshot>
   				<screeninfo>Form Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/formbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<itemizedlist>
			<listitem><para><guibutton>First Button</guibutton> - Launches <link linkend="window-form">form wizard.</link></para></listitem>
			<listitem><para><guibutton>Second Button</guibutton> - Inserts a text area tag.</para></listitem>
			<listitem><para><guibutton>Third Button</guibutton> - Inserts an input box tag.</para></listitem>
			<listitem><para><guibutton>Foruth Button</guibutton> - Inserts a file input box tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a form button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a checkbox tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a radio button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a selection list tag.</para></listitem>
		</itemizedlist>
	</sect2>
	<!-- =========Font Buttons=========================== -->   
	<sect2 id="button-font">
		<title>Font Buttons</title>
		<figure id="fontbuttonshot">
  			<title>Font Buttons</title>
  				<screenshot>
   				<screeninfo>Font Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/fontbutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<para>Not Implemented!</para>
 		<!--<itemizedlist>
			<listitem><para><guibutton>First Button</guibutton> - Launches <link linkend="window-form">form wizard.</link></para></listitem>
			<listitem><para><guibutton>Second Button</guibutton> - Inserts a text area tag.</para></listitem>
			<listitem><para><guibutton>Third Button</guibutton> - Inserts an input box tag.</para></listitem>
			<listitem><para><guibutton>Foruth Button</guibutton> - Inserts a file input box tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a form button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a checkbox tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a radio button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a selection list tag.</para></listitem>
		</itemizedlist>-->
	</sect2>
	<!-- =========Table Buttons=========================== -->   
	<sect2 id="button-table">
		<title>Table Buttons</title>
		<figure id="tablebuttonshot">
  			<title>Table Buttons</title>
  				<screenshot>
   				<screeninfo>Table Buttons</screeninfo>
   				<graphic format="PNG"  fileref="figs/tablebutton" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
 		<para>Not Implemented!</para>
 		<!--<itemizedlist>
			<listitem><para><guibutton>First Button</guibutton> - Launches <link linkend="window-form">form wizard.</link></para></listitem>
			<listitem><para><guibutton>Second Button</guibutton> - Inserts a text area tag.</para></listitem>
			<listitem><para><guibutton>Third Button</guibutton> - Inserts an input box tag.</para></listitem>
			<listitem><para><guibutton>Foruth Button</guibutton> - Inserts a file input box tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a form button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a checkbox tag.</para></listitem>
			<listitem><para><guibutton>Fifth Button</guibutton> - Inserts a radio button tag.</para></listitem>
			<listitem><para><guibutton>Sixth Button</guibutton> - Inserts a selection list tag.</para></listitem>
		</itemizedlist>-->
	</sect2>
</sect1>
<sect1 id="wizards">
	<title>Wizards</title>
	<para>
	</para>
	<!-- =============Upload============================= --> 
	<sect2 id="window-upload">
	<title>Upload Wizard</title>
		<figure id="uploadshot">
  			<title>Frame Wizard</title>
  				<screenshot>
   				<screeninfo>Upload Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/upload" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			For more information concerning the upload wizard click here.
		</para>
	</sect2>
	<!-- =============Gallery============================= --> 
	<sect2 id="window-gallery">
	<title>Gallery Wizard</title>
		<figure id="galleryshot">
  			<title>Gallery Wizard</title>
  				<screenshot>
   				<screeninfo>Screem site wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/gallery" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Gallery Wizard can be used to create image galleries from a given
			directory of images. It allows you to specify how many images per row, and
			how many rows to have per page. If the number of images in the directory is
			greater than the number of rows times the number of columns then another page
			will be created, and links between the two pages will be inserted. 
		</para>
		<para>
			All the images will have thumbnails created which will be links to the full size
			image. Currently the resulting files will be in the same directory as the
			images. This plugin can be used without having a site or page open. 
		</para>
	</sect2>
	
	<!-- =============Image Wizard============================= --> 
	<sect2 id="window-images">
	<title>Image wizard</title>
		<figure id="imageshot">
  			<title>Image Wizard</title>
  				<screenshot>
   				<screeninfo>Screem site wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/picwizard" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Image Wizard, as you would expect, is to help with inserting images into
			your HTML pages and as such provides the following features. You must have
			atleast one page open to use the Image Wizard. 
		</para>
		
		<itemizedlist>
			<listitem><para>
     				Preview image in the wizard so you can see what you will be inserting </para>
     			</listitem>
     			<listitem> <para>
     				Shows initial image dimensions and size </para>
     			</listitem>
     			<listitem><para>
     				Auto creation of a thumbnail image if requested (of the size specified by
     				the width/height entries) </para>
     			</listitem>
     			<listitem><para>
     				Width and Height number entries so you can calculate a new image size
     				you want to use. </para>
     			</listitem>
     			<listitem><para>
     				The ability to copy the image to the pages location (if you are inserting an
     				image from outside your site (or pages) directory </para>
			</listitem>
		</itemizedlist>
	</sect2>
	<!-- =============CSS============================= --> 
	<sect2 id="window-css">
	<title>CSS Wizard</title>
		<figure id="cssshot">
  			<title>CSS Wizard</title>
  				<screenshot>
   				<screeninfo>CSS wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/css" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The CSS Wizard is a very powerful wizard. For all those who don't know
			what CSS is, CSS stands for Cascading Style Sheet. A CSS definition can be in 
			it's own file or it can be inline with the rest of the HTML. With CSS you can define
			a stylesheet for your site. You can change your entire site's look and feel with CSS!
		</para>
		<para>
			Enough about what CSS is. In order to start using the wizard you must right click
			and select new style. Then give this style a name so that you can call it in your
			HTML. Once you have created a style you can use the tabbed notebook on the right
			to select what attributes you want. You can have as many styles as you want, with as
			many attributes as you want. At the moment you can not load the CSS files into 
			the wizard to change them so if you want to change the CSS you have to do it by
			hand.
		</para>
		<warning>
			<para>
				WARNING: Before you get frustrated with why the style doesn't look the way you want it.
				The FULL CSS standard is not supported by any browser at the moment. So some of the
				attributes may not work. 
			</para>
		</warning>
	</sect2>
	<!-- =============Email Wizard============================= --> 
	<sect2 id="window-email">
	<title>Email Wizard</title>
		<figure id="emailwizshot">
  			<title>Email Wizard</title>
  				<screenshot>
   				<screeninfo>Email wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/emailwiz" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The email wizard sends the page currently being edited to the email address specified. If you 
			want to send a friend or a co-worker the HTML page you are working on you can use this wizard. You don't have copy
			and paste the HTML to another program to send the page in an email. You can just open the 
			wizard and it will do it for you. In order to use this wizard you must have at least one page open. 
			Select the page and click the email wizard button located on the wizard button menu. Once you 
			have the wizard open it is fairly straightforward, you fill out the correct fields and click send email.
		</para>
	</sect2>
	<!-- =============Form============================= --> 
	<sect2 id="window-form">
	<title>Form Wizard</title>
		<figure id="formshot">
  			<title>Form Wizard</title>
  				<screenshot>
   				<screeninfo>Form Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/form" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Form Wizard creates HTML forms. You must have atleast one page
			open in order to use the Form Wizard. To use the Form Wizard just fill out
			the nessary text boxes and click ok.
		</para>
	</sect2>
	<!-- =============Link============================= --> 
	<sect2 id="window-link">
	<title>Link Wizard</title>
		<figure id="linkshot">
  			<title>Link Wizard</title>
  				<screenshot>
   				<screeninfo>Link Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/linkwiz" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Link Wizard creates HTML link tags. You must have atleast one page
			open in order to use the Form Wizard. To use the Link Wizard just fill out
			the nessary text boxes, choose the correct type of link and click ok.
		</para>
	</sect2>
	<!-- =============New Page============================= --> 
	<sect2 id="window-newpage">
	<title>New Page Wizard</title>
		<figure id="newpageshot">
  			<title>New Page Wizard</title>
  				<screenshot>
   				<screeninfo>New Page Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/pagewiz" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The New Page Wizard creates an skeleton HTML page.
			The second page prompts for nessary information such as file 
			location as well as non-nessary information such as title and author.
			It also asks if you want to use a template. If you want to use a template
			check the chekbox and click the browse button to find the template. On the next page you
			can set the base colors for the page (such as background color and link colors). After that you have your skeleton page.
		</para>
	</sect2>
	<!-- =============SSI============================= --> 
	<sect2 id="window-ssi">
	<title>SSI Wizard</title>
		<figure id="ssishot">
  			<title>SSI Wizard</title>
  				<screenshot>
   				<screeninfo>SSI Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/ssi" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Server Side Include Wizard creates server side includes.
			Fill out the textboxes in the specific group you need and click apply for that group.
			When you are done click the close button in the lower right. 
		</para>
		<note>
			<para>
			Note: In order for Server Side Includes to work your server must support them!
			</para>
		</note>
	</sect2>
	<!-- =============Table============================= --> 
	<sect2 id="window-table">
	<title>Table Wizard</title>
		<figure id="tableshot">
  			<title>Table Wizard</title>
  				<screenshot>
   				<screeninfo>Table Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/table" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Table Wizard creates HTML tables.
			Fill out the textboxes you need and when 
			you are done click the ok button in the lower left. 
		</para>
	</sect2>
		<!-- =============Site Template============================= --> 
	<sect2 id="window-sitetemplate">
	<title>Site Template Wizard</title>
		<figure id="sitetemplateshot">
  			<title>Site Template Wizard</title>
  				<screenshot>
   				<screeninfo>Site Template Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/sitetemplate" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Site Template Wizard creates a file and directory structure saved into a
			Screem specific file. Screem can use this file along with page templates to create
			a large site skeleton very quickly. When you open up the wizard you see a wizard
			similar to the CSS wizard. Click on the new file icon to create a new site structure
			then fill in the information on the right and click add when ready. If you want to create
			subfiles or subdirectories click on the parent directory under which you want the child
			and click add. When you have completed the site structure be sure to save it. If 
			you want to make changes to a file you can use the open button to load and make 
			changes as usual.
		</para>
	</sect2>
	<!-- =============Color============================= --> 
	<sect2 id="window-color">
	<title>Color Wizard</title>
		<figure id="colorshot">
  			<title>Color Wizard</title>
  				<screenshot>
   				<screeninfo>Color Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/color" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			The Color Wizard is a simple color dialog. You go ahead and move the color cursor to where you want.
			You can also manually enter the RGB values through sliders or textboxes. When you click okay the wizard
			produces a quoted hex value that you can use in HTML.
		</para>
	</sect2>	
	<!-- =============Frame============================= --> 
	<sect2 id="window-frame">
	<title>Frame Wizard</title>
		<figure id="frameshot">
  			<title>Frame Wizard</title>
  				<screenshot>
   				<screeninfo>Frame Wizard</screeninfo>
   				<graphic format="PNG"  fileref="figs/frame" srccredit="ME">
   				</graphic>
  				</screenshot>
 		</figure>
		<para>
			Does this actually work?
		</para>
	</sect2>

</sect1>
</article>
