Crea capítulos con estilo

Este documento es una guía de como utilizar algunas clases (en el codigo HTML) que te pueden ser de utilidad para la generación de manuales.
De esta forma podemos destacar de una manera especial: lineas de comandos, capturas de pantalla, cajas de texto, etc.

Images / Imagenes

Photo

Para enmarcar las imagenes que son fotos usaremos la clase photo.

<img src="filename.png" alt="" class="photo" />

Screenshot

Las imagenes que son capturas de pantalla usan la clase screenshot.
Si etiquetamos una imagen con la clase screenshot, esta mostrarà un marco para indicar-nos que es una imagen fija dentro del texto. Esto ayuda a que los usuarios no la confundan con un elemento con el que puedan interactuar.

<img src="filename.png" alt="" class="screenshot" />

Text / Textos

Vamos a ver algunas clases para enriquecer testo.

Prompt

La clase promt se usa para escribir entradas por teclado.

delete *.*

Boxes / Cajas

Este es un ejemplo de los estilos de cajas que puedes aplicar a tus capítulos.

DocBook tags

Estas son los tipos de cajas definidos por el estandard DocBook:

This is a caution box.

<div class="caution">
This is a caution box.
</div>

This is a important box.

<div class="important">
This is a important box.
</div>

This is a note box.
<div class="note">
This is a important box.
</div>

This is a tip box.
<div class="tip">
This is a tip box.
</div>

This is a warning box.
<div class="warning">
This is a warning box.
</div>

JavaScrip windows

Estas son los tipos de avisos definidos por JavaScript:

This is a alert box.

Computing manuals boxes

Estas son los tipos de cajas utilizables en manuales informáticos:

This is a shortcut box.
This is a mouse box.

General manuals boxes

Cajas para definir contenidos con ejercicios práctricos:

This is a exercice box.


<div class="exercice">
This is a exercice box.
</div>