Content, structure and formatting

Doc/Tdoc/general.xml

@@ -26,12 +26,14 @@
     <section xml:id="tdocSectContentStructureFormat">
       <title>Separating concerns</title>
 
+      <para>Document dimensions:</para>
+
       <glosslist>
         <glossentry>
           <glossterm>Content</glossterm>
 
           <glossdef>
-            <para>Words, images,...</para>
+            <para>Words, images, audio / video</para>
           </glossdef>
         </glossentry>
 
@@ -39,7 +41,7 @@
           <glossterm>Structure</glossterm>
 
           <glossdef>
-            <para>Sections, Tables, Lists</para>
+            <para>Chapters / sections, tables, lists</para>
           </glossdef>
         </glossentry>
 
@@ -47,11 +49,57 @@
           <glossterm>Format</glossterm>
 
           <glossdef>
-            <para>CSS Styling,...</para>
+            <para>Physical formatting (boldface, text size/color, ...)</para>
           </glossdef>
         </glossentry>
       </glosslist>
     </section>
+
+    <section xml:id="tdocSectContent">
+      <title>Content</title>
+
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="Ref/Screen/darwin.png"/>
+        </imageobject>
+      </mediaobject>
+    </section>
+
+    <section xml:id="tdocSectStructureTree">
+      <title>Hierarchical structure</title>
+
+      <para><mediaobject>
+          <imageobject>
+            <imagedata fileref="Ref/Screen/structureTree.png"/>
+          </imageobject>
+        </mediaobject></para>
+    </section>
+
+    <section xml:id="tdocSectStructureXml">
+      <title>Hierarchical structure, XML</title>
+
+      <para><mediaobject>
+          <imageobject>
+            <imagedata fileref="Ref/Screen/structureXml.png"/>
+          </imageobject>
+        </mediaobject></para>
+    </section>
+
+    <section xml:id="tdocSectFormat">
+      <title>Format</title>
+
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="Ref/Screen/html5CssExample.png"/>
+        </imageobject>
+      </mediaobject>
+
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="Ref/Screen/html5CssExampleRender.png"/>
+        </imageobject>
+      </mediaobject>
+    </section>
   </section>
 
   <section xml:id="tdocSectBuildingBlocks">