ZTmStudio ,Tutoriel

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio ztmview="on">
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutoriel>
             <Introduction><![CDATA[Le site Web ztmstudio.com ou ztmos.com offre l'environnement pour:

- Lire,Editer,Sauvegarder tout fichier XML.

- Accéder à une Bibliothêque d'applications Javascript libres de droit.
 - lire, éditer et sauvegarder ces applications.
 - lire, editer et exécuter en local tout fichier  
  contenant du HTML, CSS, JAVASCRIPT et du "ZTML" .
 - Aprendre  et  Exécuter le codage HTML, CSS, JAVASCRIPT.
  
  Chaque application se présente sous forme d'un fichier Xml commençant par "ztmstudio".
  Ce fichier "ztmstudio" est divisé en deux ensembles: "html" et "ztml".
      - "html"  contient le code HTML,Javascript et Css de l'application.
      - "ztml"  contient les données propres à l'application.

l'ensemble "html" suit   la structure du HTML et on y trouve 
   les données  du head du css et du  body sous forme de données encapsulées 
   dans des CDATA.

l'ensemble "ztml" est une  structure Xml que l"application utilise comme
   une base de données interne.Elle peut contenir des données sous formes
   Xml, Json, Javascript et... dans des CDATA.
      
Pour conserver la structure Xml, l'édition l'exécution et la sauvegarde 
se fait avec le module "ZTmReader".

Aucun fichier temporaire n'est conservé sur le site.

La structure d'un fichier "ztmstudio" est:

ztmstudio       structure  sous forme xml
  ztml 
      CDATA ... base de données de l'application 
  html     structure html 
   head
      CDATA ... données head   meta link ...
      script
        CDATA ... données javascript ...
      style
        CDATA ... données css ...
   body
      CDATA ... données html  ...

Structure html

html
  head
  données head  
    donnés meta link etc..
    script
    données javascript 
    style
    données css 
  body              Données html 
    div id=ztml   container des données ztml
       textarea    données ztml en format string

]]>
               <Boutique><![CDATA[La Boutique donne accés directement à toutes les applications HTML 
résultat de la transformation du fichier XML en code HTML.

Vous pouvez:
 
  - Exécuter l'application dans une nouvelle page de votre navigateur an 
     utisant l'Icône "R" en tête de page.

- Créer dans une nouvelle page du navigateur une copie en format XML del'application
     en utilisant l'icône XML en tête de page et ensuite enregistrer le fichier XML 
	 sur votre disque local pour utilisation et modification avec "ZTmReader".	
	 ]]>
</Boutique>
               <Studio><![CDATA[Vous pouvez pour toutes les Aplications:
 
  - Exécuter l'application dans une nouvelle page de votre navigateur an 
     utisant l'Icône "R" en tête de page.

- Créer dans une nouvelle page du navigateur une copie en format XML del'application
     en utilisant l'icône XML en tête de page et ensuite enregistrer le fichier XML 
	 sur votre disque local.

- La copie peut être lue, éditée, sauvegardée et exécutée en local avec "ZTmReader".
	 
 ]]>
</Studio>
               <ZTmReader><![CDATA["ZTmReader" permet de lire, éditer et sauvegarder
tout fichier XML local au PC ou au  Mobile.

"ZTmReader" permet de lire, éditer, exécuter et sauvegarder tout fichier XML
de structure "ZTML". Voir l'introduction.
]]>
</ZTmReader>
</Introduction>
</Tutoriel>
</Tutor>
</fr>
       <de>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutorial>
             <Introduction><![CDATA[The website ztmstudio.com or ztmos.com offers the environment to:

- Access a Library of free Javascript applications.
- read, edit and save any ZTML file.
- read, edit and execute locally any ZTML file
containing HTML, CSS, JAVASCRIPT and "ZTML".
- Learn HTML, CSS, JAVASCRIPT coding

The "ZTML" format file is an XML file containing HTML, Javascript, Css
and ZTML data specific to the Application. The ZTML data is an XML substructure
of the ZTML file.

The HTML format follows the structure of HTML as much as possible

The data of the body, head and css are encapsulated in XML CDATA.

The source code of each application is available in XML format.

To preserve the Xml structure, saving and execution
is necessarily done through the site.

No temporary files are kept on the site.

The structure of a "ZTML" file is:

ztmstudio structure in XML form
ztmstudio       structure  sous forme xml
  ztml 
      CDATA ... données de l'application 
  html     structure html s
   head
      CDATA ... data head   meta link ...
      script
      CDATA ... data javascript ...
      style
      CDATA ... data css ...
   body
      CDATA ... data html  ...

ZTmstudio will produce an HTML file that contains the entire HTML part
of the ZTML file and in addition the source of the original ZTML file incorporated in a (textarea in the form xml.

Embedding the source of the ZTML file allows the application to access and modify all the information
specific to the application. The ztml part of the ZTML file replaces
a server's database.

The application can then generate a new ZTML file with the new data with the help of
the site.

html
head
head data
meta link data etc..
script
javascript data
style
css data
body html data
div id=ztml container of the ztml data
textarea ztml data in xmltostring format]]>
               <Boutique><![CDATA[You can for all Applications:

- Run the application in a new page of your browser by

using the "R" icon at the top of the page.

- Create in a new page of the browser a copy in XML format of the

application by using the XML icon at the top of the page and then save the XML file

on your local disk.]]>
</Boutique>
               <Studio><![CDATA[You can for all Applications:

- Edit, modify, save and run a copy of the application.

- Run the modified code in the same page with the "J" icon at the top of the page.

- Run the application in a new page of your browser using the "R" icon at the top of the page.

- Create in a new page of the browser a copy in XML format of the application using the XML icon at the top of the page and then save the XML file on your local disk.
 ]]>
</Studio>
               <ZTmReader><![CDATA["ZTmReader" allows you to read and edit the "ztmstudio" file
and store it in memory in the form of a “DOM” document.

Then it incorporates all the "html" data into memory and run
the application in the browser.

During execution the application can use the data and modify it
and at the end download them in the form of a new “ztmstudio” file
containing the new "ztml" data and the unchanged "html" for a new cycle.]]>
</ZTmReader>
</Introduction>
</Tutorial>
</Tutor>
</de>
       <sp>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutorial>
             <Introduction><![CDATA[The website ztmstudio.com or ztmos.com offers the environment to:

The "ZTML" format file is an XML file containing HTML, Javascript, Css
and ZTML data specific to the Application. The ZTML data is an XML substructure
of the ZTML file.

The HTML format follows the structure of HTML as much as possible

The data of the body, head and css are encapsulated in XML CDATA.

The source code of each application is available in XML format.

To preserve the Xml structure, saving and execution
is necessarily done through the site.

No temporary files are kept on the site.

The structure of a "ZTML" file is:

ZTmstudio will produce an HTML file that contains the entire HTML part
of the ZTML file and in addition the source of the original ZTML file incorporated in a (textarea in the form xml.

Embedding the source of the ZTML file allows the application to access and modify all the information
specific to the application. The ztml part of the ZTML file replaces
a server's database.

The application can then generate a new ZTML file with the new data with the help of
the site.

- Run the application in a new page of your browser by

using the "R" icon at the top of the page.

- Create in a new page of the browser a copy in XML format of the

application by using the XML icon at the top of the page and then save the XML file

on your local disk.]]>
</Boutique>
               <Studio><![CDATA[You can for all Applications:

- Edit, modify, save and run a copy of the application.

- Run the modified code in the same page with the "J" icon at the top of the page.

- Run the application in a new page of your browser using the "R" icon at the top of the page.

Then it incorporates all the "html" data into memory and run
the application in the browser.

During execution the application can use the data and modify it
and at the end download them in the form of a new “ztmstudio” file
containing the new "ztml" data and the unchanged "html" for a new cycle.]]>
</ZTmReader>
</Introduction>
</Tutorial>
</Tutor>
</sp>
       <kr>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutorial>
             <Introduction><![CDATA[The website ztmstudio.com or ztmos.com offers the environment to:

The "ZTML" format file is an XML file containing HTML, Javascript, Css
and ZTML data specific to the Application. The ZTML data is an XML substructure
of the ZTML file.

The HTML format follows the structure of HTML as much as possible

The data of the body, head and css are encapsulated in XML CDATA.

The source code of each application is available in XML format.

To preserve the Xml structure, saving and execution
is necessarily done through the site.

No temporary files are kept on the site.

The structure of a "ZTML" file is:

ZTmstudio will produce an HTML file that contains the entire HTML part
of the ZTML file and in addition the source of the original ZTML file incorporated in a (textarea in the form xml.

Embedding the source of the ZTML file allows the application to access and modify all the information
specific to the application. The ztml part of the ZTML file replaces
a server's database.

The application can then generate a new ZTML file with the new data with the help of
the site.

- Run the application in a new page of your browser by

using the "R" icon at the top of the page.

- Create in a new page of the browser a copy in XML format of the

application by using the XML icon at the top of the page and then save the XML file

on your local disk.]]>
</Boutique>
               <Studio><![CDATA[You can for all Applications:

- Edit, modify, save and run a copy of the application.

- Run the modified code in the same page with the "J" icon at the top of the page.

- Run the application in a new page of your browser using the "R" icon at the top of the page.

Then it incorporates all the "html" data into memory and run
the application in the browser.

During execution the application can use the data and modify it
and at the end download them in the form of a new “ztmstudio” file
containing the new "ztml" data and the unchanged "html" for a new cycle.]]>
</ZTmReader>
</Introduction>
</Tutorial>
</Tutor>
</kr>
       <cn>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutorial>
             <Introduction><![CDATA[The website ztmstudio.com or ztmos.com offers the environment to:

The "ZTML" format file is an XML file containing HTML, Javascript, Css
and ZTML data specific to the Application. The ZTML data is an XML substructure
of the ZTML file.

The HTML format follows the structure of HTML as much as possible

The data of the body, head and css are encapsulated in XML CDATA.

The source code of each application is available in XML format.

To preserve the Xml structure, saving and execution
is necessarily done through the site.

No temporary files are kept on the site.

The structure of a "ZTML" file is:

ZTmstudio will produce an HTML file that contains the entire HTML part
of the ZTML file and in addition the source of the original ZTML file incorporated in a (textarea in the form xml.

Embedding the source of the ZTML file allows the application to access and modify all the information
specific to the application. The ztml part of the ZTML file replaces
a server's database.

The application can then generate a new ZTML file with the new data with the help of
the site.

- Run the application in a new page of your browser by

using the "R" icon at the top of the page.

- Create in a new page of the browser a copy in XML format of the

application by using the XML icon at the top of the page and then save the XML file

on your local disk.]]>
</Boutique>
               <Studio><![CDATA[You can for all Applications:

- Edit, modify, save and run a copy of the application.

- Run the modified code in the same page with the "J" icon at the top of the page.

- Run the application in a new page of your browser using the "R" icon at the top of the page.

Then it incorporates all the "html" data into memory and run
the application in the browser.

During execution the application can use the data and modify it
and at the end download them in the form of a new “ztmstudio” file
containing the new "ztml" data and the unchanged "html" for a new cycle.]]>
</ZTmReader>
</Introduction>
</Tutorial>
</Tutor>
</cn>
       <en>
         <title><![CDATA[Tutoriel]]>
</title>
         <srchlp><![CDATA[Help]]>
</srchlp>
         <Tutor>
           <Tutorial>
             <Introduction><![CDATA[he website ztmstudio.com or ztmos.com offers the environment to:

- Read, Edit, Save any XML file.

- Access a Library of free Javascript applications.
- read, edit and download these applications.
- execute locally if contains HTML, CSS, JAVASCRIPT and "ZTML".
- Learn and Execute HTML, CSS, JAVASCRIPT coding.

Each application "Javascript" is an Xml file starting with "ztmstudio".
This "ztmstudio" file is divided into two sets: "html" and "ztml".
- "html" contains the HTML, Javascript and Css code of the application.
- "ztml" contains the data specific to the application.

the "html" set follows the structure of HTML and we find there
the data of the head of the css and the body in the form of data encapsulated
in CDATA.

the "ztml" set is an Xml structure that the application uses as
an internal database. It can contain data in Xml, Json, Javascript and... forms in CDATA.

To keep the Xml structure, editing, execution and saving is done with the "ZTmReader" module.

No temporary files are kept on the site.

The structure of a "ztmstudio" file is:

ztmstudio structure in xml form
ztml
CDATA ... application database
html html structure
head
CDATA ... head data meta link ...
script
CDATA ... javascript data ...
style
CDATA ... css data ...
body
CDATA ... html data ...

html structure

html
head
head data
meta link data etc..
script
javascript data
style
css data
body html data
div id=ztml container of ztml data
textarea ztml data in string format]]>
               <Boutique><![CDATA[You can for all Applications:

- Run the application in a new page of your browser

If you want to download the XML format of the application
use the page "ZTm studio". ]]>
</Boutique>
               <Studio><![CDATA[You can for all Applications:

- Edit, modify, save and run a copy of the application.

- Run the modified code in the same page with the "J" icon at the top of the page.

- Download the XML application in a new page of your browser using the "<>" icon .
]]>
</Studio>
               <ZTmReader><![CDATA["Xml Editor" allow you to read and edit and save any Xml file

If the XMl file contains Html code (head,javacript,css,body)
Xml Editor can run this application.

]]>
</ZTmReader>
</Introduction>
</Tutorial>
</Tutor>
</en>
</lang>
</ztml>
   <html onload="ZTm();">
     <head><![CDATA[<title>ZTmStudio ,Tutoriel</title>
  <meta charset=utf-8 >
  <meta name=viewport id=viewport content="width=device-width, user-scalable=no" >   
  <meta name=description content="jZTmStudio Tutoriel">
  <link rel="canonical" href="https://ztmstudio.com" />  
  <link rel="stylesheet" href="https://ztmstudio.com/ZTmOs.css" type="text/css" media="screen"/>  
  <link rel="icon" href="https://ztmstudio.com/Icon/ztmos.png" type="image/x-icon"/>
  <script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>
  ]]>
       <style><![CDATA[body {
    font-family: 'Roboto', sans-serif; /* Police utilisée dans Android */
    background-color: #f5f5f5; /* Couleur de fond douce */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: ;
    align-items: center;
    height: 100%;  /* Hauteur de l'écran */
}

/* Conteneur principal */
.android-container {
    background-color: #ffffff; /* Fond blanc pour le texte */
    border-radius: 12px; /* Coins arrondis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre légère */
    padding: 20px;
    max-width: 90%;
    text-align: ;
}
/* Style du texte */
.android-text {
    color: #212121; /* Couleur sombre pour le texte */
    font-size: 18px;
    line-height: 1.6;
}]]>
</style>
       <script><![CDATA[function  callx (event) 	{ 
 var div=ZTmEvent(event).target;
 //alert(div.className);
        if (div.nodeName=='IMG'){//alert("i"+div.nodeName);
	     if(/window-x/.test(div.src)) ZTmMain.ztmview.clear();
	}			
	if (event.type =='click' && div.nodeName=='TD') 
	{
	if(/ztmtitle/.test(div.className)) {ZTmHlpRun();}
    }
}
function ZTm(){
window.onerror = (message, source, lineno, colno, error) => {
			alert(	"Error in javascript:"+ message);
   }
ZTmlInit();
ZTmView();
ZTmLang="xx";
var node = ZTmlDoc.getElementsByTagName(ZTmLang);	
if(node.length==0) ZTmLang="en";
var node = ZTmlDoc.getElementsByTagName(ZTmLang);	
var node = node[0].getElementsByTagName('Tutor');
ZTmMain.ztmview = ZTmMain.create();
ZTmMain.ztmview.title=ZTmValueTag(ZTmlDoc,ZTmLang,'title');
ZTmMain.ztmview.srchlp=ZTmValueTag(ZTmlDoc,ZTmLang,'srchlp');
ZTmMain.ztmview.create(); 
ZTmMain.ztmview.icon='wx';ZTmicons.create();
ZTmMain.ztmview.icon='zt';ZTmicons.createbox1();
//ZTmMain.ztmview.corps.innerHTML=doc;
//alert(ZTmLang);
var stu1= document.createElement('DIV');
ZTmMain.ztmview.corps.appendChild(stu1);
stu1.innerHTML="<a href='https://ztmstudio.com'>ztmstudio.com</a>";
var stu2= document.createElement('DIV');
ZTmMain.ztmview.corps.appendChild(stu2);
stu2.innerHTML=" ";
var corps=document.createElement('DIV');
ZTmMain.ztmview.corps.appendChild(corps);
var pm=0;up=0;
ZTmmenuOpen(node[0],corps,pm,up);
var lev=3;
ZTmclkmoins(corps.firstChild);
ZTmclkmin1(corps.firstChild);
ZTmMain.ztmview.box2.onclick=callx;
ZTmMain.ztmview.corps.onclick=ZTmcalTree;

}	
]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[]]>
</body>
</html>
</ztmstudio>