Creación de páginas web con Word

Download Report

Transcript Creación de páginas web con Word

Creación de páginas web con Word

Publicación en Internet con Microsoft Office Sevilla, junio de 2004

Salir

Iniciar

Word

Creación de páginas web con Word

Introducción

Métodos de creación de páginas web con Word

Cómo dar formato a páginas web

Imágenes

Hipervínculos y marcadores

Creación de tablas

Formularios

Inclusión de otros elementos

Salir

Word

Introducción

Word permite, sin necesidad de conocer el lenguaje HTML:  crear páginas web para su publicación en internet   ... que pueden incorporar hipervínculos y elementos multimedia como gráficos, sonidos, vídeos y animaciones así como crear formularios para permitir la comunicación con los visitantes de nuestras páginas

Salir

Menú

Word

Métodos de creación de páginas web con Word

Word incluye tres métodos sencillos para crear páginas web:   Crear una página web utilizando un asistente o una plantilla Utilizar una página web en blanco, para diseñar desde el principio el documento  Convertir cualquier documento de Word, ya creado, en formato HTML

Salir

Menú

Word

Uso del asistente para páginas web

1

seleccionar

Archivo > Nuevo > Páginas web

2

seleccionar

Asistente para páginas web

3

seguir los pasos del asistente para definir: - título y ubicación - desplazamiento - agregar/organizar páginas - tema visual (moverse con

Siguiente/Anterior

o haciendo click en cada elemento del asistente)

4

hacer click en

Finalizar

Salir

Menú

Word

Guardar documentos Word en formato HTML

1

seleccionar

Archivo > Guardar como página Web...

(o Archivo > Guardar como)

2

especificar ubicación y nombre para el fichero

3

(si en 1 se escogió

Guardar como,

en la opción

Guardar como tipo

, elegir

Página Web (*.htm; *html))

4

hacer clic en

Guardar

Salir

Menú

Word

Crear una página web a partir de una página en blanco o plantilla

1

seleccionar

Archivo > Nuevo

2

elegir uno de estos dos procedimientos:

2a

en la ficha

General

, escoger

Página web

para abrir una página web en blanco

2a

en la ficha

Páginas Web

, escoger la plantilla deseada

3

editar el documento

Salir

Menú

Word

Introducción de texto

 El texto sencillo se estructura en

párrafos

. Para insertar un nuevo párrafo, se usa <

Intro

>.

  Los navegadores suelen insertar un espacio adicional entre dos párrafos del texto. Se puede forzar un salto de línea sin crear un espacio adicional, pulsando <

Mayús-Intro

>.

 Word no permite insertar tabulaciones dentro del texto de una página web. Para alinear se usarán las tablas.

Salir

Menú

Word

Asignar un título a una página web

 El título aparece en la barra de título del navegador y es usado para referenciar a la página web (historial, favoritos...)

1

seleccionar

Archivo > Guardar como página Web

2

hacer click en

Cambiar título

3

escribir el título deseado en el cuadro

Título de la página

, y hacer click en

Aceptar

(También en

Archivo > Propedades,

en el cuadro

Título

de la ficha

Resumen

)

Salir

Menú

Word

Insertar encabezados

 Los encabezados sirven para la estructuración básica de un documento.  Word dispone de 9 niveles de encabezamientos diferentes, etiquetados con los nombres

Título 1

(H1 en HTML),

Título 2

(H2 en HTML),

Título 3

(H3 en HTML), etc. (H1 se corresponde con el nivel más alto, y por tanto con un tamaño de fuente mayor)

Salir

Menú

Word

Insertar encabezados

 Para insertar un encabezados en una página web:

1

marcar la palabra o frase que se quiera resaltar como encabezado

2

seleccionar

Formato > Estilo

3

en la ventana de

Estilos

, seleccionar un encabezado entre

Título 1

y

Título 9

4

hacer clic sobre el botón

Aplicar

Salir

Menú

Word

Insertar una línea horizontal con diferentes estilos

1

situarse donde se desee introducir la línea horizontal

2

seleccionar

Formato > Bordes y sombreado

3

hacer click en

Línea horizontal

4

para ver las propiedades de una línea, hacer click con el botón derecho y seleccionar

Propiedades

5

elegir un estilo de línea y pulsar sobre

Aceptar

(para usar una imagen externa, pulsar

Importar clips

)

6

pulsar con el botón derecho y elegir

Dar formato a la línea horizontal

para modificar el formato de la línea

Salir

Menú

Word

Agregar texto desplazable a una página web

  Una marquesina (o línea de desplazamiento de texto) es un rectángulo fijo en pantalla dentro del cual se puede incluir texto en movimiento que se repite de forma continua. Se usa para destacar alguna información para el usuario, llamando su atención.

Salir

Menú

Word

Agregar texto desplazable a una página web

1

seleccionar

Ver > Barra de herramientas Herramientas Web

y activar

2

situar el cursor donde se desee introducir la marquesina

3

hacer click en el icono

Desplazar texto herramientas Web

en la

barra de

4

en el cuadro

Desplazamiento de texto

, indicar el texto desplazable, y otras propiedades de la marquesina.

5

Hacer click en

Aceptar

.

Salir

Menú

Word

Crear una plantilla HTML personalizada

  Existe la posibilidad de utilizar el documento creado como base para hacer otras páginas web de temática similar Para ello, se guardará una copia del documento como una plantilla

Salir

Menú

Word

Crear una plantilla HTML personalizada

1

seleccionar

Archivo > Guardar como página Web

2

abrir la lista

Guardar como tipo de documento (*.dot)

y elegir

Plantilla

3

elegir ubicación y nombre de la plantilla

4

hacer clic en

Guardar

Salir

Menú

Word

Cómo dar formatos a páginas web

  Se pueden usar la mayoría de herramientas para dar formato en documentos Word Word crea automáticamente el código HTML necesario para el diseño de las páginas  Los formatos no compatibles con HTML no están disponibles en el entorno de trabajo de Word para la Web (efectos de sombra y relieve, interlineado, márgenes, tabulaciones...)

Salir

Menú

Word

Cómo dar formatos a páginas web

Existen dos tipos de estilos de formato: 

Formatos de párrafo:

niveles de encabezamiento y opciones de justificación que afectan a todos los párrafos del bloque de texto seleccionado 

Formatos de texto:

Tipos de letra, estilos, tamaños y colores

Salir

Menú

Word

Formatos de párrafo

Para aplicar o modificar un estilo de párrafo:

1

situar el punto de inserción en cualquier parte del párrafo

2

abrir la lista desplegable de

Estilo

y elegir el deseado

3

también se puede elegir el estilo a través de

Formato > Estilo

Salir

Menú

Word

Formatos de párrafo

Algunos ejemplos de estilos:

Dirección:

inserta la “firma” de una página web que indica quién ha hecho la página, la fecha, avisos de copyright y correo electrónico   

Encabezamientos 1 a 9:

dividen secciones de texto. Niveles en función del tamaño de letra

Listas:

de varios tipos, de viñetas, numeradas...

Normal:

elimina cualquier formato de párrafo y reinicia el párrafo a su estilo por defecto

Salir

Menú

Word

Formatos de párrafo

Alineación de párrafo

Alinear a la izquierda Centrar Alinear a la derecha 

Sangrar un párrafo

Permite crear listas y sublistas. En el Editor, seleccionar el texto a sangrar y hacer clic en los botones

Aumentar sangría

o

Disminuir sangría

Salir

Menú

Word

Formatos de texto

1

seleccionar el texto

2

seleccionar

Formato > Fuente

(o métodos alternativos)

3

cambiar Fuente, tamaño, color y estilo (efectos)

4

algunos parámetros se pueden cambiar directamente desde la barra de herramientas

Salir

Menú

Word

Definir estilos de formatos

Antes de crear un párrafo, o después si se ha seleccionado, se puede dar un estilo de formato al texto mediante el uso de 

Viñetas

Listas de numeración

Fondos de color o textura ...

Salir

Menú

Word

Crear listas de viñetas y de numeración

Para ambos tipos de listas: 1

seleccionar

Formato > Numeración y viñetas

Para listas de viñetas: 2

abrir la ficha

Viñetas

3

elegir uno de los estilos que aparecen en la ventana,

4

o... pulsar en

Imagen

para elegir una viñeta almace nada en fichero grafico en el disco (*.gif, *.jpg, ...)

5

hacer clic en

Aceptar

Salir

Menú

Word

Crear listas de viñetas y de numeración

Para listas de numeración: 2

abrir la ficha

Números

3

seleccionar el estilo deseado

4

elegir entre Reiniciar numeración anterior y Continuar lista

5

hacer clic en

Aceptar

Salir

Menú

Word

Crear listas de viñetas y de numeración

La numeración automática de esquemas y títulos no está disponible en el entorno de trabajo de Web Para conseguir el mismo efecto que en esquemas numerados (listas múltiples a distintos niveles) hay que aplicar diferentes estilos de numeración y sangrías

Salir

Menú

Word

Establecer colores de texto

 Se puede cambiar el color del texto, hipervínculos e hipervínculos visitados para toda la página.

1

marcar el texto (o hipervínculo)

2

seleccionar

Formato > Fuente

3

elegir el color de fuente

4

hacer clic en

Aceptar

Salir

Menú

Word

Agregar color de fondo y textura

1

seleccionar

Formato > Fondo

2

escoger un color de entre los mostrados

3

o hacer clic en

Más colores

personalizado para elegir uno

4

se puede escoger

Efectos de relleno

para insertar como fondo una textura

5

se puede escoger como textura una imagen gráfica de archivo en disco (pulsar

Otra textura

u

Otra imagen

)

Salir

Menú

Word

Imágenes

  Aumentan el atractivo visual y el contenido informativo de las páginas web Se usan para transmitir información, servir como zonas activas de hipervínculos, etc.

 Debe hacerse un uso adecuado de las mismas, teniéndose en cuenta, sobre todo, el tamaño de los archivos utilizados.

Salir

Menú

Word

Inserción de una imagen

1

situar el punto de inserción en el lugar deseado

2

seleccionar

Insertar > Imagen > Imágenes prediseñadas

3

elegir la categoría que se desee haciendo click sobre el icono corresepondiente

4

hacer click sobre la imagen deseada y pulsar el icono

Insertar clip

Salir

Menú

Word

Insertar una imagen desde un archivo

1

situar el punto de inserción en el lugar deseado

2

seleccionar

Insertar > Imagen > Desde archivo

3

localizar el archivo de imagen

4

hacer click sobre la imagen deseada y pulsar el icono

Insertar

Salir

Menú

Word

Insertar una imagen desde el portapapeles

1

seleccionar el gráfico o dibujo desde cualquier programa gráfico

2

seleccionar

Edición > Copiar

(o pulsar <

Ctrl-C

>) para insertar el contenido en el portapapeles

3

colocar el punto de inserción en el lugar deseado de la página

4

seleccionar

Edición > Pegar

( o pulsar <

Ctrl-V

>) para insertar el contenido del portapapeles en la página web

Salir

Menú

Word

Atributos de las imágenes

Se puede modificar el aspecto de las imágenes ya insertadas en una página web:  ajustando el texto alrededor del gráfico  especificando la alineación del gráfico  definiendo un texto alternativo para visualizarlo en el navegador Para ello:

1

seleccionar la imagen haciendo clic sobre ella

2

seleccionar

Formato > Imagen

Salir

Menú

Word

Tamaño de la imagen

Se puede cambiar el tamaño usando los puntos de control (tiradores):

1

seleccionar la imagen

2

hacer clic sobre el tirador que se desee y, sin soltar el ratón, arrastrar en la dirección deseada Puntos de control

Salir

Menú

Word

Alineación del texto con la imagen

 Para ajustar el texto respecto de la imagen:

1

seleccionar la imagen

2

seleccionar

Formato > Imagen

3

abrir la ficha

Diseño

y escoger el estilo de ajuste a aplicar. Para tener acceso a más estilos de ajuste y opciones, hacer click en

Avanzado

4

se puede especificar la distancia al texto (

Espacio vertical

y

Espacio horizontal

) en la ficha

Posición de la imagen

5

hacer clic en

Aceptar

Salir

Menú

Word

Texto alternativo

 A veces, cuando no es posible mostrar la imagen (o mientras se descarga), el navegador muestra un texto en lugar alternativo. Para configurar esta opción:

1

seleccionar la imagen en la que se desea insertar un texto alternativo

2

seleccionar

Formato > Imagen

3

abrir la ficha

Web

y escribir el texto alternativo

4

hacer clic en

Aceptar

Salir

Menú

Word

Formatos gráficos

Los dos formatos de gráficos más frecuentes en los navegadores web son:  GIF: imágenes de hasta 8 bits de color (hasta 256 colores). Permite transparencia y entrelazado. Se usa para imágenes pequeñas o dibujos que no sobrepasen los 256 colores  JPEG (JPG): soporta imágenes de 24 bits de color (16,7 millones de colores). Se debe usar para fotografías e imágenes con amplia gama de colores

Salir

Menú

Word

Tipos especiales de imágenes

 

Imágenes transparentes

: el formato GIF permite especificar uno de los colores de la paleta como color transparente

Imágenes animadas:

el formato GIF permite almacenar varias imágenes en un mismo fichero, de manera que al visualizarlas en el navegador aparecen sucesivamente superponiéndose a la imagen anterior (

GIF animados

)

Salir

Menú

Word

Tipos especiales de imágenes

 

Imágenes entrelazadas:

permiten acelerar su visualización, ya que las líneas de la imagen no se graban consecutivamente, sino de forma entrelazada. Al dibujarse la imagen no se hace de arriba a abajo, sino por bandas.

Imágenes de baja resolución:

en HTML se puede indicar que se cargue una imagen de baja resolución mientras llega la imagen buena.

Salir

Menú

Word

Imágenes de fondo

 Como ya se vio, se puede poner una imagen como fondo de la página web, a través de

Formato > Fondo > Efectos de relleno > Otra textura

.

   La imagen se coloca formando un mosaico hasta completar la ventana donde se muestra la página Ejemplos típicos: textura, línea bicolor, logotipo Para no entorpecer la visualización global de la página, debe considerarse el contraste con el color del texto

Salir

Menú

Word

Aplicaciones de las imágenes

Fila de imágenes:

muy usada para barras de navegación (grupo de imágenes alineadas usadas como enlaces)  

Iconos:

existen bibliotecas de iconos con gran variedad de gráficos de uso frecuente (fondos, líneas, botones, logos...)

Formateado de párrafos:

puede usarse una imagen transparente (gif de 1 pixel x 1 pixel) controlando su tamaño para añadir espaciados horizontales y verticales

Salir

Menú

Word

Gestión eficiente de imágenes

Los siguientes aspectos pueden mejorar la carga de las imágenes:  Utilizar imágenes entrelazadas   Especificar el tamaño de la imagen Incluir versiones reducidas de las imágenes (iconos) que enlacen con las versiones completas    Reescalar la imagen al tamaño deseado Disminuir el número de colores La suma de los tamaños de las imágenes no debe ser muy grande

Salir

Menú

Word

Hipervínculos y marcadores

  Un

hipervínculo

es un enlace que puede hacer saltar a una ubicación dentro del documento de la página web activa, a otra página web o a un archivo creado en otro programa Para crear hipervínculos en Office es necesario tener activada la opción Rutas de red e Internet por hipervínculos en el menú

Herramientas > Autocorrección > Autoformato

Salir

Menú

Word

Creación de hipervínculos

1

resaltar el texto o seleccionar la imagen que se desee presentar como hipervínculo

2

seleccionar

Insertar > Hipervínculo

(o hacer clic en )

3

en el cuadro

Insertar hipervínculo

, escribir la ruta de acceso o hacer clic en

Archivo...

para seleccionar de una lista de archivos

4

o especificar el nombre del marcador en

Marcador...

si se desea un salto dentro del documento

5

o una cuenta de correo en

Dir. de correo electrónico

6

hacer clic en

Aceptar

Salir

Menú

Word

Editar hipervínculos

Para cambiar el texto o la imagen de un hipervínculo: 1

seleccionar con el teclado para evitar “seguir” el hipervínculo (mantener pulsada la tecla <

Mayús

> mientras se desplaza con los cursores)

2

modificar la imagen o texto insertando el nuevo

Salir

Menú

Word

Editar hipervínculos

Para cambiar el aspecto de todos los hipervínculos del documento: 1

abrir el documento

2

seleccionar

Formato > Estilo

3

en el cuadro

Estilos

, hacer clic en

Hipervínculo

o

Hipervínculo visitado

, y elegir la opción

Modificar

4

para cambiar la

fuente

, el

estilo

la fuente y el

color

Formato > Fuente

y el

tamaño

del hipervínculo, elegir de

5

seleccionar las opciones deseadas

Salir

Menú

Word

Editar hipervínculos

Para copiar, modificar o realizar otras operaciones sobre un hipervínculo: 1

pulsar el botón derecho del ratón para abrir el menú contextual

2

seleccionar la opción

Hipervínculo

3

hacer clic en

Modificar hipervínculo

las opciones deseadas y seleccionar 

Para eliminar un hipervínculo: 1

en el menú

Modificar hipervínculo

, hacer clic en

Quitar vínculo

Salir

Menú

Word

Marcadores

Los marcadores (anclajes) son los puntos de los documentos a los que se asocian los hipervínculos. Para crear un marcador: 1

situarse con el ratón en la posición de destino del hipervínculo

2

seleccionar

Insertar > Marcador

y dar un nombre al marcador. Hacer clic en

Agregar

Salir

Menú

Word

Marcadores

Para eliminar un marcador (y su hipervínculo): 1

seleccionar

Insertar > Marcador

nombre del marcador.

y escoger el

2

hacer click en el botón

Eliminar

3

hacer click en

Aceptar

Salir

Menú

Word

Creación de tablas

   Las tablas permiten organizar la información en filas y columnas Sin tablas es muy difícil mantener la alineación de texto y gráficos en HTML Cada celda puede contener información de distinto tipo, asín como tener distinto formato  El uso en el entorno de trabajo web es muy similar al de documentos Word normales

Salir

Menú

Word

Insertar una tabla

1

situar la posición de inserción en el lugar deseado

2

seleccionar

Tabla > Insertar tabla

3

en el cuadro

Insertar tabla

, seleccionar el número de filas y de columnas

4

para que las líneas de división sean visibles, activar la opción

Tabla > Mostrar líneas de división

Salir

Menú

Word

Seleccionar y eliminar tablas

Para seleccionar una tabla: 1

hacer clic en cualquier parte de la tabla

2

seleccionar

Tabla > Seleccionar tabla

Para eliminar una tabla: 3

una vez seleccionada la tabla, seleccionar

Edición > Borrar

(o pulsar <

Supr

>)

Salir

Menú

Word

Añadir filas y columnas

Para añadir una nueva fila por encima de otra: 1

hacer clic en cualquier celda de la fila

2

seleccionar

Tabla > Insertar filas

Para añadir una nueva columna a la izquierda de otra: 1

hacer clic en cualquier celda de la columna y seleccionar

Tabla > Seleccionar columna

2

seleccionar

Tabla > Insertar columnas

Salir

Menú

Word

Eliminar filas, columnas y celdas

Para borrar una fila: 1

hacer clic en cualquier celda de la fila y seleccionar

Tabla > Seleccionar fila

2

seleccionar

Tabla > Eliminar filas

 

Las columnas se borran de manera similar Para borra una celda: 1

hacer clic en la celda

2

seleccionar

Tabla > Eliminar celdas

3

elegir la forma de reagrupar las demás celdas

Salir

Menú

Word

Combinar y dividir celdas

Para combinar varias celdas: 1

seleccionar dos o más celdas que se desee unir

2

seleccionar

Tabla > Combinar celdas

Para dividir una celda en varias: 1

hacer clic en la celda que se desee dividir

2

seleccionar

Tabla > Dividir celdas

3

seleccionar el número de filas y de columnas en las que se desea dividir la celda

Salir

Menú

Word

Establecer las propiedades de las tablas

Para modificar el aspecto de las tablas se pueden usar distintas opciones, agrupadas en el menú

Propiedades de tabla

según a qué elementos afectan: 

Propiedades de tabla

 

Propiedades de celda Bordes

, en la ficha

Tabla

Salir

Menú

Word

Establecer las propiedades de las tablas

Para modificar los aspectos comunes a toda la tabla: 1

situar el punto de inserción en cualquier lugar de la tabla y seleccionar

Tabla > Propiedades de tabla

2

en la ficha

Tabla

, modificar las opciones deseadas (alineación, ajuste de texto), y en

Opciones

(márgenes y espaciado entre celdas)

Salir

Menú

Word

Establecer las propiedades de las tablas

Para modificar el formato de celdas individuales: 1

situar el punto de inserción en la celda y seleccionar

Tabla > Propiedades de tabla > Celda

2

modificar las opciones deseadas: alineación vertical y tamaño. (También puede cambiarse el tamaño pasando el ratón por las líneas de separación y ajustándolas )

Salir

Menú

Word

Establecer las propiedades de las tablas

    Las tablas incluyen bordes sencillos al insertarlas en Word. Es posible diseñar bordes y sombreado para celdas aisladas. Para ello, seleccionar

Bordes y sombreado

desde

Formato o Tabla > Propiedades de tabla

, y establecer las propiedades de bordes o sombreado (fondo de celda). En la opción

Aplicar

indicar si los cambios afectan a la celda (o grupo de celdas) o a la tabla

Salir

Menú

Word

Convertir texto en tabla

1

seleccionar el texto que se desee convertir en tabla

2

seleccionar

Tabla > Convertir texto en tabla

3

especificar el número de filas y columnas y el separador de las partes del texto

4

hacer clic en

Autoformato

si se desea usar un formato de tabla predefinido en Word

Salir

Menú

Word

Dividir una tabla

 Una vez creada una tabla, puede dividirse en dos para modificar su aspecto:

1

situar el punto de inserción en una celda de la fila inferior de la separación y seleccionar

Tabla > Dividir tabla

2

para restaurar la tabla, pulsar <

Supr

> en la línea de separación originada

Salir

Menú

Word

Formularios

 Los formularios permiten el envío de informa ción desde el cliente hacia el servidor web   Un formulario consta de una serie de controles (cuadros de texto, botones de opciones, menús de lista desplegables...) para recoger distintos tipos de información Los formularios necesitan la ejecución de pro gramas o

scripts

por medio del CGI (

Common Gateway Interface

) para procesar la información y producir unos resultados hacia el cliente

Salir

Menú

Word

Formularios

Usos típicos de los formularios:  Realizar búsquedas en bases de datos    Rellenar cuestionarios Solicitar información sobre un tema Inscribirse en una lista de distribución   Crear un libro de firmas Colocar un contador de visitas a la página

Salir

Menú

Word

Crear un formulario a partir de una página web en blanco

 Word permite crear un formulario a partir de una página en blanco, o añadirlo como parte de una página que se esté diseñando  La estructura del formulario es:  Etiqueta de inicio del formulario  Cuerpo del formulario, conteniendo los controles para la introducción de datos  Botones de envío y restablecer  Etiqueta de cierre del formulario

Salir

Menú

Word

Tipos de controles de formularios

Salir

Menú

Word

Tipos de controles de formularios

 

Casilla de verificación:

valores lógicos (sí / no) permite seleccionar

Botones de opción (o de radio):

permite seleccionar una opción entre varias asociadas a un mismo grupo 

Cuadros de lista (desplegable):

presentan una serie de elementos para seleccionar (de un cuadro desplegable)

Salir

Menú

Word

Tipos de controles de formularios

  

Cuadros de texto:

permiten al usuario escribir información en una línea de texto

Área de texto:

permite escribir varias líneas de texto. La ventana es de tamaño fijo, y para desplazarse a través de ella se tienen barras de desplazamiento.

Botón de envío:

botón mediante el cual el usuario envíe toda la información del formulario (botones

Enviar

y

Enviar imagen

).

Salir

Menú

Word

Tipos de controles de formularios

  

Botón restablecer:

permite restaurar los valores iniciales de los controles

Oculto:

utilizado para pasar información al servidor, por ejemplo, información del entorno del usuario, cuando el usuario envía el formulario.

Contraseña:

cuadro de texto que muestra asteriscos (***) para enmascarar el texto que el usuario escribe

Salir

Menú

Word

Insertar controles en un formulario

 Para crear un formulario en una página en blanco o ya existente:

1

seleccionar

Ver > Barra de herramientas > Herramientas Web

y asegurarse de estar en

Diseño

( )

Modo

2

situarse en el lugar de la página donde se desee insertar el control (si no está dentro de los límites del formulario se crea otro nuevo)

3

hacer clic en el control deseado

Salir

Menú

Word

Propiedades de un formulario

Cada campo de un formulario tiene sus propiedades particulares que definen su nombre, su aspecto y el tipo de valores que acepta. Para ajustarlas:

1

hacer doble clic sobre el control (o clic en

Propiedades

)

2

establecer las propiedades del control usando cualquiera de las fichas

3

asignar un nombre a la propiedad

HTLMName

de cada control que se añada

Salir

Menú

Word

Propiedades de un formulario

Los controles pueden contener las propiedades: 

Checked:

indica si una casilla de verificación o un botón de radio están seleccionados inicialmente 

HTMLName:

nombre asociado al control. El par nombre/valor se enviará al servidor para su procesamiento 

Value:

valor inicial del control. Obligatorio para el botón de radio

Salir

Menú

Word

Propiedades de un formulario

  

MaxLength:

válido para cuadros de texto y contraseñas, indica el número máximo de caracteres de la entrada

Size:

indica el tamaño del cuadro

Columns, Rows:

para áreas de texto número de columnas y de filas 

Selected:

valor por defecto de la lista 

MultiSelected:

indica si se permite seleccionar más de un valor de la lista (que será desplegable)

Salir

Menú

Word

Propiedades de un formulario

DisplayValues:

elementos que se mostrarán en la lista. Introducirlos separados por punto y coma y sin espacio entre ellos.

Para las listas, el atributo

Values

indica los valores asociados a cada elemento de la lista, y pueden diferir de los valores de presentación, pero el número de ellos debe ser igual o mayor que el número de valores de presentación.

Salir

Menú

Word

Propiedades de un formulario

Para los botones

Enviar

y

Enviar imagen

:  

Action:

ubicación del archivo que se abre cuando el usuario haga clic en Enviar

Caption:

texto que aparece en el botón  

Encoding:

tipo de MIME utilizado para codificar el formulario enviado

Method:

método que se utilizará para enviar el formulario (POST o GET)

Salir

Menú

Word

Publicar un formulario

 Un formulario requiere un programa CGI en el servidor web para recibir y procesar la informa ción enviada desde el formulario por el usuario  Word no genera ni instala los programas CGI necesarios. Hay que usar algún lenguaje de programación (Perl, C...) para ello.

 Se puede configurar el formulario para que los resultados sean enviados a una cuenta de correo ( Action=mailto:dirección_email ; Method=GET; Encoding=TEXT/PLAIN )

Salir

Menú

Word

Inclusión de otros elementos

Otros elementos que pueden incluirse en las páginas web:  secuencias de vídeo  sonidos  mapas sensibles  marcos (frames)  applets de Java  ...

Salir

Menú

Word

Secuencias de vídeo

 Precaución: los ficheros de vídeo suelen ocupar mucho espacio. Para insertar un vídeo:

1

seleccionar

Ver > Barra de herramientas > Herramientas Web

y hacer clic en el icono

Película

2

indicar la ruta del fichero de vídeo (.avi, .mov, .mpeg...)

3

especificar una imagen alternativa al vídeo, y un texto alternativo opcional

4

indicar el modo de activación del vídeo y el número de repeticiones

Salir

Menú

Word

Sonido de fondo

 Precaución: un sonido de fondo discordante puede ser contraproducente. Para agregar un sonido de fondo:

1

seleccionar

Ver > Barra de herramientas > Herramientas Web

y hacer clic en el icono

Sonido

2

indicar la ruta del fichero de sonido (.wav, .au, .midi, .mid...)

3

especificar el número de repeticiones

Salir

Menú

Word

Mapas sensibles

 Un mapa sensible es una imagen que dispone de zonas activas tales que al hacer

clic

ratón sobre ellas se activa algún enlace.

con el  Word no genera directamente código HTML para definir mapas sensibles, por lo que habría que editar el código HTML (p. ej. a través de

Ver > Código HTML

), o...

 Usar programas expresamente destinados a ello, como

MapEdit

o

Macromedia Fireworks

Salir

Menú

Word

Crear marcos (frames)

 Los marcos o frames dividen la pantalla en varias ventanas que se definen como páginas diferentes  Para añadir un marco a una página web:

1

hacer clic en un marco adyacente al lugar en el que se desea que aparezca el nuevo marco

2

seleccionar

Formato > Marcos

y escoger la posición del marco que se desea agregar

3

arrastrar el borde hasta que el marco tenga el tamaño deseado

Salir

Menú

Word

Crear marcos (frames)

 Para especificar la página web inicial que muestra un marco:

1

hacer clic en el marco

2

seleccionar

Formato > Marcos > Propiedades de marcos > Marco

3

en el cuadro

Página inicial

, escribir la ruta del documento que mostrará el marco al abrirlo

Salir

Menú

Word

Crear marcos (frames)

 Para asignar un nombre a un marco:

1

hacer clic en el marco

2

seleccionar

Formato > Marcos > Propiedades de marcos > Marco

3

en el cuadro

Nombre

, escribir el nombre para el marco

Salir

Menú

Word

Crear marcos (frames)

 Para crear un vínculo entre marcos:

1

seleccionar el texto o la imagen que se desee presentar como hipervínculo

2

seleccionar

Insertar > Hipervínculo

3

en la lista

Haga clic en el marco en el que desea que aparezca el documento

, escoger el marco

Salir

Menú

Word

Crear marcos (frames)

 Para mostrar u ocultar los bordes de los marcos:

1

seleccionar

Formato > Marcos > Propiedades de marcos

2

en la ficha

Bordes

, hacer clic en

Sin bordes

para desactivar los bordes, o en

Mostrar todos los bordes

para activarlos  Para eliminar un marco seleccionado:

1

seleccionar

Formato > Marcos > Eliminar marco

Salir

Menú

Word

Insertar applets Java

 Java es un lenguaje de programación que permite incluir programas (

applets

) en las páginas web. Tales programas se suelen usar para conseguir efectos visuales y sonoros  Hay que acudir de nuevo a la codificación en HTML para insertar

applets Java

en las páginas web, ya que Word no lo permite en el modo de edición web

Salir

Menú