Mis Tareas

Crea tu Ayuda HTML paso a paso

1

CREANDO AYUDAS HTML (Archivos CHM)
Para crear archivos de ayuda CHM de tipo HTML, utilizamos el programa HTML Help
WorkShop de Microsoft, que viene con Visual Fox, además Microsoft WORD o Microsoft
Front Page para crear los archivos HTML.
Procedimiento
1. Crear los archivos HTML
•
•

Abra Front Page y crea para el ejemplo 3 archivos HTML (si estatrabajando
con WORD guardar como pagina web)
El primer archivo guarde como “index.htm”

• El segundo como “instalación.htm”
• Y el tercero como “apoyo.htm”
Todos los archivos deben de estar en una misma carpeta.
2. Creando los hipervínculos
•

Active la ventana index.htm y proceda crear los hipervínculos que enlazarán a
las paginas web instalación.htm y apoyo.htm
• Seleccione el primertexto (instalación) clic en botón derecho y elija como
hipervínculo instalación.htm.
• Repita el mismo paso para crear el hipervínculo con apoyo técnico y guarde los
cambios.
Para el ejemplo estamos utilizando el Front Page, en el caso de utilizar WORD los pasos
son similares con la diferencia que debe guardarse como pagina web.

Héctor Quiñones D

Crea tu Ayuda HTML paso a paso

23. Utilizando el programa HTML Help WorkShop
•

Proceda a crear el archivo proyecto(*.hhp), elija Project.

•

En la primera pantalla nos indica si deseamos convertir un archivo HLP
(antiguo) a CHM, para nuestro caso no active la casilla.
En la segunda pantalla nos permite seleccionar el lugar en donde guardar el
archivo HHP, seleccione el mismo directorio en donde creo los archivos HTMLy guarde como miayuda.hhp
En ala tercera pantalla nos pide especificar si deseamos incluir archivos de
contenido (*.HHC), archivos de indice (*.HHK) y archivos html (*.HTM), para
nuestro caso no active ninguna casilla y haga clic en siguiente y finalizar.
AL finalizar se mostrara la pantalla siguiente.

•
•
•

Héctor Quiñones D

Crea tu Ayuda HTML paso a paso

3

4. Cambiando laspropiedades del proyecto
•

Haga clic en el botón
add/Remove topic files y proceda a agregar los
archivos HTML que a creado.

•

Haga clic en el botón
Change projet Options y Escriba en title Mi ayuda,
seleccione el lenguaje y default file index.htm
Guarde los cambios.

•

Héctor Quiñones D

Crea tu Ayuda HTML paso a paso

4

5. Generando y visualizando el archivo CHMcompilado
•

Compile el proyecto, haga clic en el botón
archivo en el mismo directorio del proyecto.

•

View compiled file, por defecto debe seleccionar
Haga clic en el botón
Miayuda.CHM recién compilado, si no es así seleccione y podrá visualizar la
ayuda creada.

compile HTML files. Guarde el

6. Insertando páginas en la tabla de contenido
•
•

Haga clic en la ficha Contents, siesta ingresando por primera vez le pedira
crear una nueva tabla de contenido. Seleccione Create a new contents file.
Guárdelo como Tablacontenido, en el mismo directorio del proyecto.

Héctor Quiñones D

Crea tu Ayuda HTML paso a paso

•

5

Puede cambiar las propiedades de las tablas de contenido, haga clic en el botón
Contents properties y active o desactive use fólder instead ofbooks, par
mostrar el libro

.

7. Insertando encabezados en la Tabla de contenido
•

Insert a heading, y escriba Principal en el cuadro de texto
Haga clic en
Entry title, luego acepte.

8. Insertando páginas en la tabla de contenido.
•
•

•
•

Insert page, le mostrara el mensaje, (Usted quiere
Haga clic en el boton
insertar esta entrada al principio de la tabla de contenido),elija No.
Escriba Mi aplicación en el cuadro de texto Entry file, luego haga clic en el
botón Add (seleccione el archivo que vincula a esta página) seleccione
(index.htm) si usted puso un nombre diferente en el archivo HTML le mostrara
este encabezado, seleccione y acepte.
Siguiendo los mismos pasos inserte cabecera y paginas hasta conseguir una
ventana como esta (cada pagina debe estar...