Subtitles of the Movie

A continuacion vamos a crear la hoja de estilos para la aplicacion "Where's Tom". Con el archivo "index.cfm" abierto, abrimos el panel "Design" y nos aseguramos de que la seccion "CSS Styles" se encuentre seleccionada. Hacemos clic en el icono con el simbolo "mas" para crear un nuevo estilo. Ya que estamos creando la hoja de estilos que todas las paginas van a utilizar, primero establecemos el estilo de letra base. Escogemos la opcion "Tag" y luego la opcion "Body" de la lista de etiquetas del HTML. Conservamos el valor "New Style Sheet File" en la opcion "Define In" y hacemos clic en "OK". A esta hoja de estilos la llamamos "wherestom" y la guardamos en el directorio raiz. A continuacion aparece un cuadro de dialogo con las opciones relacionadas con el estilo. Para la aplicacion "Where's Tom" vamos a establecer el estilo de letra de la familia Verdana, Arial, Helvetica. Escogemos el tamano de la letra de 10 pixeles, el estilo normal, una altura de linea de 5 pixeles y un grosor normal. Hacemos clic en "OK" y hemos configurado el primer estilo de la hoja de estilos. Ahora vamos a editar la hoja de estilos directamente para agregar algunos elementos a la etiqueta "font" principal. En el panel "Design" tenemos la hoja de estilos en la lista. Si la hoja de estilos aun no se encuentra abierta, hacemos doble clic en el nombre del archivo para abrirla en la ventana de edicion del codigo. Para el estilo del cuerpo del documento, agregamos una coma, el atributo "td" para crear una tabla de datos y el atributo "th" para crear un encabezado de tabla. Luego guardamos el archivo. Tenemos muchos otros estilos en la aplicacion "Where's Tom", pero no necesitamos agregarlos sino hasta mas adelante en el proceso. El paso final para la preparacion del desarrollo consiste en configurar la biblioteca de los elementos activos, la cual incluye unas imagenes provenientes del directorio "image" predeterminado, asi como otros archivos de multimedia si estos existen. Vamos al menu "Site>Manage Sites". Seleccionamos el sitio "wherestom" y hacemos clic "Edit" para editarlo. Escogemos la seccion "Advanced" si esta se encuentra oculta y aqui ingresamos la direccion del subdirectorio de imagenes que creamos anteriormente. Hacemos clic en este icono de carpeta para confirmar que esta se encuentra vinculada con el directorio correcto. Hacemos clic en "OK" y luego en "Done". A medida que las imagenes son creadas y guardadas en esta carpeta, estas se despliegan en la seccion "Assets" del panel "File". Esta es una manera muy facil de administrar las imagenes y otros archivos multimedia asociados con la aplicacion. Si copiamos una imagen existente dentro del directorio "images" y luego actualizamos el panel de elementos activos, obtendremos una presentacion preliminar de la imagen disponible, asi como el nombre del archivo de imagen en esta lista de la segunda ventana. Esto nos permite arrastrar una referencia a esta imagen dentro de cualquiera de los archivos. entro de cualquiera de los archivos.