PAGINA WEB

PAGINA WEB

1. Para crear una página Web utilizaremos el menú Abrir, Nuevo y en el panel Nuevo documento, dentro de la sección Nuevo hacer clic en Página Web, esto hará que se abra un documento en blanco con la particularidad que al guardarlo le dará tipo Página web (html).

Una vez que Word detecta que estamos trabajando con una página web el icono de página en blanco,  en la barra estándar, se cambia por el icono de página web en blanco  y al hacer clic en el icono Guardar ya nos guarda directamente el documento como página web.

Otra forma equivalente de crear una página Web es utilizar el menú Abrir, Nuevo y en el panel Nuevo documento, dentro de la sección Nuevo a partir de una plantilla, hacer clic en Plantillas generales, se abrirá un cuadro de diálogo como el que vemos aquí, en la ficha General elegiremos Página Web.

Si guardamos plantillas de páginas Web también podremos acceder a ellas de esta forma que acabamos de ver.

Observa como el icono de las plantillas de páginas Web es un poco diferente de las plantillas de documentos Word ya que tiene un pequeño globo terráqueo.

Título de la página Web. 

Este título no tiene nada que ver con el nombre del documento Web que damos cuando guardamos nuestro archivo. Aquí nos referimos al propio título de la página Web.

Este título es el que se verá en la barra de direcciones y en lista de Favoritosdesde un navegador, (cuando se guarde nuestra página en Favoritos), y también el título que se suele ver cuando un buscador lista nuestra página.

Puedes asignar el título al guardar la página en el menú Archivo, Guardar como página web, haz clic en el botón Cambiar título, aparecerá un cuadro de diálogo, como el que ves aquí, en el que introducir el título.

También se puede modificar el título en cualquier momento con el menú Archivo, elige Propiedades y en la ficha General tienes un campo Título que puedes modificar.

HIPERENLACES O HIPERVÍNCULO

Un hiperenlace (o hipervínculo) es una palabra, frase o gráfico que al hacer clic sobre él saltamos a la página web a la que apunta el hiperenlace. Cuando pasamos el cursor por encima de un hiperenlace, éste cambia de forma y toma la forma de una mano, Los hiperenlaces pueden llevarnos a otra parte dentro de la misma página, a otra página en el mismo servidor, a otra página en otro servidor, a una dirección de correo electrónico, a un servidor ftp, etc. Para insertar un hiperenlace ir al menú Insertar, Hipervínculo o hacer clic en el icono  de la barra estándar. Aparecerá un cuadro de diálogo como el que vemos en la imagen, debemos rellenar el campo Texto y el campo Dirección, veamos cómo hacerlo:   Texto. Es el texto que contiene el hiperenlace, puedes seleccionarlo en el documento con lo cual ya aparecerá en este campo o en otro caso deberás escribirlo ahora. Si quieres insertar un hiperenlace en una imagen seleccionala antes de insertar el hipervínculo, verás como aparece "<Selección del documento>" en este campo Texto.  Vincular a. Aquí tenemos cuatro opciones según vemos en los cuatro iconos de la parte izquierda: 1.- Archivo o página Web existente. En el campo Dirección escribiremos una dirección completa de Internet (URL) si queremos enlazar con una página de Internet, por ejemplo, http://www.facebook.com . También podemos escribir la dirección de una página de nuestro mismo servidor Web, por ejemplo, tema_14_word.htm , como la página está en nuestro servidor no hace falta indicar la primera parte de la dirección (http://www.facebook.com) Si la página estuviese en otro directorio habría que indicarlo, por ejemplo, Word2003/tema_14_word.htm. 2.- Lugar de este documento. Utilizaremos esta opción si queremos que nuestro hipervínculo nos lleve a un lugar en el mismo documento en el que nos encontramos. Previamente deberemos haber insertado en nuestro documento el marcador al que hacemos referencia, esto se hace colocándose en el lugar donde queremos insertar el marcador y desde el menú Insertar, seleccionar Marcador para que aparezca un cuadro de diálogo donde escribiremos el nombre del marcador. 3.- Crear nuevo documento. El hiperenlace nos llevará al documento que vamos a crear en este momento. En el cuadro de diálogo que aparecerá escribir el nombre del archivo nuevo en el campo Nombre del nuevo documento. En el documento original se rellenará el campo Dirección con el nombre de este nuevo documento, y se cerrará el cuadro de diálogo. 4.- Dirección de correo electrónico. En el campo Dirección escribiremos una dirección de correo, como por ejemplomailto:webmaster@facebook.com. Al hacer clic en el hiperenlace se abrirá el programa de correo del navegador (por ejemplo, Outlook Express) ya preparado para enviar el correo a esta dirección. En la parte derecha del cuadro de diálogo tenemos unos botones que vamos a ver ahora.  Info. de pantalla... Al hacer clic aparece este cuadro de diálogo para que introduzcamos el texto de la sugerencia. Cuando el usuario coloque el cursor encima del hiperenlace y lo mantenga un cierto tiempoaparecerá un cuadrado amarillo (tooltip) con el texto que hemos introducido en la sugerencia. Es una buena forma de dar una explicación adicional sobre el contenido del hiperenlace. Sólo funcionan con IE 4.0 o superior.   Si queremos que nuestro hiperenlace nos lleve a un archivo, con este botón podemos elegir ese archivo en nuestro disco. Se abrirá una ventana como la que aparece cuando utilizamos el comando Abrir archivo. Una vez encontrado el archivo pulsar INTRO y se copiará en el campo Dirección.   Si estamos conectados a Internet, este botón abrirá el navegador para que busquemos la página a la que queremos que nos lleve el hiperenlace que estamos insertando. La dirección (URL) de la página que estemos visitando se copiará en el campo Dirección.  Marcador... Nos muestra los marcadores que contiene la página web que tenemos seleccionada (si es que los tiene). Basta hacer clic en uno de los enlaces que se nos mostrarán en una ventana como esta para que el marcador se añada a la dirección de la página. Cuando el usuario pulse en el hiperenlace, el navegador se colocará en la posición de la página en la que se insertó el marcador.  Marco de destino... Una página web puede estar dividida en marcos o frames, aquí podemos elegir en qué marco queremos que se abra la página apuntada por el hipervínculo Al hacer clic en este botón se abrirá un cuadro de diálogo como el que ves aquí para que selecciones el marco de destino. Puedes elegir entre las opciones que ves en la imagen.  MODIFICAR HIPERVÍNCULO Al seleccionar un elemento que contiene un hiperenlace y pulsar el botón derecho del ratón aparece la ventana que ves aquí, al elegir la opción Modificar hipervínculo se abrirá el cuadro de diálogoInsertar Hipervínculo, que acabamos de ver en el punto anterior y en el que podemos modificar todas las características del hipervínculo.

BARRA DE MARCOS

Este es el aspecto de la nueva barra de marcos o "frames" web que nos facilita la inserción de marcos en nuestra página web.

PUBLICAR EN INTERNET Una vez tenemos acabada nuestra página Web podemos publicarla en Internet y podrá ser vista desde cualquier parte del mundo. Sólo tienes que seguir los pasos que te vamos a indicar, sin gastarte un duro. Así de sencillo. Para que tu página se vea desde internet simplemente tiene que estar almacenada en un servidor de internet. Cualquiera puede tener un servidor de Internet, sólo hace falta un ordenador, una dirección IP fija, una conexión telefónica y un software adecuado, como el servidor Apache que además es gratuito. Esto explica el gran crecimiento inicial de Internet. Han surgido miles de servidores que comparten su información por el simple gusto de aprender y enseñar. Y muchos más que esperan hacer negocio en la red. Hay una forma mucho más fácil de publicar en Internet: basta utilizar los servicios gratuitos que ofrecen algunos servidores comerciales, a cambio de un poco de publicidad.  Obtener espacio gratuito. Hay dos alternativas. 1. Inscribirse en un sitio especializado en ofrecer espacio gratuito.  2. Utilizar el espacio gratuito que suelen ofrecer los proveedores de internet.  Colocar tus páginas en internet. Una vez hayas elegido el sitio web que hospedaras tus páginas debes seguir las instrucciones que te darán para transferir tus páginas web a su servidor. Normalmente se hace mediante un programa de transferencia por FTP, por ejemplo Ws_Ftp, a partir del usuario, password y DSN que te proporcionen tendrás dos ventanas, una con los ficheros de tu ordenador y la otra con los ficheros en el servidor Web, mediante unos botones podrás pasar los ficheros de un lado al otro. Así de fácil. A partir del momento en que transfieras tus ficheros ya podrás ver tus páginas en internet tecleando la dirección (URL) que te asignen. Por ejemplo. http://members.es.tripod.de/tunombre/tupagina.htm  Si la dirección que te asignan es larga y complicada puedes utilizar una más corta mediante una redirección. Hay sitios que hacen esto gratuitamente como redireccion.com

DISEÑO

Voy a esbozar algunas consideraciones sobre el diseño de páginas web.  Conviene no hacer las páginas demasiado grandes, cuanto más grandes más tardarán en cargarse y el usuario se puede cansar de esperar e irse a otra página. Entre 20 y 30 Kb. es un buen tamaño.  Hay que tener en cuenta que la ventana del navegador puede cambiar de tamaño según el monitor con que se esté visualizando la página web. Es mejor utilizar dimensiones relativas (en porcentaje) que absolutas (en pixels).  Conviene utilizar tablas para contener las diferentes partes de la página y lograr que se sitúen en el sitio que más nos interese.  Utilizar formatos gráficos que permitan comprimir la imagen como JPG, GIF y PNG.  Facilitar la navegación con índices y flechas para avanzar y retroceder.

CONTINUACION TABLAS

Convertir texto en tabla y tabla en texto

Esta opción está accesible en el menú de Tabla. Si se tiene seleccionada una tabla al acceder al  menú, la opción es Convertir tabla en texto mientras que si se selecciona un texto la opción es Convertir texto en tabla.

Para convertir una tabla en texto.

1.  Abrir el Quiz EJERCICIO TABLAS y realizarle una copia con el siguiente nombre "Convertir tabla en texto", esto se hace con la opción guardar como.  Luego selecciona toda la tabla. La mejor opción es situar el cursor en una celda cualquiera de la tabla y tomar la opción del menú de tabla de seleccionar tabla.

2.  Seleccionar la opción del menú Convertir tabla en texto.

3.  Seleccionar del cuadro de diálogo que se despliega el carácter separador de los textos de las celdas.

4.  Pulsar el botón Aceptar.

Para convertir texto en tabla.

1. Ahora copia el anterior archivo "Convertir tabla en texto" y realizarle una copia con el siguiente nombre "Convertir texto en tabla".  Luego selecciona el bloque de texto, Es necesario que unos textos se distingan de otros mediante un carácter separador.

2.  Seleccionar la opción Convertir texto en tabla del menú de Tabla.

3.  Elegir en el cuadro que se despliega el carácter separador y si es preciso el número de columnas o filas.

4.   Pulsar el botón Aceptar.

Actividad

Crear nombre, apellidos y números telefónicos de compañeros separados por puntos y comas, para convertir esta información de texto a tablas.  Guardar como "datos personales".

OTRA FORMA DE APLICAR FORMATO A TABLAS

Aplicar formato a una tabla supone dibujar las líneas de división entre celdas y columnas así como aplicar sombreados y tramas al espacio determinado por las celdas.

Podemos emplear cuatro procedimientos para aplicar formato a una tabla:

• Opción Bordes y sombreado del menú de Formato.
• Opción Dibujar tabla del menú de Tabla. Presenta la barra de herramientas de Tablas y bordes.
• Opción Autoformato de tablas del menú Tabla.

Opción Bordes y sombreado del menú de Formato

La opción Bordes y sombreado del menú de Formato, se puede aplicar a párrafos, textos, páginas y también a celdas. Este sería nuestro caso. Indicamos unas líneas generales para aplicar formato empleando esta opción:  Abrir el archivo "Datos personales"

1.     Seleccionar la celda o el grupo de celdas a las cuales se les quiere dar formato.

2.     Seleccionar la opción Bordes y sombreado del menú de formato.

3.     Aplicar la opciones necesarias de las solapas de Bordes y Sombreados.

4.     Guardar como " Datos personales con formato"

4.     Salir del cuadro de diálogo con la opción aceptar.

Insertar filas y columnas

Para insertar filas y columnas se procede de la forma siguiente:

1. Seleccionar la fila o bloques de filas a insertar. Se insertarán tantas filas como haya seleccionadas, desplazándose éstas hacia abajo. En el caso de tratarse de columnas se insertan tantas columnas como haya seleccionado desplazándose hacia la derecha.

2. Seleccionar la opción Insertar filas / columnas del menú de Tabla.

Si se desea insertar una fila al final, poner el cursor en el final de la última celda y pulsar la tecla TAB.

Para insertar una columna al final seleccionar el borde derecho de la tabla, tal como aparece en la imagen siguiente y seleccionar la opción Insertar columnas del menú de Tabla.  Guardar como "Practica general" e insertar una columna para completar el día VIERNES

Eliminar filas y columnas

1.     Seleccionar el bloque de filas o columnas que se quieren eliminar.

2.     Seleccionar la opción Eliminar filas / columnas del menú de Tabla.

Si lo que se desea es borrar la información contenida en las celdas, bastará con seleccionar dichas celdas y pulsar la tecla SUPR.

Inserción de celdas

1.  Seleccionar, a partir de la celda en que se quieren insertar las celdas, el bloque de celdas que se quiere insertar.

2.  Desplegar el menú Tabla y seleccionar la opción Insertar celdas, se visualizará el siguiente cuadro de diálogo:

3.  Seleccionar el botón de la opción correspondiente al efecto que se quiera conseguir, y pulsar el botón Aceptar.

Ejemplo:

Celdas seleccionadas.

4.     Desplazar celdas hacia abajo.

Desplazar celdas hacia la derecha.

Insertar una fila completa.

Insertar una columna completa.

Supresión de celdas

El proceso es análogo al anterior:

Seleccionar el bloque de celdas a eliminar.

Desplegar el menú de Tabla y seleccionar la opción Eliminar celdas. Se visualiza el siguiente cuadro de diálogo:

1.     Seleccionar el botón de opción correspondiente al efecto que se desee conseguir.

2.     Seleccionar el botón Aceptar.

Unir y dividir celdas

La opción Combinar celdas del menú de Tabla permite unir un bloque de celdas seleccionado, convirtiéndolas en una sola celda.

Mediante la opción dividir celdas conseguimos dividir una celda en un número de filas y columnas indicado

Ejemplos de celdas combinadas y divididas. Realizar la tabla original y realiza la división de celdas y la combinación colocarle nombre "Frutas"

Importante: No es lo mismo tener varias celdas combinadas en una sola celda, que varias celdas que, mediante bordes y sombreado (o barra de herramientas de tablas y bordes) las hemos quitado el borde. En este segundo caso, hay celdas, varias celdas, pero que por carecer de línea (borde) se visualizarán e imprimirán como si fuera una sola celda grande. Para evitar estas posibles sorpresas, conviene tener la opción del menú desplegable de tabla llamada Mostrar líneas de división activada. Veamos:

Dividir tablas

Podemos dividir una tabla en dos y de esta forma insertar texto o gráficos entre ellas.

Situar el cursor en una celda cualquiera de la nueva primera fila de la nueva tabla que se creará.

Desplegar el menú de Tabla y seleccionar la opción Dividir tabla.

Nota: A partir de la versión 2000 de Word, cuando se sobrevuela una tabla aparece en la esquina superior izquierda un selector en forma de cuadradito con cuatro flechas cardinales dentro desde el que se puede seleccionar toda la tabla, por ejemplo para eliminarla o bien para desplazarla arrastrando.

Quiz: Abrir el archivo "frutas" e insertar una columna en cada intervalo de los días, combina las celdas e inserta una imagen referente a una fruta. 

LEER

Buenas noches compañeros de grado sexto, por favor leer tablas y formato de tablas, solo es leer y familiarizarse con el tema para que cuando sea explicado ustedes conozcan de lo que se esta hablando.  Estudiar por favor, aunque este tema no entra en el quiz pero si alguna pregunta que me de inicios que leyeron gracias!.....

FORMATO DE TABLAS

Objetivo: Aplicar un formato prediseñado a una tabla con un conjunto de datos relacionados.

Ejercicio: Crea un nuevo documento de Word y a partir de los datos proporcionados crea una tabla, posteriormente aplica el formato

                                “Modas Júnior”
                             Reporte de ventas
                             Enero Febrero Marzo Abril  Mayo Junio
Pantalón Levis            800      750    500   750   500 1000
Pantalón Furor          1250     1500  1300  1800 1100 2000
Playera OP                 750       500   630    450   900  850
Camisa Yale               500       900   700    400 1000  600

Paso 1.- Clic en el menú Tabla, y en las opciones que aparecen ir a la opción
Insertar, se mostrará automáticamente el contenido de esa opción, deberás elegir la que dice Tabla.

Paso 2.- Aparecerá la ventana de Insertar Tabla y en el numero de columnas
deberás poner el número 7, y en el número de filas deberás poner el número 8 y dar clic en Aceptar para crear la tabla que necesitamos.

Deberá aparecer una tabla de 7 columnas por 8 filas.

Paso 3.- Selecciona el primer renglón y da un clic en el menú Tabla y selecciona la opción Combinar Celdas para que solo quede una. En la nueva celda Escribe el nombre del Negocio
“Modas Júnior”

"Modas Júnior”

Paso 4. Repite el proceso anterior para crear la tabla de esta manera

Paso 5.- Escribe los demás datos en la tabla. La tabla deberá quedar de esta
manera.

Paso 6.- Selecciona toda la tabla y da un clic en el menú Tabla y en las opciones que aparecen selecciona la que dice Autoajustar, posteriormente clic en Ajustar al contenido.

La tabla deberá quedar de esta forma:

Paso 7.- Una vez que tenemos nuestra tabla podemos proceder a aplicar el Autoformato que es el objetivo de este tema. Para ello debemos seleccionar toda la tabla, posteriormente dar un clic en el menú Tabla y seleccionar la opción Autoformato de tablas.

Deberá aparecer una ventana donde seleccionaremos el estilo de formato que
deseamos, que en este caso será el que se llama Tabla Vistosa3 y daremos clic en Aplicar.

Al terminar nuestra práctica el resultado de haberle aplicado un formato automático a nuestra tabla deberá ser el siguiente.

Ejercicio Quiz:

1. Realiza la siguiente tabla y aplica el formato correspondiente, nombrarlo "Ejercicio tablas":

2. Realiza el formato que consideres adecuado a la encuesta que diseñaste en la clase pasada.

Estos dos puntos deben quedar organizados el día de hoy.

Gracias!