unidad 6 – tema 4: ofimÁtica avanzada. clase 03: … · unidad 6 – tema 4: ofimÁtica...

13
UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina web usando Word. Abre un nuevo documento en Word 2007. 1. Lo primero va a ser convertirlo al formato de página web.

Upload: others

Post on 13-Jun-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA.CLASE 03: PÁGINAS WEB CON WORD

Vamos a ver cómo se puede hacer una sencillapágina web usando Word.

Abre un nuevo documento en Word 2007.

1. Lo primero va a ser convertirlo al formato de página web.

Page 2: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Al elegir este tipo de archivo, aparece el botón Cambiar título.

Pulsando sobre él aparecerá un cuadro de diálogo, como el que ves aquí, en el que introducir el título. 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 Favoritos desde 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.

Pulsando en el botón Herramientas, encontramos las Opciones Web, donde podremos elegir algunas opciones más avanzadas sobre la web.

Cuando guardamos el documento, Word lo convierte a HTML, pero hay algunas características de formato que no están disponibles en HTML y, por lo tanto, no serán visibles al ver la página en un navegador como Internet Explorer, Mozilla o Netscape Navigator.

Por ejemplo, las letras en relieve, los efectos sobre caracteres, el doble tachado y el contorno no tendrán ningún efecto sobre los caracteres en HTML, es decir, que en HTML estas características de formato desaparecen.

Page 3: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Hay otras características de formato que varían de aspecto en HTML, por ejemplo, todos los estilos de bordes de las tablas y cuadros de texto son vistos en HTML como borde simple; el texto en varias columnas es convertido en una sola columna; las notas al pie son desplazadas hasta el final de la página HTML; la alineación de los gráficos y tablas respecto al texto también puede variar ligeramente; el texto en vertical es convertido en texto horizontal.

Por último, hay algunos elementos que desaparecen en HTML, por ejemplo, los números de línea, los encabezados y pies de página y los márgenes de la página.

Seguimos.

2. Escribe el siguiente texto:

3. Ahora crearemos el hiperenlace

Selecciona la palabra aquí

4. Haz clic en el botón Hipervínculo de la pestaña Insertar, (o con el botón derecho del ratón)

Page 4: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

5. Aparecerá el cuadro de diálogo Insertar Hipervínculo, en el campo Dirección escribir: http://www.google.es

En el cuadro Texto aparecerá la palabra aquí, si no es así es porque no la habías seleccionado antes.

6. Pulsa Aceptar y guarda la página (Control-G) y luego sal de Word.

Ya tenemos nuestra página web. Para verla como si la tuvieramos en Internet, ve a tu carpeta (donde la debes haber guardado) y haz doble clic en el archivo que acabamos de crear.

Verás como se arranca el navegador de tu ordenador con nuestra página web. Si haces clic en el hipervínculo aquí se arrancará el buscador Google (siempre que estés conectado a Internet en ese momento).

Page 5: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

VAMOS A SEGUIR MEJORANDO NUESTRA PÁGINA.

Lo primero es que pongáis vuestros nombre en la cabacera.

Como ves, el colorido que hamos dado a la página es bastante pobre. Usando las herramientas que ya conoces, trata de ponerla un poco mejor. Os doy algunas pistas:

Page 6: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Ahora vamos a poner algunas fotos. Usa alguna de las que ya hemos utilizado durante este curso (por ejemplo la clase 5 de video)

Cambiale el tamaño.

Page 7: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Luego aplícale algún efecto bonito.

Trata de cambiarla de sitio horizontalmente.

Ves que no nos deja mucho para elegir. En una página web es difícil colocar las cosas donde uno quiere........pero hay un truco.

Page 8: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Vamos a colocar una TABLA que no va a ayudar a situar los elementos.

Con el cursor debajo de la foto, inserta una tabla de 4 filas y 4 columnas.

Corta (Control-X) la foto y pégala en una de las celdas

Page 9: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Colocando los elementos en las celdas, podemos moverlos modificando el ancho y alto de las celdas.

Page 10: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Luego añade texto. (puedes usar WordArts)

Page 11: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Si veo mi página usando el navegador:

Puedo controlar cómo va la cosa.

Page 12: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina

Resulta feo que se vea la tabla, es mejor si le pongo las líneas sin color.

Y quedaría algo así

Aunque podría quedar mejor:

NO TE OLVIDES DE PONERLE EL NOMBRE

Y GUARDARLO

Page 13: UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: … · UNIDAD 6 – TEMA 4: OFIMÁTICA AVANZADA. CLASE 03: PÁGINAS WEB CON WORD Vamos a ver cómo se puede hacer una sencillapágina