Manual crea tu propia pagina

web desde Word Centro Escolar Jose Maria Morelos y Pavon

BACHILLERATO Diseñado por: Aguilar Barreda Sandra M. Cano Juárez Valeria De la Cruz Hernández Ariadne J. Ochoa Mena Jessica Poulette

Página 1

Tabla de contenido

COMIENZA TU PAGINA WEB ................................................................................................. 3

¿Cómo iniciarla? ............................................................................................................................ 3

¿Cómo agregar marcos?................................................................................................................. 4

¿Cómo guardar u pagina web como INDEX? ................................................................................... 8

Empieza a diseñar tu pagina web ................................................................................................. 10

Si la página tiene bordes en los marcos ¿Cómo los quito? ............................................................ 13

¿Cómo insertar hiperviculos a mi página web? ............................................................................. 15

Colocar un archivo PDF en un hipervínculo................................................................................... 22

Insertar un cmaptools como hipervinculo .................................................................................... 24

Como insertar una Tabla .............................................................................................................. 25

Como insertar una grafica ............................................................................................................ 26

¿Como la abrimos en internet? .................................................................................................... 27

Página 2

Manuel de cómo hacer una pagina web

El proposito de este manuel es mostrar paso a paso como hacer una pagina web con marcos y

contenido con SmartArt, un archivo PDF, Tabla y una grafica.

Página 3

COMIENZA TU PAGINA WEB

¿Cómo iniciarla? 1.- Abrimos un documento en Word y posteriormente en la parte inferior derecha seleccionamos la opción Diseño web como se muestra a

continuación

Página 4

¿Cómo agregar marcos? 1.-Después de haber seleccionado el diseño web tenemos que agregar las opciones de marcos, que se encuentran arriba en la parte superior

izquierda en la pantalla (personalizar en barra de herramientas).

2.- Selecciona la opción de más

comandos

4.- Seleccionar la opción de

todos los comandos

3.-Da clic en esta flecha

para desplegar este menú

Página 5

5.-Busca las opciones de marcos en la lista, además de la opción eliminar marco, selecciónalas, pon agregar y da en aceptar como puedes ver en

la imagen.

Te aparecerán las opciones

de marco en la parte

superior izquierda.

Página 6

6.- Ahora puedes dar clic en las opciones de marco que agregaste depende de la posición del marco que quieras. Tú página ira quedando así.

Página 7

7.- Consecutivamente tendrás que ponerle título a cada marco que hayas puesto de acuerdo a la estructura de tu página, como se muestra a

continuación.

Página 8

¿Cómo guardar u pagina web como INDEX? Ya que tienes todo lo anterior.

1.- Tendrás que guardar tu documento en la opción “Guardar como” en tu carpeta con nombre de archivo de INDEX

2.- Después deberás seleccionar la opción página web en el menú de tipo y guardas tu archivo.

Al guardarlo te deberá aparecer el

título INDEX.

Página 9

¿Despues de guardarlo como INDEX que debo hacer?

1.- Debes abrir tu carpeta donde guardaste el documento INDEX

2.-Te deberá aparecer cada uno de tus títulos de los marcos que agregaste, en carpetas y en un archivo de internet.

3.- Das clic derecho en el archivo de internet con nombre INDEX

4.- Seleccionar abrir con Microsoft Word.

Página 10

Empieza a diseñar tu pagina web Una vez que ya guardaste tu documento y lo abriste desde Word, comienza a diseñar tu página

1.-Borra los titulos que habias asignado a cada marco

2.-Inserta formas y agrega títulos a cada una de ellas asi como lo hicimos nosotras.

Página 11

3.- Agregar color de página a cada marco para darle un mejor estilo, en el menu Diseño de pagina consecutivamente en colos de pagina e eliges

el que mas te guste.

Página 12

4.- Agrega y diseña tu título como mas prefieras. (puede ser con WordArt)

Página 13

Si la página tiene bordes en los marcos ¿Cómo los quito? 1.-Coloca tu cursor en alguno de los marcos y da clic derecho para que aparezca el menú contextual

2.-Selecciona “propiedades del marco”

3.-En el menú que se despliega selecciona “sin bordes” y da clic en aceptar.

Página 14

Y así es como irá quedando tu

página

Página 15

¿Cómo insertar hiperviculos a mi página web? Ahora comenzaras a hacer tus elementos para tu página web,

en este caso agregaremos un Smart Art para despues ponerlo como hipervinculo.

1.-Abre un nuevo documento en Word con la misma opción de Diseño Web

2.- Vas al menú inserta y

buscas la opcion

SmartArt y le das clic

Página 16

4.-Diseña tu Smart Art con el contenido que quieras agregarle, en este caso pondremos a las creadoras de la pagina web.

3.- Saldra este menú y

eligiras el SmartArt que

tu quieras y le das

aceptar

Página 17

5.- Una vez que hayas terminado tu Smart Art debes guardarlo en tu carpeta donde guardaste la pagina web, agregas el nombre del archivo y en

‘’Tipo’’ pondrás pagina web.

Página 18

6.- Para agregar un hipervínculo que será el Smart Art, primero debes seleccionar la palabra o titulo al que vas a agregarlo.

7.- Después te vas al menú ‘’Insertar’’ y das clic en hipervínculo.

Página 19

Te saldrá esta ventana

8.- Buscas tu archivo que guardaste del Smart Art, lo seleccionas

Recuerda

seleccionar el

archivo web,

no la carpeta

9.- Das clic en marco de destino

Página 20

Aparecerá esta ventan

9.- Debes seleccionar el marco donde quieras que aparezca tu contenido ‘’Smart Art’’. En este caso nosotras elegimos el marco 2

10.- Activas la opción “Establecer como predeterminado para todos los hipervínculos” para que dar clic a los hipervínculos el contenido aparezca

siempre en el marco seleccionado y das aceptar.

Página 21

Una vez que esté listo tu hipervínculo aprietas Ctrl y das Clic y te daras cuenta que saldrá tu archivo ‘’Smart Art’’ en el marco seleccionado

Página 22

Colocar un archivo PDF en un hipervínculo 1.-Abre otro documento de Word para que en ese escribas el texto que posteriormente convertirás a PDF. También debes hacerlo en modo

diseño web que se encuentra en la parte inferior derecha.

Página 23

2.-Una vez que ya hayas escrito todo el texto da clic en “Guardar como” agrega el nombre de tu archivo, selecciona el menú de “tipo” para

después dar clic en PDF y lo guardas en tu carpeta donde has guardado todo desde el inicio.

Página 24

De la misma forma en la que aregamos el hipervinculo de SmartArt, insertaras este

3.- Seleccionas la palabra donde ira tu hipervinculo

Insertar un cmaptools como hipervinculo 1.-Reliza tu mapa conceptual desde cmap tools, guárdalo como imagen e

2.-insértalo en un documento de Word como imagen y guarda tu documento en la carpeta.

3.-Después agrega el hipervínculo de la misma manera que el Smart Art como se muestra en la imagen.

4.-Insertar hipervinculo eliges tu pdf y pones aceptar

Página 25

Como insertar una Tabla 1.-Abre otro documento Word en Diseño web y crea tu tabla.

2.-Lo guardas en la misma carpeta que todos tus contenidos anteriores

3.- Insertas el hipervínculo de la forma anteriormente mencionada, de igual manera al presionar Ctrl y dar clic aparecerá tu tabla en el marco

seleccionado.

Página 26

Como insertar una grafica 1.-Ahora haremos una gráfica en otro documento de word en Diseño web.

2.-Haremos los mismos pasos anteriores para guardar el archivo e insertar el hipervínculo.

Y así finalizamos nuestra pagina web.

NOTA: En este caso abrimos

nuestra página web en otra

computadora diferente a la

que usamos anteriormente

y se modificó el tamaño de

los marcos, las formas y el

título ya que la resolución

de la computadora es

diferente.

Página 27

¿Como la abrimos en internet?

Primera opcion.- Para abrirla en internet nos dirigimos a la carpeta donde la guardamos y en la primera opción damos clic directo en el archivo

INDEX que aparece con el logo de intgernet

Página 28

En la segunda opción damos clic derecho en INDEX y seleccionamos abrir con Internet Explorer.