Manual de pagina web desde word
-
Upload
maura-varela-aparicio -
Category
Education
-
view
63 -
download
1
Transcript of Manual de pagina web desde word
![Page 1: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/1.jpg)
MANUAL ¿CÓMO CREAR UNA PÁGINA WEB DESDE WORD?
12/2/2020 Por: Brenda Del Castillo SanPedro NL. 15 , Maritza Fernanda GomezFabian NL.24 Jesús López Castillo NL.32, y Varela Aparicio Maura Nayeli NL. 48 4° SEMESTRE GRUPO “F”
![Page 2: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/2.jpg)
1
Contenido Crear una carpeta ........................................................................................................................................................................................................... 3
Seleccionar diseño web ............................................................................................................................................................................................... 3
Marcos ............................................................................................................................................................................................................................. 4
Insertar nuevos comandos .......................................................................................................................................................................................... 4
Diseñar la página usando los marcos .......................................................................................................................................................................... 8
Nombrar los marcos ................................................................................................................................................................................................. 9
Guardar como página web ........................................................................................................................................................................................ 10
Verificar los nombres de los archivos ........................................................................................................................................................................ 11
Editar documentos .................................................................................................................................................................................................... 11
Editar el diseño de tu página web ................................................................................................................................................................................. 13
Crear opciones de menú de navegación ................................................................................................................................................................... 14
Agregar hipervínculo ..................................................................................................................................................................................................... 19
Marco de destino .................................................................................................................................................................................................. 23
Agregar un documento PDF .......................................................................................................................................................................................... 24
Marcador ....................................................................................................................................................................................................................... 25
![Page 3: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/3.jpg)
2
Manual de cómo crear una página web desde Word
Al navegar en la red nos hemos topado con diversos tipos de páginas web, quizá en algún momento hemos pensado en tener una propia, existen
diversas formas de tener una página web pero ¿hacerla desde Word? Es algo que rara ves consideramos ya que la mayoría ignora que esto es
posible, a lo largo de este manual te explicaremos los pasos para crear una página web sin tener que meternos con cuestiones como htlm. 1y
cuestiones de programación únicamente usando un programa muy familiar como lo es Word.
1 HyperText Markup Language,
![Page 4: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/4.jpg)
3
Crear una carpeta
Seleccionar diseño web
Lo primero que se debe
de hacer para realizar
una página web es crear
una carpeta
Despues deberas abrir
Word, y seleccionarlo
en modo diseño web
que se encuentra en la
esquina inferior
derecha
![Page 5: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/5.jpg)
4
Marcos
Insertar nuevos comandos
En la parte
superior
izquierda se
selecciona la
barra de
herramientas de
acceso rápido
para agregar
nuevos
comandos
![Page 6: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/6.jpg)
5
Seleccionar mas
comandos en la
barra de
herramientas
![Page 7: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/7.jpg)
6
En
comandos
disponibles
se
seleccionan
todos los
comandos
para que
aparezcan
todas las
opciones
que hay.
![Page 8: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/8.jpg)
7
En todos los comandos
las opciones aparecen
en orden alfabético y se
selecciona marco
nuevo a la derecha,
marco nuevo a la
izquierda, marco nuevo
arriba, marco nuevo
abajo, y eliminar marco.
![Page 9: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/9.jpg)
8
Diseñar la página usando los marcos
Los marcos se ponen se
seleccionan de la parte superior
izquierda
Los marcos
podrás
modificarlos
pulsando el marco
que desees
modificar
![Page 10: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/10.jpg)
9
Nombrar los marcos
Antes de continuar con tu
página deberas ponerle
nombre a cada uno de tus
marcos, ya que estos generan
una carpeta nueva y archivo.
![Page 11: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/11.jpg)
10
Guardar como página web
En la carpeta que previamente
creaste deberas guardar tu archivo
con el nombre de INDEX y cambiar el
formato a pagina web.
![Page 12: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/12.jpg)
11
Verificar los nombres de los archivos
Editar documentos
Verifica que los archivos
tengan los nombres que le
diste a los marcos
![Page 13: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/13.jpg)
12
Para poder realizar cambios en
tus documentos guardados
como página web deberás
abrirlos con Word. Para ello te
posicionaras en el documento
darás click derecho y elegirás
las opciones abrir “con”y
elegirás word
![Page 14: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/14.jpg)
13
Editar el diseño de tu página web
Para escoger colores
deberás ir a la barra de
diseño
Deberás buscar la
paleta de colores de
página ahí podrás
elegir los colores que
más te gusten
![Page 15: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/15.jpg)
14
Crear opciones de menú de navegación
Para diseñar tu barra de opciones de página, inserta
una figura de tu preferencia. En esta llegaran las
opciones de tu página, la figura debe de insertarse en
uno de los marcos.
![Page 16: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/16.jpg)
15
Para agregar el texto en la
figura seleccionada presiona
click derecho en la figura y
selecciona agregar texto.
![Page 17: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/17.jpg)
16
Guardar documentos para la página
Antes de hacer un
hipervínculo tienes
que hacer un archivo
con la información
deseada en este caso
un SmartArt. Luego
proseguiremos a
guardar el documento
![Page 18: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/18.jpg)
17
Despues le damos
en la opción
“guardar como”.
Seleccionas examinar.
![Page 19: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/19.jpg)
18
Seleccionas la carpeta
de tu página web y
guardas el archivo en
formato página web, y
cambias el título.
Al emerger esta pestaña
escribimos de título
INDEX con mayúsculas y le
damos aceptar
![Page 20: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/20.jpg)
19
Agregar hipervínculo
Tras haber escrito la opción de tu menú y tener listo el
documento que quieres que aparezca en tu página
seleccionas la opción de hipervínculo.
![Page 21: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/21.jpg)
20
Otra forma para agregar
hipervínculo primero debes
seleccionar la palabra que
deseas hipervincular.
![Page 22: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/22.jpg)
21
Ya que hemos seleccionado la
palabra que queremos
hipervincular nos vamos a insertar
y de ahí nos posicionamos en
donde dice Hipervinculo.
![Page 23: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/23.jpg)
22
Posteriormente nos va
a abrir una ventana y
debemos colocarnos
en archivo o pagina
web existente y
seleccionamos el
documento que ya
antes habíamos
guardado.
![Page 24: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/24.jpg)
23
Marco de destino
Ya que has escogido el
lugar de tu documento
deber ir a donde dice
marco de destino y
siempre debes de
seleccionar el marco que
habías nombrado como
‘‘Contenido’’. Y damos
aceptar.
![Page 25: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/25.jpg)
24
Agregar un documento PDF
Para insertar un archivo
nuevamente en el menú o la
figura que se desee tienes
que insertar un hipervínculo
para esto debes de haber guardado previamente el
archivo PDF en la carpeta de tu página web,
seleccionas el archivo PDF que quieres agregar
![Page 26: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/26.jpg)
25
Marcador
Ahora
nuevamente
seleccionas el
marco de destino
eliges el de en
medio y aceptas
![Page 27: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/27.jpg)
26
Para agregar una forma de
desplazamiento podemos aplicar
un marcador para ello
subrayaras una palaba o frase,
posteriormente elijaras
marcador
Elegiremos el nombre del marcador y escogeremos
agregar
![Page 28: Manual de pagina web desde word](https://reader034.fdocuments.ec/reader034/viewer/2022042608/55be437abb61eb8a288b46f0/html5/thumbnails/28.jpg)
27
Ahora nuevamente elije una forma y escribe si lo
deseas algo en ella, posteriormente selecciona la
opción de hipervínculo
En esta ocasión elige un lugar de documento y
selecciona el marcador que previamente creaste así es
como tendrás tu hipervínculo creado