creación de páginas web con word publicación en internet con microsoft office sevilla, junio de...

85
Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 Salir Iniciar

Upload: agapeto-piedrahita

Post on 02-Feb-2016

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Creación de páginas web con Word

Publicación en Internet con Microsoft OfficeSevilla, junio de 2004

Salir Iniciar

Page 2: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word Creación de páginas web con Word

Salir

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

Formularios

Creación de tablas

Inclusión de otros elementos

Page 3: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Introducción

MenúSalir

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

Page 4: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

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

MenúSalir

Word incluye tres métodos sencillos para crearpá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

Page 5: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Uso del asistente para páginas web

MenúSalir

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

Page 6: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Guardar documentos Word en formato HTML

MenúSalir

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

Page 7: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

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

MenúSalir

1 seleccionar Archivo > Nuevo

2 elegir uno de estos dos procedimientos:

2a en la ficha General, escoger Página web paraabrir una página web en blanco

2a en la ficha Páginas Web, escoger la plantilladeseada

3 editar el documento

Page 8: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Introducción de texto

MenúSalir

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.

Page 9: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Asignar un título a una página web

MenúSalir

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)

Page 10: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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)

Insertar encabezados

MenúSalir

Page 11: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Insertar encabezados

MenúSalir

Page 12: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Insertar una línea horizontal con diferentes estilos

MenúSalir

Page 13: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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.

Agregar texto desplazable a una página web

MenúSalir

Page 14: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

1 seleccionar Ver > Barra de herramientas y activar Herramientas Web

2 situar el cursor donde se desee introducir la marquesina

3 hacer click en el icono Desplazar texto en la barra de herramientas Web

4 en el cuadro Desplazamiento de texto, indicar el texto desplazable, y otras propiedades de la marquesina.

5 Hacer click en Aceptar.

Agregar texto desplazable a una página web

MenúSalir

Page 15: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear una plantilla HTML personalizada

MenúSalir

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

Page 16: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear una plantilla HTML personalizada

MenúSalir

1 seleccionar Archivo > Guardar como página Web

2 abrir la lista Guardar como tipo y elegir Plantilla de documento (*.dot)

3 elegir ubicación y nombre de la plantilla

4 hacer clic en Guardar

Page 17: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word Cómo dar formatos a páginas web

MenúSalir

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...)

Page 18: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word Cómo dar formatos a páginas web

MenúSalir

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

Page 19: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formatos de párrafo

MenúSalir

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

Page 20: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formatos de párrafo

MenúSalir

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

Page 21: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formatos de párrafo

MenúSalir

Alineación de párrafo

Alinear a la izquierda

Alinear a la derechaCentrar

Sangrar un párrafoPermite 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

Page 22: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Formatos de texto

MenúSalir

Page 23: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Definir estilos de formatos

MenúSalir

Antes de crear un párrafo, o después si se haseleccionado, se puede dar un estilo de formato altexto mediante el uso de

Viñetas Listas de numeración Fondos de color o textura ...

Page 24: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear listas de viñetas y de numeración

MenúSalir

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

Page 25: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear listas de viñetas y de numeración

MenúSalir

Para listas de numeración:

2 abrir la ficha Números

3 seleccionar el estilo deseado

4 elegir entre Reiniciar numeración y Continuar lista anterior

5 hacer clic en Aceptar

Page 26: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear listas de viñetas y de numeración

MenúSalir

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

Page 27: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Establecer colores de texto

MenúSalir

Page 28: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

1 seleccionar Formato > Fondo

2 escoger un color de entre los mostrados 3 o hacer clic en Más colores para elegir uno personalizado

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)

Agregar color de fondo y textura

MenúSalir

Page 29: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Imágenes

MenúSalir

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.

Page 30: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Inserción de una imagen

MenúSalir

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

Page 31: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Insertar una imagen desde un archivo

MenúSalir

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

Page 32: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Insertar una imagen desde el portapapeles

MenúSalir

Page 33: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Atributos de las imágenes

MenúSalir

Se puede modificar el aspecto de las imágenes yainsertadas 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

Page 34: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tamaño de la imagen

MenúSalir

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

Puntos de control

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

1 seleccionar la imagen

Page 35: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Alineación del texto con la imagen

MenúSalir

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

Page 36: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Texto alternativo

MenúSalir

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

Page 37: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formatos gráficos

MenúSalir

Los dos formatos de gráficos más frecuentes enlos 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

Page 38: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos especiales de imágenes

MenúSalir

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)

Page 39: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos especiales de imágenes

MenúSalir

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.

Page 40: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Imágenes de fondo

MenúSalir

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

Page 41: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Aplicaciones de las imágenes

MenúSalir

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

Page 42: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Gestión eficiente de imágenes

MenúSalir

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

Page 43: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Hipervínculos y marcadores

MenúSalir

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

Page 44: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

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

Creación de hipervínculos

MenúSalir

Page 45: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Editar hipervínculos

MenúSalir

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

Page 46: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Editar hipervínculos

MenúSalir

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 y el tamaño de la fuente y el color del hipervínculo, elegir Formato > Fuente

5 seleccionar las opciones deseadas

Page 47: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Editar hipervínculos

MenúSalir

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 y seleccionar las opciones

deseadas

Para eliminar un hipervínculo:

1 en el menú Modificar hipervínculo, hacer clic en Quitar vínculo

Page 48: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Marcadores

MenúSalir

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

Page 49: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Marcadores

MenúSalir

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

1 seleccionar Insertar > Marcador y escoger el nombre del marcador.

2 hacer click en el botón Eliminar

3 hacer click en Aceptar

Page 50: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Creación de tablas

MenúSalir

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

Page 51: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Insertar una tabla

MenúSalir

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

Page 52: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Seleccionar y eliminar tablas

MenúSalir

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>)

Page 53: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Añadir filas y columnas

MenúSalir

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

Page 54: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Eliminar filas, columnas y celdas

MenúSalir

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

Page 55: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Combinar y dividir celdas

MenúSalir

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

Page 56: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Establecer las propiedades de las tablas

MenúSalir

Para modificar el aspecto de las tablas se puedenusar 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

Page 57: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Establecer las propiedades de las tablas

MenúSalir

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)

Page 58: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Establecer las propiedades de las tablas

MenúSalir

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 )

Page 59: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Establecer las propiedades de las tablas

MenúSalir

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

Page 60: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Convertir texto en tabla

MenúSalir

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

Page 61: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Dividir una tabla

MenúSalir

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

Page 62: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formularios

MenúSalir

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

Page 63: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Formularios

MenúSalir

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

Page 64: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

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

MenúSalir

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

Page 65: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos de controles de formularios

MenúSalir

Page 66: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos de controles de formularios

MenúSalir

Casilla de verificación: permite seleccionar valores lógicos (sí / no)

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)

Page 67: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos de controles de formularios

MenúSalir

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).

Page 68: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Tipos de controles de formularios

MenúSalir

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

Page 69: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Insertar controles en un formulario

MenúSalir

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 Modo Diseño ( )

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

Page 70: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Propiedades de un formulario

MenúSalir

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

Page 71: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Propiedades de un formulario

MenúSalir

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

Page 72: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Propiedades de un formulario

MenúSalir

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: número de columnas y de filas para

áreas de texto Selected: valor por defecto de la lista MultiSelected: indica si se permite seleccionar más de un

valor de la lista (que será desplegable)

Page 73: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Propiedades de un formulario

MenúSalir

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.

Page 74: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Propiedades de un formulario

MenúSalir

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)

Page 75: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Publicar un formulario

MenúSalir

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)

Page 76: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Inclusión de otros elementos

MenúSalir

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

Page 77: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Secuencias de vídeo

MenúSalir

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

Page 78: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Sonido de fondo

MenúSalir

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

Page 79: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Mapas sensibles

MenúSalir

Un mapa sensible es una imagen que dispone de zonas activas tales que al hacer clic con el ratón sobre ellas se activa algún enlace.

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

Page 80: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear marcos (frames)

MenúSalir

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

Page 81: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear marcos (frames)

MenúSalir

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

Page 82: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear marcos (frames)

MenúSalir

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

Page 83: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear marcos (frames)

MenúSalir

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

Page 84: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Crear marcos (frames)

MenúSalir

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

Page 85: Creación de páginas web con Word Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar

Word

Insertar applets Java

MenúSalir

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