11.ELABORACIÓN DE PAGINAS WEB. USO DE...

7
11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas web 2. Herramientas para la edición de páginas web 3. Edición de páginas web con Word 4. Publicación de la página web 1. PÁGINAS WEB. Las páginas web son la forma de representación de los “sitios” existentes en internet. Las páginas web tienen varios elementos fundamentales: el título, el cuerpo o contenido principal, enlaces a otras páginas o entre las distintas partes de la misma, banners o publicidad, etc. El título debe referirse al contenido claramente ya que la mayoría de los buscadores usan las palabras que lo componen para incluirlo en sus bases de datos. El cuerpo de la página lo forma la información que ofrece la página. Las imágenes fijas (normalmente en formajo JPEG que ocupa menos espacio que por ejemplo los formatos BMP o CPT) y las animadas (formatos GIF o Flash) también forman parte de las páginas. Se aconseja que tengan un tamaño reducido para una carga rápida de la página. 2.HERRAMIENTAS PARA LA EDICIÓN DE PÁGINAS WEB Hay una gran variedad de programas y herramientas para crear o editar páginas web: Editores de texto HTML que requieren conocimientos del código HTML. El código HTML consta de instrucciones entre llaves <> llamadas tags o etiquetas. Por ejemplo <B> significa escribir en negrita (bold) y <P> que se aplique a un párrafo. Editores visuales de HTML que no requieren conocer el lenguaje HTML como por ejemplo Microsoft FrontPage, procesadores de texto como Word o StarOffice simples pero efectivos, incluso editores de presentaciones como Power Point ayudan a editar las páginas web mediante asistentes o plantillas. Nosotros usaremos Word, aún sabiendo que no es la herramienta más adecuada pero si la más sencilla puesto que este procesador de textos es manejado con soltura por la mayoría de los alumnos, y porque lo que tratamos es de asimilar conceptos básicos como los hipervínculos, los marcadores, etc. Una vez conocida la mecánica básica, el salto a por ejemplo Front Page, mucho más adecuado, pero también mucho más complejo y con muchas más opciones, es muy sencillo; pero no podemos abordar un tutorial de Front Page durante este curso por la gran cantidad de tiempo que sería necesario. 3. EDICIÓN DE PÁGINAS WEB CON WORD 1-Abrimos el programa Word. En el menú Archivo elegimos Nuevo, y en la pestaña Página Web elegimos Página Web. 2-A continuación pulsamos en la pestaña superior Páginas Web. 3-Escogemos ahora el Asistente para páginas Web

Transcript of 11.ELABORACIÓN DE PAGINAS WEB. USO DE...

Page 1: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas web 2. Herramientas para la edición de páginas web 3. Edición de páginas web con Word 4. Publicación de la página web 1. PÁGINAS WEB. Las páginas web son la forma de representación de los “sitios” existentes en internet. Las páginas web tienen varios elementos fundamentales: el título, el cuerpo o contenido principal, enlaces a otras páginas o entre las distintas partes de la misma, banners o publicidad, etc. El título debe referirse al contenido claramente ya que la mayoría de los buscadores usan las palabras que lo componen para incluirlo en sus bases de datos. El cuerpo de la página lo forma la información que ofrece la página. Las imágenes fijas (normalmente en formajo JPEG que ocupa menos espacio que por ejemplo los formatos BMP o CPT) y las animadas (formatos GIF o Flash) también forman parte de las páginas. Se aconseja que tengan un tamaño reducido para una carga rápida de la página. 2.HERRAMIENTAS PARA LA EDICIÓN DE PÁGINAS WEB Hay una gran variedad de programas y herramientas para crear o editar páginas web:

• Editores de texto HTML que requieren conocimientos del código HTML. El código HTML consta de instrucciones entre llaves <> llamadas tags o etiquetas. Por ejemplo <B> significa escribir en negrita (bold) y <P> que se aplique a un párrafo.

• Editores visuales de HTML que no requieren conocer el lenguaje HTML como por ejemplo Microsoft FrontPage, procesadores de texto como Word o StarOffice simples pero efectivos, incluso editores de presentaciones como Power Point ayudan a editar las páginas web mediante asistentes o plantillas.

Nosotros usaremos Word, aún sabiendo que no es la herramienta más adecuada pero si la más sencilla puesto que este procesador de textos es manejado con soltura por la mayoría de los alumnos, y porque lo que tratamos es de asimilar conceptos básicos como los hipervínculos, los marcadores, etc. Una vez conocida la mecánica básica, el salto a por ejemplo Front Page, mucho más adecuado, pero también mucho más complejo y con muchas más opciones, es muy sencillo; pero no podemos abordar un tutorial de Front Page durante este curso por la gran cantidad de tiempo que sería necesario. 3. EDICIÓN DE PÁGINAS WEB CON WORD 1-Abrimos el programa Word. En el menú Archivo elegimos Nuevo, y en la pestaña Página Web elegimos Página Web. 2-A continuación pulsamos en la pestaña superior Páginas Web. 3-Escogemos ahora el Asistente para páginas Web

Page 2: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

4- Seguidamente lo único que debemos hacer es seguir las instrucciones del asistente. Aparece la portada y pulsamos Siguiente.

Lugar de almacenamiento en el disco duro o en diskette de nuestra página

Agregamos un archivo, por ejemplo de Word (archivo de texto especificando su ubicación), El formato del archivo se adecuará al formato de la página

Agregamos tantas subpáginas como consideremos necesario

Título que aparecerá en la página (posteriormente se puede modificar)

Page 3: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

Detallamos el aspecto visual de la página . Si pulsamos examinar temas podremos escoger entre diversos diseños predeterminados

Establecemos el orden en el que queremos que aparezcan las páginas y las subpáginas en la web

5-Ya tenemos la página configurada, a continuación queda agregarle el contenido

Page 4: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

6-Personalizamos la página principal

ATENCIÓN: Para que la página funcione adecuadamente en la red, por lo menos en la mayoría de los servidores, es conveniente que se llame index.htm. ATENCIÓN: Nombra todas tus páginas con letras minúsculas (los servidores UNIX distinguen entre mayúsculas y minúsculas).

Establecemos tanto el nombre del vínculo (otra página a la que vamos pulsando el botón) como el nombre de la página

Escribimos en los campos de texto

Si queremos modificar por ejemplo los títulos de las páginas nos posicionamos sobre el título. Pulsamos el botón derecho del ratón. Pulsamos Hipervínculo y a continuación Modificar Hipervínculo

Page 5: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

Marcamos con el Botón derecho del ratón Hipervínculo y luego Insertar Hipervínculo. Marcamos la dirección de correo electrónico así como el Texto que queremos que aparezca

También podemos modificar a dónde queremos ir al pulsar los botones

7-Vamos ahora a introducir por ejemplo una foto en una de las subpáginas, por ejemplo en la que hemos denominado “Mi foto”.

En la barra de herramientas principal escogemos Insertar, a continuación Insertar Imagen y escogemos o desde archivo o una de las prediseñadas

Page 6: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

8-Por último examinamos el aspecto de la subpágina 3ºMetrología que está realizada simplemente a partir de un archivo de Word

4. PUBLICACIÓN DE LA PÁGINA WEB 1. Lo primero que necesitamos es un hospedaje para la página. Entre los muchos que hay yo aconsejo el de Lycos Tripod. Para ello seguiremos los siguientes pasos: Ir a la dirección www.tripod.lycos.esRegistrarse y rellenar el formulario correspondiente. Además de espacio de almacenamiento te concederan una cuenta de correo web gratuita. No olvides copiar todos los datos que tanto ellos como tú, proporcionáis en el proceso Posteriormente te enviarán un e-mail confirmandote la concesión del espacio de almacenamiento. 2. Ahora debemos transferir todos nuestros archivos desde nuestro PC al almacén. Para ello usaremos un programa FTP (File Transfer Protocol) como por ejemplo el programa WS_FTP. En primer lugar debemos rellenar los campos que ofrece el programa y a continuación, transferir los archivos a nuestro destino.

Nombre de usuario y clave de nuestra cuenta

Host al que vamos a transferir los archivos. Nos lo ha proporcionado el proveedor

Page 7: 11.ELABORACIÓN DE PAGINAS WEB. USO DE ...old.isabelperillan.org/fisicayquimica/tecnologia3...11.ELABORACIÓN DE PAGINAS WEB. USO DE MICROSOFT WORD PARA ELABORAR PÁGINAS WEB 1. Páginas

Archivos en la web Enviar archivos a la

web Archivos de nuestra página en nuestro ordenador