diff --git a/doc/kimagemapeditor/Makefile.am b/doc/kimagemapeditor/Makefile.am new file mode 100644 index 00000000..e97402c7 --- /dev/null +++ b/doc/kimagemapeditor/Makefile.am @@ -0,0 +1,2 @@ +KDE_DOCS = AUTO +KDE_LANG = en diff --git a/doc/kimagemapeditor/configure.png b/doc/kimagemapeditor/configure.png new file mode 100644 index 00000000..a90a70e7 Binary files /dev/null and b/doc/kimagemapeditor/configure.png differ diff --git a/doc/kimagemapeditor/index.docbook b/doc/kimagemapeditor/index.docbook new file mode 100644 index 00000000..e9d320d7 --- /dev/null +++ b/doc/kimagemapeditor/index.docbook @@ -0,0 +1,153 @@ + + KImageMapEditor"> + + + + +]> + +
+ + +The &kimagemapeditor; Handbook + + + +Jan +Schäfer + +&tde-authors; + + + + +2007 +Jan Schäfer + + +&tde-copyright-date; +&tde-team; + + +&tde-release-date; +&tde-release-version; + + + +&kimagemapeditor; is an &HTML; image map editor for &tde;. + + + + +TDE +image map editor +image map +usemap +tdewebdev +html + + +&underFDL; + + + + + + + +&kimagemapeditor; is an &HTML; image map editor for &tde; that helps create and modify &HTML; image maps. + + + +Here's a screenshot of &kimagemapeditor; + + + + + + Screenshot + + + + &kimagemapeditor; main window. + + + + + +A common use case is a world map where each country is an image map. +By clicking on a country in the map you can open a link to the selected +country. + +Creating an image map requires the following steps: + +Load an image file (png, +jpg, gif) +or a &HTML; file from your disk or drag into the image area. When multiple images are loaded, +then select the desired image from the Images list tab in the docker. + +Add a image map using MapNew +Map from the menu and enter a map name. + +Now the Tools menu is enabled. Select the appropriate geometric +shape like Circle, +Rectangle, Polygon or +Freehand Polygon and define a clickable area in +the image. + +The Area Tag Editor dialog is displayed. On the General +tab enter the attributes HREF (a link's target &URL;), Alt.Text, +Target and Title. + +The Coordinates tab shows the geometric data of the shape. +Editing the value allows you to adjust size and position on the image as your changes +are immediately visible in the image. Size and position can be altered using the mouse +as well. + + + +To open the Area Tag Editor dialog for an already defined +image map use Properties from the Edit +menu or the context menu of the region. + +Use MapShow HTML +to view the generated &HTML; code of the map. + +Next open ImageEdit Usemap... +and enter the map name as usemap value. Save your work with File +Save. Open the &HTML; file in &konqueror; to verify that +the image map is working as expected. + + + + Configuration options of &kimagemapeditor; can be accessed by opening the configuration dialog with selecting Settings Configure &kimagemapeditor;... from the menu. + + +Configuration dialog of &kimagemapeditor; + + + + + + Configuration dialog of &kimagemapeditor; + + + + Configuration dialog of &kimagemapeditor;. + + + + + + + +
diff --git a/doc/kimagemapeditor/mainwindow.png b/doc/kimagemapeditor/mainwindow.png new file mode 100644 index 00000000..e32f7726 Binary files /dev/null and b/doc/kimagemapeditor/mainwindow.png differ diff --git a/kimagemapeditor/kimagemapeditor.desktop b/kimagemapeditor/kimagemapeditor.desktop index 77bda30e..13ac0084 100644 --- a/kimagemapeditor/kimagemapeditor.desktop +++ b/kimagemapeditor/kimagemapeditor.desktop @@ -4,6 +4,7 @@ MimeType=text/html; Exec=kimagemapeditor -caption "%c" %i %m Icon=kimagemapeditor Terminal=false +DocPath=kimagemapeditor/index.html Name=KImageMapEditor Name[ne]=केडीई छवि मानचित्र सम्पादक Name[pt_BR]=KEditor de Mapeamento de Imagem