Manual de como crear una página web en word.

Crear Página Web en Word

0

Escalera Barajas Erika Lisset #18

Galindo Armas Ma. Fernanda #22

Jiménez Flores Ma. Fernanda #29

2014 4 semestre “F”

Creando una página web

en Word

“Centro Escolar José María Morelos y Pavón”


1

ÍNDICE

Contenido Paso 1: Crear nueva carpeta exclusiva para la página ................................................................................................ 3

Paso 2: Cambiar diseño de impresión a diseño web ................................................................................................... 5

Paso 3: Insertar marcos .................................................................................................................................................... 6

Paso 4: Nombrar marcos ................................................................................................................................................ 12

Paso 5: Guardar cambios ............................................................................................................................................... 13

Paso 6: Crear diseño ....................................................................................................................................................... 14

Paso 7.¿Cómo convertir un archivo de word a .html? ............................................................................................... 18

Paso 8: Crear hipervínculos ........................................................................................................................................... 22

Paso 9.¿Cómo se crea un archivo PDF en word? ...................................................................................................... 28

Paso 10: ¿Cómo insertar el archivo PDF en tu página web. .................................................................................... 32

Paso 11: ¿Cómo crear una gráfica, un SmartArt o una tabla? ................................................................................. 33


2

Paso 11:Insertar marquee .............................................................................................................................................. 36

ÍNDICE DE ILUSTRACIONES .................................................................................................................................................. 44


3

Paso 1: Crear nueva carpeta exclusiva para la página Tendrás que crear una carpeta nueva exclusivamente para la página web, la cual deberá

llevar por nombre “PAGINA WEB”.

Ilustración 1.Menú de carpeta


4

Ilustración 2.Nueva carpeta

NUEVA CARPETA


5

Paso 2: Cambiar diseño de impresión a diseño web

Al abrir Word lo primero que se debe hacer es cambiar el diseño de impresión a diseño web como

se muestra en la imagen.

Ilustración 4.Diseño de impresión Ilustración 3.Diseño de web


6

Paso 3: Insertar marcos

Ilustración 5.Más comandos

Seleccionar la opción

más comandos.


7

Seleccionamos

todos los

comandos.

Ilustración 6.Todos los comandos


8

Ilustración 7.Agregar marcos

Seleccionar cada

marco y darle clic

en agregar.


9

Ilustración 8.Todos los marcos

Aquí podemos

observar cómo se

han agregado todos

los marcos.

También debes

agregar la opción de

eliminar marco.

Para guardar los

cambios dar aceptar


10

Ilustración 9.Acceso rápido

Después de haber

aceptado los cambios así

aparecerá tu barra de

herramientas de acceso

rápido.


11

Ilustración 10.Insertar marcos

Nota: NOTA: No es recomendable poner más de tres marcos.

Así se verá

después de

haber insertado

los marcos

Se le irá dando clic

a cada uno según el

que quieras agregar


12

Paso 4: Nombrar marcos Se nombrará cada uno de los marcos para poder guardar el documento

Ilustración 11.Nombrar marcos

Así se nombran

cada uno de los

marcos


13

Paso 5: Guardar cambios Tenemos que guardar el documento para seguir con el siguiente paso.

Ilustración 12.Guardar cambios

Debemos de buscar la

carpeta que creamos y la

nombramos como

PÁGINA WEB

Al archivo se le

nombrará INDEX

Se cambiará el tipo

“Documento de Word” a

“Página web” y le damos

guardar.


14

Paso 6: Crear diseño

Ilustración 13.Crear diseño

Este es un

ejemplo de cómo

puedes colocar

tus marcos.


15

Poniéndole color a tu página:

Seleccionas diseño de página y elijes el color de tu preferencia.

Ilustración 14.Color


16

Ya que hayas elegido tus colores así quedará.

Ilustración 15.Página con color


17

Ilustración 16.Insertar formas

Aquí podrás

seleccionar la forma

que quieras poner

en tu página.


18

Paso 7.¿Cómo convertir un archivo de word a .html? Antes de empezar a insertar el contenido a tu página web es de suma importancia que tengas todos

los documentos guardados como “.html”(página web) y que todos se encuentren dentro de la

carpeta que creaste.

Tal vez te preguntarás ¿Cómo puedo convertir mis documentos en .html o página web?

Primero tienes

que tener ya

listo tu

documento.

Ilustración 17.Convirtiendo


19

Ilustración 18.Guardando cambios

Seleccionamos

Archivo y

“Guardar

como”.


20

Ilustración 19.Guardar como tipo web

Tendrás que nombrar

tu archivo y abajo en

donde dice tipo:

tendrás que cambiar

de Documento de

Word a Página Web

al terminar solo

guarda el documento.


21

Ilustración 20.Doc. página web

Así se verá tu

documento

después de que

lo hayas

guardado como

página web.


22

Paso 8: Crear hipervínculos

Ilustración 21.Poner títulos

Ponemos

nombre en cada

figura.


23

Ilustración 22.Crear hipervínculo

Seleccionamos el

título, nos vamos a

insertar y damos

clic en hipervínculo.


24

Seleccionamos la información que se necesitará.

Ilustración 23.Insertar archivo


25

Antes de aceptar los cambios:

¡OJO NO SE TE OLVIDE SELECCIONAR MARCO DE DESTINO!

Ilustración 24.Marco de destino

NOTA: Todos los

archivos que

vayas a insertar

en tu página

deberás antes

guardarlos como

archivo “ .html”

(Página Web).


26

Ilustración 25.Marco elegido

Así es como quedará

insertada en medio tu

información.


27

Después de ponerle nombre e insertar el hipervínculo a cada forma así es como quedará.

Ilustración 26.Hipervínculos


28

También puedes agregar a tu página web archivos PDF

Paso 9.¿Cómo se crea un archivo PDF en word?

Ilustración 27.PDF

Debes tener

terminado tu

documento en

Word.


29

Primero seleccionas

Archivo

Guardar y enviar

Crear documento PDF

Ilustración 28.Creado PDF


30

Ilustración 29.Publicar PDF

Tienes que nombrar

el archivo y dar clic

en publicar.


31

Ilustración 30.Vista de PDF

Así se verá tu

documento en PDF


32

Paso 10: ¿Cómo insertar el archivo PDF en tu página web.

Ilustración 31.Insertando PDF Seleccionamos el

archivo PDF y le damos

aceptar.


33

Paso 11: ¿Cómo crear una gráfica, un SmartArt o una tabla?

Para crear una gráfica, seleccionamos insertar “Gráfico” como se muestra en la imagen siguiente.

Ilustración 32.Gráfica


34

Para crear un SmartArt, seleccionamos insertar “SmartArt” como se muestra en la imagen siguiente.

Ilustración 33.SmartArt


35

Para crear una tabla, seleccionamos insertar “Tabla” como se muestra en la imagen siguiente.

Ilustración 34.Tabla

NOTA: Cuando guardes el documento asegurate de guardalo como documento “.html” para poder

insertarlo a la página web.


36

Paso 11:Insertar marquee

Lo primero que se debe hacer es escribir los nombres de los integrantes en las formas.

Ilustración 35.Insertando nombres


37

Para este paso tienes que abrir la carpeta en la que está guardado tu contenido y tienes que tener

uno con el nombre de autor

Tienes que darle clic con el botón derecho del mouseabrir conBloc de notas

Tal y como se muestra en la imagen

Ilustración 36.Abrir con bloc de notas


38

Esta es la ventana que te aparecerá:

Ilustración 37.Ventana de bloc de notas


39

Para poder continuar es necesario que busques cada uno de los nombres de los integrantes

de tu equipo

NOTA: Tienes que ir uno por uno no puedes hacer todos porque si no, no saldrá.

Ilustración 38.Buscar

Para Buscar los

nombres tienes que

seleccionar:

Edición Buscar


40

Te aparecerá el siguiente recuadro en el cual tendrás que poner el nombre que estás buscando

Ilustración 39.Nombres

Como puedes observar te sale el nombre

que estabas buscando subrayado esta es

una gran ayuda para no tener que buscar

dentro de todo el texto.


41

Ilustración 40.Insertando formulas

NOTA: El marquee es lo último que se tiene que aplicar a la página web en caso de que tengas que

hacerle algún cambio tendrás que volver a insertar marquee.

En esta parte

tendrás que poner

una fórmula para

que el marquee

aparezca cuando

abras el documento


42

La fórmula que se utilizará para el marquee es:

Al incio: <marquee> <p>

Al final: </p> </marquee>

Ilustración 41.Fórmula insertada

Y es así como

colocaremos la

fórmula.


43

Ilustración 42.Guardar cambios

Ya una vez de haber

puesto la fórmula del

marquee, damos clic

en ArchivoGuardar


44

ÍNDICE DE ILUSTRACIONES Ilustración 1.Menú de carpeta .............................................................................................................................................. 3

Ilustración 2.Nueva carpeta .................................................................................................................................................. 4

Ilustración 4.Diseño de web .................................................................................................................................................. 5

Ilustración 3.Diseño de impresión ........................................................................................................................................ 5

Ilustración 5.Más comandos ................................................................................................................................................. 6

Ilustración 6.Todos los comandos ......................................................................................................................................... 7

Ilustración 7.Agregar marcos ................................................................................................................................................ 8

Ilustración 8.Todos los marcos.............................................................................................................................................. 9

Ilustración 9.Acceso rápido ................................................................................................................................................. 10

Ilustración 10.Insertar marcos ............................................................................................................................................ 11

Ilustración 11.Nombrar marcos .......................................................................................................................................... 12

Ilustración 12.Guardar cambios .......................................................................................................................................... 13

Ilustración 13.Crear diseño ................................................................................................................................................. 14

Ilustración 14.Color ............................................................................................................................................................. 15

Ilustración 15.Página con color ........................................................................................................................................... 16

Ilustración 16.Insertar formas ............................................................................................................................................. 17

Ilustración 17.Convirtiendo ................................................................................................................................................. 18

Ilustración 18.Guardando cambios ..................................................................................................................................... 19

Ilustración 19.Guardar como tipo web ............................................................................................................................... 20


45

Ilustración 20.Doc. página web ........................................................................................................................................... 21

Ilustración 21.Poner títulos ................................................................................................................................................. 22

Ilustración 22.Crear hipervínculo ........................................................................................................................................ 23

Ilustración 23.Insertar archivo ............................................................................................................................................ 24

Ilustración 24.Marco de destino ......................................................................................................................................... 25

Ilustración 25.Marco elegido .............................................................................................................................................. 26

Ilustración 26.Hipervínculos ............................................................................................................................................... 27

Ilustración 27.PDF ............................................................................................................................................................... 28

Ilustración 28.Creado PDF ................................................................................................................................................... 29

Ilustración 29.Publicar PDF ................................................................................................................................................. 30

Ilustración 30.Vista de PDF ................................................................................................................................................ 31

Ilustración 31.Insertando PDF ............................................................................................................................................. 32

Ilustración 32.Gráfica .......................................................................................................................................................... 33

Ilustración 33.SmartArt ....................................................................................................................................................... 34

Ilustración 34.Tabla ............................................................................................................................................................. 35

Ilustración 35.Insertando nombres ..................................................................................................................................... 36

Ilustración 36.Abrir con bloc de notas ................................................................................................................................ 37

Ilustración 37.Ventana de bloc de notas ............................................................................................................................ 38

Ilustración 38.Buscar ........................................................................................................................................................... 39

Ilustración 39.Nombres ....................................................................................................................................................... 40

Ilustración 40.Insertando formulas ..................................................................................................................................... 41


46

Ilustración 41.Fórmula insertada ........................................................................................................................................ 42

Ilustración 42.Guardar cambios .......................................................................................................................................... 43

Manual de como crear una página web en word.

Education

Transcript of Manual de como crear una página web en word.