User Guide WDK

indice
Introducción
¿Porqué Web Development Kit? 4

¿Cómo lo hace? 4
¿Para que lo hace? 5
Recomendaciones antes de usar el programa. 5
Requisitos para Mac OS 9 5
Capítulo 1
Conociendo la aplicación. 6
Instalación 7
Carpetas del programa 8
Web Development Kit 8
WDK 8
15 a 20 8
Temp 9
Contenidos publicados 15 a 20 web 9
Tipos de 10
archivo
.wdk 10
.txt 11
.jpg 11
.html 11
Capítulo 2
Conociendo la interfase 12
Ventana de Proyecto. 13
Selección del mes. 13
Elija una sección. 13
Elija una subsección. 14
Ventana de Documento 15
Images 15
Texto 15
Ventana Visor 16
Ventana Herramientas 17
Ventana Toolbox 18
Editor de texto 19
Editor de imagen 20
Web Development Kit 1.0 E. 15a20 Guía de Usuario. 2

compettenzza disegno 2003 ©
Capítulo 3
Administración de contenidos 22
Tipos de contenido 23
General 23
Test 23
Horóscopos 23
Abrir, previsualizar, guardar y borrar proyectos 24
Abrir proyecto. 24
La vista previa 24
Guardar 24
Borrar o iniciar proyecto nuevo. 25
Administrando Imágenes y globe-help. 26
Agregue imágenes a la biblioteca. 27
Activar / Desactivar imágenes para el proyecto 29
Globe-Help y título de navegación. 31
Administración de Contenidos generales 32
Administración de test 35
Administración de horóscopos. 37
Capítulo 4
Exportando al servidor 39
Contenidos Publicados. 40
Instalando la actualización en el servidor. 42
Respaldo móvil 42
Instalando contenidos en el servidor 42
Capítulo 5
Solución de problemas 44
Uso general 45
Mis cambios no se ven al exportar mi 45
proyecto.
Imágenes 45
La calidad de las fotos es muy baja al 45
previsualizar.
Aparece un cuadro flotando en lugar de una 45
foto
Texto 45
Mi texto aparece con caracteres raros 45
No puedo abrir un test 45

Web Development Kit ver 1.0
Edición 15 a 20 web.
Continuando con la labor de mantenimiento del producto 15 a
20 Web, se ha desarrollado el Web Development Kit.
El Web Development Kit le permitirá organizar y administrar

contenidos, como textos e imágenes, en todas las secciones y
subsecciones de 15 a 20 Web (exceptuando juegos), así como
realizar cambios en el formato actual de la pagina, la
distribución y apariencia de los elementos que la integran.
Este manual esta creado para guiarle paso por paso en el uso
del WDK hasta lograr su entendimiento y total dominio. El Web
Development Kit ha sido diseñado por los creadores del sitio
15 a 20, por lo que dispondrá de poderosas herramientas para
el manejo del sitio.
¿Porqué Web Development Kit?
El paquete Web Development Kit es un programa desarrollado

para llevar a cabo el diseño y administración de contenidos
web, por usuarios no expertos.
El Web Development Kit edición 15 a 20 forma parte de una

familia de productos que están diseñados con este fin, pero
que han sido adecuado a sus necesidades operativas
específicas.
¿Cómo lo hace?
El programa realiza este trabajo en dos grandes etapas, la

primera de ellas es la correspondiente al contenido y aspecto
gráfico de los contenidos, la segunda es la que se realiza al
instalar las actualizaciones directamente en el servidor.
Esto le permite sentirse a salvo de cometer posibles errores al

subir contenidos erróneos a la página en línea, delegando esta
parte del proceso de manera sencilla, para poder ser llevada a
cabo por personal capacitado.

¿Para que lo hace?
El Web Development Kit trabaja por usted en la difícil parte de

codificación de los contenidos para que estos sean entendidos
por el sitio 15 a 20 web. Usted no necesita ser un experto en
computación para manejar la mayoría de las características
del programa.
Recomendaciones antes de usar el programa.
Antes de llevar a cabo la instalación del paquete, le

recomendamos observas la siguiente tabla de
especificaciones.
Asimismo es conveniente que cuente con algún programa que

le permita realizar un tratamiento previo a sus imágenes y
textos para que estos no tengan problemas de compatibilidad
en el paquete.
Las especificaciones de los archivos se trataran ampliamente

en un apartado posterior.
Requisitos para Mac OS 9
Procesador G3
Espacio en disco 16 MB
Memoria ram 32 MB
Sistema operativo Mac Os 9.2
Flash player 6.0 o superior
Internet Explorer 4.5 o superior
Reproductor Quicktime Player versión 6.0 o superior
Requisitos para Mac OS X Jaguar
Procesador G4
Espacio en disco 16 MB
Memoria ram 64 MB
Sistema operativo Mac Os X 10.2 Jaguar
Flash player 6.0 o superior
Internet Explorer 5.0 o superior
Reproductor Quicktime Player versión 6.0 o superior

Capítulo 1 Conociendo la aplicación.
En este capítulo usted conocerá como instalar el programa en

su equipo, y podrá tener un mayor acercamiento con los
archivos y carpetas que conforman el programa.
Los temas abarcados son lo siguientes:
contenido
· Instalación
· Carpetas del programa
· Tipos de archivo

Para instalar el paquete WDK inserte el CD de instalación en
Instalación su unidad de CD y copie la carpeta “Web Development Kit” en
su carpeta documentos. Este será el lugar donde residirá la
aplicación.
Dentro de esta carpta encontrará los siguientes archivos y

directorios “web development kit os 9”, “wdk”, “temp.”,
“imgLibrary” ,“15a20”, y “leeme.txt” .
No deberá
mover esta
carpeta de sus
documentos.
Estas carpetas son usadas por el programa por lo que usted

solamente necesita arrastrar el alias Web Development Kit Os
9 a su lugar de preferencia. Asimismo el archivo leeme detalla
esta misma información para que cualquiera que llegue a esta
carpeta conozca como operarla.

Carpetas del programa
Para su operación la aplicación emplea las siguientes

carpetas:
Web Development Kit
Es la carpeta principal, deberá residir en su carpeta

documentos, dentro de ella encontrará 4 directorios:
“wdk”, “temp.”, “imglibrary” y “15a20” .
estos nunca deberán ser alterados o manipulados sin una

debida instrucción
También en esta carpeta encontrará un alias que podrá

arrastrar al lugar de su preferencia para poder iniciar de
manera más cómoda la aplicación (en caso de fallar cree uno).
WDK
Esta es la carpeta en donde se aloja el programa, en su

interior encontrará el archivo ejecutable desde el cual podrá
crear alias para su más rápido acceso.
Es fundamental para poder ejecutar el programa.
15 a 20
Es donde habitan las carpetas de cada uno de los meses,

secciones y subsecciones con los archivos de imagen y texto
de cada actualización.
Dicho de otro modo es una copia idéntica de las carpetas que

se encuentran en línea pero dispuestas para que el programa
trabaje sobre ellas de manera independiente y pueda trabajar
offline sin arriesgar la integridad del sitio en línea. Es en cierto
modo el “directorio de trabajo”.

Temp
En esta carpeta se ejecutan los archivos de texto e imagen

con los que trabaja la vista previa
ImgLibrary
Es donde la aplicación guarda las imágenes que se van

integrando a su biblioteca de imágenes.
Contenidos publicados 15 a 20 web
Esta carpeta se generara cada vez que exporte un proyecto

mensual, se ubica en el escritorio y en su interior encontrará
organizados todos los proyectos mensuales que ha exportado
con anterioridad.
Dentro de cualquiera de estas carpetas reside un archivo de

instrucciones para que el administrador del servidor instale la
carpeta en la página web

Tipos de archivo
La aplicación procesa principalmente cuatro tipos de archivos:
.wdk
.txt
.jpg
.html
Estos se pueden encontrar dentro de las carpetas y

subcarpetas de trabajo o de publicación
.wdk
Ejemplo: Los archivos .wdk son archivos de proyecto que trabajan
directamente con la aplicación, en ellos se controla el numero
sec=en%20
esta%20edici
de archivos de texto (txt) e imagen (img) y llevan en su nombre
%C3%B3n%2 un numero que revela la subsección.
E%2E%2E&
col=0xE0F5FE Esta información está codificada en el formato URLencoded
&imgN=2 para mantener un intercambio multiplataforma y de lenguaje,
&txtN=2 que asegure que todos los caracteres no alfanuméricos
&X3D=200 estándar se muestren adecuadamente en todos los equipos.
&Y3D=100
&n=-1

.txt
Estos archivos cumplen con dos importantes funciones según

su contexto.
Cuando van acompañados de un nombre descriptivo como

Usted solo “instrucciones” , su función es proveer de información.
podrá trabajar
con los archivos En caso contrario, si tienen un nombre como 01txt1.txt forman
como texto parte del sistema de codificación de los contenidos. El nombre
plano o sin tiene la siguiente forma y significación:
formato.
AAtxtB.txt
Donde AA representa el código de subsección que podrá ver

más adelante y B indica el número de texto de esa subsección,
por ejemplo 01txt1.txt, nos indica la subsección 1 número de
texto 1.
.jpg
*los archivos jpg Los archivos .jpg controlan las imágenes de las subsecciones
deberán ser
proyecto.
optimizados
previamente sin
compresión El nombre tiene la siguiente forma y significación:
progresiva y no
deberáan estar AAimgB.jpg
dañados, de lo
contrario no se Donde AA representa el código de subsección que podrá ver más
podrán emplear adelante y B indica el número de imagen de esa subsección, por
por el
ejemplo 01img1.jpg, nos indica la subsección 1 número de imagen 1.
programa.
.html
En el visor de estadísticas de 15a20.com.mx generado por el

Estos archivos programa webalizer de clic sobre estos archivos para saber a
únicamente son que subsección se refiere.
empleados con
la finalidad de
poder Su nombre nos indica su código de subsección de la siguiente
contabilizar la manera:
cantidad de
veces que una AA.html
sección es Donde AA corresponde al identificador de subsección que
visitada. representa.

Capítulo 2 Conociendo la interfase
En este capítulo cubriremos sin entrar a detalle, la

funcionalidad de las diversas ventanas de herramientas que
conforman el paquete.
Esto dará pauta a un posterior avance en su uso.
contenido
· Ventana de proyecto
· Ventana de documento
· Ventana visor
· Ventana de herramientas
· Ventana toolbox
· Editor de textos
· Editor de imágenes

Ventana de Proyecto.
En el WDK se entiende por proyecto a la administración de las

carpetas de una subsección determinada o a la totalidad de
secciones que conforman un mes administrado.
Es decir un proyecto corresponde, por ejemplo, a la

subsección “tips de belleza”, que también forma parte del
proyecto de mes “noviembre”.
Por lo tanto al iniciar el WDK se le pedirá que elija un proyecto

de arranque a través de la ventana “Proyecto en WDK 1.0” en
la cual deberá seguir los siguientes pasos que son los que
seguirá siempre que quiera iniciar un proyecto .
Selección del mes.
Este corresponderá al mes sobre el cual desee actualizar
Elija una sección.
En este caso la sección se refiere a alguna de las categorías

temáticas del sitio, donde se encuentra la subsección que
desea actualizar.

Elija una subsección.
Por último elija la subsección en la cual desea iniciar a

trabajar.
Con esto ya solo será necesario dar clic en el botón “abrir

proyecto”, con lo que el programa buscará y mostrará en caso
de encontrarlo, el último proyecto de contenido para esa
subsección, o de lo contrario iniciará desde una plantilla
abrir proyecto nueva.
En caso de que desee eliminar el contenido actualmente en

uso, en el menú archivo de clic en “Nuevo” o presione
comando + N para un acceso directo a la función.

Ventana de Documento
En el centro se desplegará la ventana “documento” en la cual

se observa el dummie de la subsección actual y contiene los
campos de texto e imagen, los cuales pueden modificarse con
las herramientas y los editores.
Tome nota de que el título de esta ventana indica el proyecto

de subsección actual de la forma
Documento + subsección + en + categoría + para + mes
Ejemplo:
El título de esta
ventana le
permitirá
mantenerse al
tanto de lo que
modifica.
Images
Este botón le permite acceder a las imágenes contenidas

dentro de este proyecto, al dar clic en el automáticamente se
desplegara el visor apropiado para mantenerle al tanto de su
contenido.
Texto
Estos botones le permiten acceder a las propiedades de cada

uno de los campos de texto dentro del proyecto.
Al dar clic sobre ellos se desplegará automáticamente el visor

apropiado.
Ventana Visor
La ventana “visor” muestra una vista previa del campo

señalado, en él se puede previsualizar texto e imágenes
ajustando su aspecto de acuerdo con el campo en el que se
trabaje.
El visor únicamente le permite ver una vista previa del campo

seleccionado, debe dar clic en el botón de edición para abrir el
editor apropiado.
A continuación una vista cuando el campo seleccionado es de

texto
El botón editar texto abrirá automáticamente el editor

apropiado para que modifique el aspecto del campo actual.
A continuación una vista cuando el campo seleccionado es de

imagen
campo
En este caso deberá elegir alguno de los cinco espacios

disponibles que corresponden al máximo de imágenes que
puede agregar por proyecto de subsección.
“Editar la imagen” abrirá el editor apropiado para cambiar la

propiedad del campo de imagen seleccionado.

Ventana Herramientas
La ventana “herramientas” cambia su configuración y sus

funciones de acuerdo con la subsección en la que se trabaje.
La ventana puede tener los siguientes aspectos:
Por ejemplo, en subsecciones generales (como notimoda, tips

de belleza,de 15 a 20 cosas, etc.) la ventana “herramientas” le
permitirá cambiar el orden de los elementos del dummie de la
subsección dando clic en cualquiera de sus opciones.
general test horoscopos
Su funcionalidad en cada modo se abordará extensamente en

capítulos posteriores.

Ventana Toolbox
La ventana “Tool Box” contiene herramientas que le facilitaran

el trabajo y le darán acceso directo a funciones como editor de
texto, editor de imágenes, vista previa, exportar, guardar y
crear proyecto nuevo.
Los botones y su función se abordan a continuación:
Abrir proyecto: permite importar archivos

.wdk externos a cualquier mes, sección y
subsección que elija.
Previsualización: abre una vista previa de

la pagina en Internet Explorer
Guardar : guarda el proyecto y los cambios

realizados a este
Exportar : guarda el proyecto en una carpeta

nueva en el escritorio dentro de “contenidos
publicados 15 a 20 web”
Editor de texto: abre y cierra el editor de

texto
Editor de imagen: abre y cierra el editor de

imagen
Globe –help: edita el texto de entrada del

globe-help y el título de la subsección

Editor de texto
El editor de textos es una herramienta muy importante y fácil de

usar, contiene herramientas para ajustar tamaño de texto, color,
tipo de letra, y alineación.
Los cambios que se hagan repercutirán en el campo de texto

actualmente seleccionado y cuyo nombre aparece en la parte
central de la ventana.
También es posible realizar el cambio del color del fondo del

proyecto, modificando desde aquí su valor.
El editor de
textos solo
puede abrir
archivos de
texto plano

Editor de imagen
El editor de imagen le permite agregar imágenes a sus
proyectos.
Mediante la configuración del tamaño de esta ventana, todas

las imágenes importadas se adaptarán para embonar en esta
área y aportar uniformidad gráfica a su proyecto. Mientras
cambia de tamaño, la ventana le informará cuando no está
usando un tamaño recomendable para la importación.
De modo que si decide usar un par de imágenes puede que

desee importarlas en un tamaño mayor que si usara los cinco
espacios disponibles.
El editor de
imagen sólo
Cada vez que se agrega una nueva imagen al proyecto, esta
puede tratar pasa a formar parte de su biblioteca de imágenes y
con archivos permanecerá en ella aun después de cerrar el programa.
.jpg sin
compresión
progresiva y
previamente
tratados para
evitar que
contengan
errores en su
compresión.

Su biblioteca se listara en un espacio a la izquierda de la
ventana que además, le informará cuando una de las
imágenes, ya sea por su tamaño o inadecuada optimización
previa, tiene un “peso” que pueda causarle conflictos.
Asimismo provee de herramientas para la administración de

las imágenes que tiene en su biblioteca, para eliminarlas o
usarlas en su campo de imagen actual.

Capítulo 3 Administración de contenidos
Toca el momento de guiarle a través del proceso de

administración de contenidos.
Para ello, hemos diseñado tutores paso a paso que le

permitirán tener una excelente orientación una ves que esté
trabajando sobre su proyecto.
contenido
· Tipos de contenido
· Abrir, previsualizar, guardar y borrar proyectos
· Administrando Imágenes y globe-help.
· Administrando contenidos generales
· Administrando tests
· Administrando horóscopos

Tipos de contenido
El contenido de 15 a 20 web, se clasifica por su aspecto

gráfico en tres tipos:
1) general
2) test
3) horóscopos
General
Las subsecciones generales contienen texto e imágenes y

son la mayoría de estas las que conforman la página
(notimoda, tips de belleza, insólitos, 15 a 20 cosas, novio,
etcétera).
Test
Al final puede
encontrar una Estas subsecciones son las que están diseñadas para llevar al
tabla que usuario a través de una serie de preguntas a modo de
describe todos cuestionario de autoevaluación.
los tipos de
secciones.
Horóscopos
Esta subsección es la correspondiente a la visualización de

Predicciones astrológicas diarias en el sitio.
Cuando usted abre un nuevo proyecto, el WDK detecta y se

configura automáticamente para ofrecerle las herramientas
necesarias para cada tipo de sección.

Abrir, previsualizar, guardar y borrar proyectos
Abrir proyecto.
En general para abrir un proyecto, debe indicarle al programa,

el mes, la sección y la subsección en la que desea trabajar.
Esto lo puede hacer mediante la ventana de proyecto, que le

Más adelante da acceso directo a todo un año de proyectos administrables,
encontrará una o mediante la función abrir proyecto de la ventana toolbox que
tabla con los le permite abrir archivos de proyecto ( .wdk) desde ubicaciones
códigos que le externas al programa.
permitirán
importar
proyectos
desde
ubicaciones
externas.
La vista previa
Durante el trabajo de administración, es importante poder

previsualizar los avances, tal y como se verán en el sitio.
Para ello el Web Development Kit provee la herramienta vista

previa, que abrirá una venta de Internet Explorer desde la que
podrá ver en cualquier momento, todos los cambios que va
haciendo a su proyecto, sin necesidad de guardarlo o
exportarlo.
Esta herramienta está disponible en el menú toolbox en el

La vista previa icono “Vista Previa”.
no guarda el
proyecto, por lo
que no deberá
olvidar dar clic
en guardar
antes de
cambiar a otro.
Tampoco olvide Guardar
guardar el
proyecto antes Para guardar su proyecto de subsección actual, cuenta con
de salir del
dos opciones. Mediante el botón guardar del menú toolbox.
programa.

O mediante el menú archivo, que también puede ser accedido
con la combinación de teclas comando + s , en cuyo caso se
desplegará una ventana de confirmación de la operación.
Para evitar la ventana de confirmación es posible elegir la

opción Sobre Guardar que inmediatamente guardara sus
avances sobre la última versión existente del proyecto.
También accesible mediante las teclas opción +comando + s.
Borrar o iniciar proyecto nuevo.
Para reiniciar su proyecto de subsección desde el comienzo,

bastará con que elija la opción Nuevo, del menú archivo, o
mediante la combinación de teclas comando + n.
Debe prestar atención a esta función ya que se realiza de

inmediato y no presenta opción de undo.

Administrando Imágenes y globe-help.
A continuación le guiaremos por un pequeño tutorial que le

permitirá administrar contenidos de imagen en cuestión de
minutos. Recuerde que primero es necesario iniciar un
proyecto de subsección.
“editor de En todos los tipos de proyecto, el proceso para agregar

imágenes” imágenes es siempre el mismo, por lo que comenzaremos por
abordar este tema que será válido tanto para las secciones
generales como para los test ( ya que los horóscopos no
muestran ninguna imagen actualizable ).
Agregue imágenes a la biblioteca.
Lo primero que haremos será agregar las imágenes que

usaremos para este proyecto a la biblioteca, para ello de clic
campo de en el botón de “editor de imágenes” en la parte inferior del
imagen toolbox, o bien elija el campo “imagen” en su ventana de
documento, y posteriormente en la ventana visor de clic en el
campo de imagen que desea editar (IM1 … IMG5) por último
de clic en el botón “editar imagen”
Este procedimiento abrirá la ventana del editor de imágenes

que en caso de ser la primera vez de uso tendrá un aspecto
como el siguiente:
campo
activado
abre “editor de
imágenes”

En la parte superior, puede observar una serie de indicadores
que describen las características de tamaño máximo de
importación de imágenes en píxeles. Estos datos representan
el área debajo de estos datos, que será visualmente el
tamaño máximo al que se ajustarán las imágenes al ser
importadas.
Usted puede variar este tamaño, cambiando el de la ventana

del editor de imágenes. En este caso, un aviso le indicará
cuando este usando un tamaño poco recomendado para la
importación. Procure hacer caso de esta indicación.
el tamaño
máximo
recomendado
para sus
importaciones
es de 310 x 310
pixeles
A continuación de clic en el botón “cargar” para que se abra

una ventana desde la que podrá seleccionar la ubicación de la
imagen que desea agregar a su proyecto.
Ubique el archivo y de clic en abrir. A continuación el WDK,

intentará leer el archivo de imagen para agregarlo a su
proyecto, en caso de que este no cumpla con los
requerimientos de importación, la operación será ignorada y
deberá tratar la imagen de forma adecuada antes de
importarla.

En caso de que tenga éxito, su imagen pasará a formar parte
de la lista de imágenes a su izquierda, que muestra el
contenido de su biblioteca de imágenes. (en OS X es posible
que la ventana se cierre, vuelva a abrirla).
el editor de
imágenes le
señalará en su
biblioteca,
cuales archivos
tienen un peso
excesivo (más
de 24 KB)
añadiendo el
mensaje “flmuy
pesado”
Como podrá darse cuenta, el tamaño de la imagen se ha

cambiado para ajustarse al área máxima definida y así
mantener una mayor uniformidad gráfica en sus futuras
importaciones.
Repita este procedimiento hasta tener listas todas las

imágenes en su biblioteca.

Activar / Desactivar imágenes para el proyecto
Una ves terminada esta operación elija la casilla “Usar imagen

activa” para asignar la imagen que se muestra actualmente en
un tamaño mayor, en el campo de imagen activo.
En caso de no querer realizar esta operación elija no usar

ninguna imagen para dejar el campo desactivado.
Cuando haya terminado de clic en el botón OK.
Para asignar las imágenes que desea usar en su proyecto,

elija el campo “images” en su ventana de documento, y
posteriormente elija el campo de imagen en la ventana visor,
por último de clic en el botón editar imagen, o en la ventana
toolbox editor de imágenes.
Recuerde llenar sus espacios de imagen de forma ascendente

para que no se muestren cuadros vacíos al finalizar su
proyecto.

En el editor de imágenes, navegue por su biblioteca y
seleccione la imagen que desea usar, de modo que esta se
visualice a la derecha en un mayor tamaño.
Por último elija la casilla Usar imagen activa y de clic en el

botón OK.
En caso de que deseara desactivar este campo de imagen

seleccione la opción “No usar ninguna imagen” y de clic en
OK.
Repita este procedimiento hasta tener listo todo el contenido

gráfico para su proyecto, tome en cuenta las siguientes
consideraciones:
a) Debe siempre llevar un orden ascendente desde la

IMG1 hasta la IMG5, sin dejar espacios salteados entre
los campos.
b) Procure tratar antes sus imágenes con algún programa
especializado donde pueda controlar con mayor
amplitud, la calidad y peso de los archivos.

c) Recuerde que sus archivos deberán estar guardados
sin compresión progresiva y no deberán tener ningún
tipo de problema en su estructura, ya que el WDK es
sensible a este tipo de imperfecciones.
d) Las secciones generales pueden tener un máximo de
hasta 5 imágenes
e) Los test deberán tener una sola imagen activa en el
campo IMG1
Los horóscopos no emplearán ninguna imagen actualizable.
Globe-Help y título de navegación.

El Globe Help, es un mensaje que se muestra inmediatamente
al entrar a una subsección, y está disponible en todas las
clases de subsección exceptuando los horóscopos, asimismo
el título de navegación es una breve frase que describe el
lugar del sitio en el que se encuentra el usuario con respecto a
la subsección.
La amplitud de Para editar estos valores de clic en el botón hi! De la ventana

estos textos, toolbox.
está limitada
para evitar
problemas al ser
visualizados en
el sitio. Esto abrirá una ventana donde podrá cambiar estos valores:
Una ves terminado de clic en el botón OK para guardar los

cambios.

Administración de Contenidos generales
Los contenidos Generales son los que dan una mayor libertad
en cuanto a las posibilidades que ofrece para actualizar su
aspecto.
De este modo cuenta con hasta 6 estilos diferentes de

distribución de imágenes y texto. Y es en este punto donde
iniciaremos .
Al abrir una sección general nueva, o vacía, el aspecto de la

aplicación es el siguiente:
Lo primero será localizar la ventana de herramientas y ahí

seleccionar el tipo de dummie que más convenga.
Se diferencian entre si por representar distintas distribuciones

así como distintos campos de texto disponibles.
Para ver mas

Usted puede cambiar libremente dando clic en ellos hasta
opciones de
encontrar su predilecto.
clic en el
botón
“siguientes”
Posteriormente no se recomienda realizar cambio a un tipo de
dummie que tenga menos campos de texto que el actual.

A continuación deberá seleccionar alguno de los campos de
textos activos en su ventana de documento para después dar
clic en el botón “editor de texto” de la ventana toolbox, o en el
botón “editar texto” de la ventana visor
Puede ver una

toolbox
vista previa del
campo
seleccionado
en la ventana
visor.
visor
Inmediatamente se abrirá el editor de textos. Desde esta

ventana tiene dos opciones para agregar el contenido, ya sea
Por ahora la mediante la apertura de un archivo de texto plano usando la
aplicación sólo opción cargar, o mediante la captura directa en el cambo de
puede cargar entrada de texto disponible.
archivos en
formato de
texto plano o sin
formato
En caso de que elija la opción LOAD se abrirá una ventana

para que localice el archivo de texto plano que contiene la
información que desea agregar.

Una ves ubicado, de clic en abrir, en caso de tener éxito, el
programa le mostrará el resultado en el campo de texto.
El limite de
caracteres que
puede tener
dentro de un
campo de texto
es de 3200, lo
mismo que en
una hoja carta
a un espacio
seguido en
tamaño 12 font
Times.
Posteriormente podrá cambiar las siguientes características:
a) Color de fondo: Que es el color de fondo que usará la

sección.
b) Color de texto: El color del texto en el campo de texto
actual
c) Tipo de letra: Se recomienda usar tipos de letras web-
safe como Arial, Comic Sans M, o Century Gothic.
d) Tamaño: El tamaño del texto en el campo de texto
actual.
e) Alineación: Izquierda, centrada o derecha.
Una ves que este satisfecho con el aspecto de su trabajo, de

clic en el botón OK para asignar los cambios.
Repite el procedimiento con todos los campos de texto en su

proyecto.

Administración de test
La administración de los tests es llevada a cabo de una forma

más sencilla que la de los contenidos generales.
Al elegir un proyecto de test, el WDK desplegará en la

ventana de herramientas, opciones que le permitirán acceder
a cada uno de los campos editables de preguntas y
respuestas.
Elija el campo de texto en su ventana documento para que

pueda previsualizar su trabajo en la ventana visor.
Puede
encontrar más
información
sobre el editor
de textos en el
apartado
Administrando
contendios
generales.
En la ventana herramientas es donde seleccionaremos el

número de inciso para que inmediatamente después se abra
el editor de textos, desde el cual podremos capturar o
importar archivos de texto plano para que conformen el
contenido.

En este caso los textos mantendrán un formato uniforme,
prediseñado para evitar problemas con el uso de los mismos.
Sin embargo sí es posible cambiar el color de fondo del

proyecto.
Deberá ir avanzando en orden progresivo al editar los incisos.
En caso de que su test tuviera menos de 10 campos, deberá

dejar los campos de inciso siguientes completamente vacíos.
Recuerde presionar OK para asignar los cambios al campo

actualmente seleccionado.
Las tres posibles respuestas son invariables en su número.
Una ves que haya terminado con la captura del contenido

podrá activar la casilla modo de chequeo, con lo cual evitará
que se abra el editor de textos al dar clic en alguno de los
Puede campos, a fin de realizar una previsualización más rápida en
encontrar la ventana visor.
Más información
sobre las
imágenes en el
apartado de
Administración
de imágenes.
Para asignar las imágenes de clic en el campo “images” y

siga el procedimiento descrito con anterioridad.
Recuerde que la imagen deberá ocupar el campo IMG1

Administración de horóscopos.
La sección de horóscopos está diseñada para manejar un gran

cantidad de información de una manera sumamente sencilla.
Todas las herramientas para ubicar el horóscopo que desea

editar se encuentran desplegadas de forma automática en la
ventana de herramientas.
Puede
encontrar más
información
sobre el editor
de textos en el
apartado
Administrando
contendios
generales.
Ahí podrá seleccionar el signo y el día para que al abrirse el

editor de texto, realice la captura del horóscopo indicado para
el mes del proyecto, signo y día seleccionado
En este caso el editor de texto, le indicará el día que se

encuentra editando actualmente.
De este modo irá avanzando por los días, de forma que al dar
clic en alguna casilla de día, automáticamente quedará
marcada para indicarle que ya ha realizado una operación
sobre ella.
sobre ella.
Para observar que días se encuentran escritos, bastará con

dar clic en el botón “checar escritos” que desactivará todos
aquellos días que se encuentren vacíos.
Una ves que halla terminado con la captura de un signo,

despliegue la lista que los contiene para pasar al siguiente,
donde se seleccionarán automáticamente todos aquellos días
que ya hallan sido escritos con anterioridad.
En este caso las configuraciones gráficas que haga en el

editor de textos no tendrán efecto en el sitio.
Al dar clic en “vista previa”, usted previsualizará en la web el

horóscopo correspondiente al día actual.
Una ves que halla terminado puede activar el modo de

chequeo para que el editor de texto permanezca oculto al dar
clic sobre alguna de las casillas de día.

Capítulo 4 Exportando al servidor
Ya ha terminado de crear sus proyectos de actualización

mensual del sitio. El siguiente paso es ponerlos en línea.
En la edición 15 a 20 web, el Web Development Kit ha sido

modificado para ajustarse a sus necesidades operativas, por lo
que el proceso resulta más seguro y sencillo.
contenido
· Contenidos Publicados
· Instalando en el servidor

Contenidos Publicados.
Después de realizar la edición de todos los proyectos de

subsección de su proyecto mensual para 15 a 20 web y que a
dado la aprobación de los mismos con la vista previa, ya se
encuentra a sólo un paso de terminar el proceso de
administración de contenidos.
Este consiste en la exportación, que se activa mediante el

botón exportar de la ventana toolbox
Esta función realiza el siguiente procedimiento:
1) Localiza todos los archivos que conforman su proyecto

mensual.
2) Revisa que los nombres cumplan los protocolos
requeridos por el sitio.
3) Crea una carpeta en el escritorio llamada “Contenidos
publicados 15 a 20 web”.
4) En ella coloca un subdirectorio con el nombre del mes
del proyecto más la frase “15 a 20 web”, por ejemplo
“noviembre 15 a 20 web”.
5) En caso de que ya existiera un directorio con este
nombre es actualizado con los archivos más recientes
en su totalidad.
6) Crea y escribe un archivo con las instrucciones de
instalación en el servidor que se almacena en la
subcarpeta.
7) Finalmente le muestra una ventana de su explorador de
archivos donde puede observar todo el contenido de la
carpeta “Contenidos Publicados 15 a 20 web”
Estas tareas se llevan a cabo de forma automática, por lo que

usted sólo deberá esperar a que la barra de diagnostico
termine de avanzar.

La carpeta de Contenidos Publicados, se creará siempre que
exporte un nuevo proyecto y residirá en su escritorio. En caso
de que no la elimine podrá ser un almacén donde respalde
todas las versiones que a publicado y que se encuentran en
línea en la web.
A continuación deberá copiar la carpeta que tiene el nombre

del mes de su proyecto de actualización para ser entregada a
su administrador web, para que la instale en el servidor como
se describe en el archivo de instrucciones que contiene.

Instalando la actualización en el servidor.
La instalación de los archivos de la actualización en el servidor

es una tarea sencilla, no obstante es recomendable que sea
llevada a cabo por el administrador web del proyecto.
El proceso se describe a continuación:
Respaldo móvil
Para trasladar las actualizaciones deberá respaldar la carpeta

del mes que desea actualizar en un CD o enviarla por e-mail
comprimida como archivo adjunto. Esta se encuentra en la
carpeta “Contenidos Publicados 15 a 20 web” que reside en el
escritorio.
Instalando contenidos en el servidor
Para actualizar cualquier mes en el servidor, y ponerlo en

línea, siga los siguientes pasos:
1) Una vez en el servidor, ubique la carpeta donde reside el

contexto del sitio 15a20 Web dentro de Tomcat
2) Abra también de su respaldo la carpeta con el nombre del

mes que desea actualizar, y dentro ubique una carpeta cuyo
nombre se conforma por un valor numérico como alguno de
los siguientes:

5) Copie la carpeta que tiene por nombre el valor numérico
dentro de la carpeta llamada 15a20 que está en el root del
contexto
root_tomcat_15a20web/
15a20/
6) En caso de que ya existiera una carpeta del mismo nombre

dentro de 15a20 cerciórese de eliminarla o de realizar un
reemplazo completo con la nueva carpeta
7) Se recomienda reiniciar el Servidor y limpiar la cache del

mismo
Con estos sencillos pasos la actualización quedará en línea.

No debe alterar los nombres de las carpetas o los archivos.
Recuerde que dentro de la carpeta que le es enviada al

administrador web siempre encontrará un archivo de
instrucciones con la descripción de este proceso.
Podrá realizar un último chequeo visitando la dirección

www.15a20.com.mx/proximomes.html llenándolo con los
datos de la fecha que desee observar ( clave de administrador
“debug”)
Sirvase también consultar el Apéndice III referente al Upload

con el cliente FTP integrado para la versión de OS X.

Capítulo 5 Solución de problemas
A continuación encontrará temas de ayuda para casos en los

que el programa parezca no comportarse de forma correcta.
contenido
· Uso general
· Imágenes
· Textos

Uso general
Mis cambios no se ven al exportar mi proyecto.
Cerciórese de guardar siempre los cambios antes de exportar

el proyecto.
Los botones y/o menús se enciman.
Si es la primera ocasión en que sucediera, guarde su trabajo y

reinicie la aplicación. En caso contrario tome nota de cuando
es que sucede y/o pónganse en contacto con compettenzza.
Imágenes
La calidad de las fotos es muy baja al
previsualizar.
Debe haberlas importado con un parámetro de tamaño muy

pequeño o no fueron tratadas correctamente con anterioridad,
repita todo el proceso de importación.
Aparece un cuadro flotando en lugar de una foto
Debe cerciorarse de importar archivos que cumplan con las

características descritas con anterioridad, repita el proceso de
importación de manera correcta.
Texto
Mi texto aparece con caracteres raros o
No los muestra
La aplicación sólo puede cargar archivos en formato plano, por

lo que le sugerimos verificar que estos caracteres no se estén
generando al convertir su archivo a texto sin formato.
En este caso busque el uso de editores alternos de texto que

no generen este problema en el tratamiento previo del
contenido.
No puedo abrir un test
Si se le ha proveído una versión del Web Development Kit con

contenidos administrados antes del mes de octubre del 2003,
estos tests serán inaccesibles por versiones Mac del WDK.

El programa no respeta los saltos de línea.
Este situación se propicia cuando deja dos marcas (tags)

unidos. Como en los siguientes ejemplos:
Caso 1:
 Noviembre 2004 
 bienvenida _user
Solucion Caso 1 (escriba):
 Noviembre 2004
bienvenida _user
Caso 2:
 Noviembre 2004 
 bienvenida _user
Solucion Caso 2 (escriba):
 Noviembre 2004 .
 bienvenida _user
 Noviembre 2004
bienvenida _user
 Noviembre 2004
bienvenida _user

Apéndice I.
Mapa del sitio y Administración vía Red.
A continuación una tabla de referencia para entender la estructura de los archivos
y aprovechar la función de importación externa.
Para identificar un Proyecto WDK, hace falta observar 2 parámetros descriptivos.
El primero es la carpeta que lo contiene, la cual nos indica con su nombre, la

categoría a la que pertenece el proyecto.
El segundo es el nombre del archivo WDK, que nos permite ubicar a que
subsección de la categoría pertenece el proyecto.
Con estos dos parámetros le será posible acceder a proyectos externos para que
sean importados dentro de su actualización actual. Simplemente de clic en la
opción de importar y ubique el archivo en base a la siguiente tabla, por último,
entre manualmente el mes, sección y subsección a la que desee importar el
proyecto.
Cuando realice una administración en grupo también puede definir un mismo

directorio Web Development Kit vía red, empleando la opción del Menú Red ,
Definir directorio de trabajo compartido. Esta opción está limitada por las
características de configuración de su red interna y ha sido probada con éxito en
Mac OS X

TABLA DE UBICACIÓN DE SUBSECCIONES SEGÚN CÓDIGO DE NOMBRE
Folder Categoría Arch. Subsección Tipo Fotos Cuartillas
quiénes
00 somos 01.wdk 15a20 actual general 5 1x3
02.wdk contáctanos general 5 1x3
03.wdk quiénes somos general 5 1x3
01 belleza 01.wdk novedades general 5 1x3
02.wdk tips general 5 1x3
03.wdk tema general 5 1x3
04.wdk juego juego NA NA
05.wdk test test 1 .5x13
salud y noticias de la
02 sexualidad 01.wdk medicina general 5 1x3
02.wdk tu salud general 5 1x3
03.wdk tu sexualidad general 5 1x3
04.wdk cápsulas sexualidad general 5 1x3
05.wdk en forma general 5 1x3
03 moda 01.wdk notimoda general 5 1x3
02.wdk tips general 5 1x3
03.wdk ganadoras general 5 1x3
04 astros 01.wdk horoscopos horoscopos NA NA
02.wdk cápsulas esotéricas general 5 1x3
03.wdk juegos juegos NA NA
05 artistas 01.wdk chismes general 5 1x3
02.wdk cuero de cuero general 5 1x3
03.wdk 15a20 cosas general 5 1x3
06 relaciones 01.wdk novio general 5 1x3
02.wdk amigos general 5 1x3
03.wdk familia general 5 1x3
07 q-riosidades 01.wdk insólitos general 5 1x3
02.wdk curiosidades general 5 1x3
El número de fotos y cuartillas, le indica la cantidad máxima, autolimitada o

recomendada, para incluir en ese proyecto de subsección.
NA: Los juegos no disponen de parámetros de actualización.

Apéndice II.
Marcado de texto HTML. Bold e italic.
El aspecto del editor de texto que se ha empleado a lo largo del manual puede
variar dependiendo de la versión del programa.
La otra configuración del editor es la siguiente:
Este aspecto que corresponde a las versiones 1.02 y superiores, que incluyen la
característica de texto HTML. Con esta capacidad usted podrá dotar sus textos de
un aspecto enriquecido, mediante el uso de tags (marcas), del sencillo lenguaje
HTML.
Para facilitarle el trabajo, el programa incorpora dos botones que le permitirán

realizar el marcado de su texto para indicar la característica de estilo Bold (
negritas ) o Italic (itálica o inclinada), al texto que tenga seleccionado.
El procedimiento es muy sencillo. Primero seleccione el texto que desea marcar:

Luego de clic en el botón de estilo que desee:
De inmediato el texto marcado cambiará de aspecto y quedará encerrado entre los

tags (marcas) correspondientes. En este caso y .
Para desactivar el estilo, elija el texto desde donde inicia la primer marca hasta el
final de la segunda, y a continuación de clic en el botón de estilo correspondiente,
en este caso Bold, hasta que desaparezcan las marcas.
Cuando realice el marcado de otro bloque de texto con el mismo estilo de marca,
la apariencia de los otros campos volverá a ser la normal para indicarle cual ha
sido su última operación.
Esto no significa que su texto perdiera el estilo de marca realizado con

anterioridad, puede comprobarlo dando clic en OK, para aplicar los cambios, y
posteriormente en el botón Vista Previa del toolbox.
Como verá en el sitio las marcas no aparecen, sino que son interpretadas para
darle ese tipo de estilo al bloque que enmarcan.

Usted también puede enmarcar sus bloques de texto escribiendo directamente las
marcas HTML correspondientes. Sin embargo deberá observar siempre que no
olvide cerrar ninguna marca, ya que esto podría conllevar a resultados
inesperados.
Marca de Hipervínculo. (link o liga).
Esta marca permite que al pasar el puntero sobre el texto enmarcado, este cambie
su aspecto por el de una mano con el dedo indice extendido, y al dar clic sobre el,
la pagina se redirija al sitio indicado en dirección_web. Es importante indicar la
dirección sin omitir la parte http://
<a href=”http://direccion_web”> su texto link enmarcado</a>
Por ejemplo el siguiente texto:
Se visualiza del siguiente modo:
Si decide usar esta característica, le recomendamos leer un manual especializado

en HTML, del cual podrá usar la mayoría de las etiquetas básicas.

Apéndice III.
Módulo FTP.
Para las versiones del WDK 1.2 y superior se encuentra implementado un módulo
de Upload FTP dentro de las opciones de exportación. (sólo disponible en OS X).
De manera general la opción de exportación cambia, integrando también una

función de depuración de archivos que eliminará automáticamente cada vez que
llame a la función de exportación aquellos archivos que no correspondan a los
proyectos del Web Development Kit y que se encuentren ubicados dentro del
directorio de trabajo del programa.
Así cada ocasión que de clic en esta función se abrirá un indicador de avance
mientras se realiza el scaneo de las carpetas dentro del directorio de trabajo, en
busca de archivos inapropiados para su eliminación.
Posteriormente un cuadro de dialogo le pedirá confirmar si desea continuar con el

proceso de exportación. Como lo indica, el contenido que ya ha sido exportado ya
sea al escritorio o al servidor correspondiente al mismo proyecto mensual será
reemplazada por el nuevo.

A continuación se le pedirá que elija la forma en la que desea exportar su proyecto
mensual. Ya sea a la carpeta en su escritorio llamada “Contenidos Publicados 15
a 20 web” o al servidor online vía FTP.
En caso de que elija exportar al escritorio el proceso será el mismo que el descrito
anteriormente para la función de exportación.
Si eligiera exportar al servidor On Line via FTP, el programa abrirá el Control de

Upload y agregará automáticamente todos los archivos necesarios para subir su
proyecto mensual.
El Control de Upload se divide en dos pestañas “Upload Actual” y

“Configuración”.

La pestaña “Upload Actual” Exhibe una lista que contiene los archivos en el
puerto de salida, estos son los archivos que el programa se encuentra listo para
enviar al servidor en cuanto inicie el proceso de upload.
Para iniciar el proceso de Upload, bastará con dar clic en el botón START (que
automáticamente cambiara su nombre a STOP, para que pueda detener el
proceso si lo requiere).
En caso de que las condiciones de comunicación entre su equipo y el servidor no

fueran las adecuadas puede presentarse el caso de que el programa muestre un
mensaje indicando la desconexión por TIMEOUT, en este caso, acepte el cuadro
de dialogo y de clic nuevamente en START para continuar desde el último archivo.
La pestaña de Configuración permite definir los parámetros bajo los cuales se

realizará el proceso de Upload al servidor FTP.
Usted puede definir estos parámetros como default para que se carguen cada que
inicie el programa presionando el botón GUARDAR COMO DEFAULT.

Si durante el proceso de upload el control FTP, le indicará de algún problema, es
recomendable que repita toda la operación desde el botón exportar. Si el problema
persiste pruebe entrando en contacto con el administrador del servidor FTP, para
comprobar que la configuración es la adecuada.
Tome en cuanto que el cliente no está diseñado para crear carpetas en el servidor,
por lo que deberá cerciorarse de tener instalada la estructura completa del sitio
para que el cliente puede realizar el Upload adecuadamente. Consulte la
documentación de 15 a 20 web para mayor información sobre su estructura.

User Guide WDK

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

User Guide WDK

Transféré par

Droits d'auteur :

Formats disponibles

indice

¿Porqué Web Development Kit? 4

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 2

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 3

El Web Development Kit le permitirá organizar y administrar

¿Porqué Web Development Kit?

El paquete Web Development Kit es un programa desarrollado

El Web Development Kit edición 15 a 20 forma parte de una

El programa realiza este trabajo en dos grandes etapas, la

Esto le permite sentirse a salvo de cometer posibles errores al

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 4

El Web Development Kit trabaja por usted en la difícil parte de

Recomendaciones antes de usar el programa.

Antes de llevar a cabo la instalación del paquete, le

Asimismo es conveniente que cuente con algún programa que

Las especificaciones de los archivos se trataran ampliamente

Requisitos para Mac OS 9

Requisitos para Mac OS X Jaguar

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 5

En este capítulo usted conocerá como instalar el programa en

Los temas abarcados son lo siguientes:

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 6

Dentro de esta carpta encontrará los siguientes archivos y

Estas carpetas son usadas por el programa por lo que usted

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 7

Para su operación la aplicación emplea las siguientes

Web Development Kit

Es la carpeta principal, deberá residir en su carpeta

“wdk”, “temp.”, “imglibrary” y “15a20” .

estos nunca deberán ser alterados o manipulados sin una

También en esta carpeta encontrará un alias que podrá

Esta es la carpeta en donde se aloja el programa, en su

Es fundamental para poder ejecutar el programa.

Es donde habitan las carpetas de cada uno de los meses,

Dicho de otro modo es una copia idéntica de las carpetas que

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 8

En esta carpeta se ejecutan los archivos de texto e imagen

Es donde la aplicación guarda las imágenes que se van

Contenidos publicados 15 a 20 web

Esta carpeta se generara cada vez que exporte un proyecto

Dentro de cualquiera de estas carpetas reside un archivo de

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 9

La aplicación procesa principalmente cuatro tipos de archivos:

Estos se pueden encontrar dentro de las carpetas y

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 10

Estos archivos cumplen con dos importantes funciones según

Cuando van acompañados de un nombre descriptivo como

Donde AA representa el código de subsección que podrá ver

En el visor de estadísticas de 15a20.com.mx generado por el

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 11

En este capítulo cubriremos sin entrar a detalle, la

Esto dará pauta a un posterior avance en su uso.

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 12

En el WDK se entiende por proyecto a la administración de las

Es decir un proyecto corresponde, por ejemplo, a la

Por lo tanto al iniciar el WDK se le pedirá que elija un proyecto

Selección del mes.

Este corresponderá al mes sobre el cual desee actualizar

Elija una sección.

En este caso la sección se refiere a alguna de las categorías

Web Development Kit 1.0 E. 15a20 Guía de Usuario. 13

Por último elija la subsección en la cual desea iniciar a

Con esto ya solo será necesario dar clic en el botón “abrir