Este documento proporciona instrucciones para crear una página web básica en Microsoft Word. Explica cómo agregar marcos, formas, texto, imágenes e hipervínculos para vincular las diferentes páginas. También describe cómo guardar el sitio web como un archivo HTML y verificarlo en un navegador. El objetivo es producir una página web simple pero funcional utilizando las herramientas de diseño incorporadas en Word.

1. INFORMATICA
4° “F”
Mi primera página web
David Ricardo Eliosa Coyotzi N.L 17
Alberto Guzmán Pérez N.L27
Christian Eric López Garzón N.L 34
Página 0

2. ¿Cómo hacer una carpeta? ................................................................................................................. 1
¿Como convertir de diseño de impresión a Pagina web? ............................................................... 1
¿Cómo personalizar la barra de herramientas de accesos rápidos?.............................................. 2
¿Cómo agregar marco? ................................................................................................................... 3
¿Cómo poner los marcos en la página? ......................................................................................... 4
Guardar el archivo en HTML ........................................................................................................... 5
¿Cómo agregar formas en la página?.............................................................................................. 6
¿Cómo agregar texto en las formas? .............................................................................................. 7
¿Cómo abrir otra página en blanco? ............................................................................................... 7
¿Cómo hacer un texto en HTML? .................................................................................................... 8
¿Cómo hacer un Smart art para página web? ................................................................................. 9
¿Cómo poner una imagen en un texto?........................................................................................ 10
¿Cómo poner un hipervínculo? ..................................................................................................... 11
Página principal ............................................................................................................................. 12
Terminaste tu página web............................................................................................................. 13

3. ¿Cómo hacer una
carpeta?
Crear una carpeta con el
nombre de pagina web y es
donde van almacenar todo el
proceso para ser la página
web.
¿Como convertir de diseño de impresión a Pagina web?
Después tendrás que buscar el
icono de diseño web que se
encuentra en la parte inferior
derecha y le das clic.
[Escriba texto]
Página 1

4. ¿Cómo personalizar la barra de herramientas de accesos rápidos?
Para poder personalizar
nuestra barra de acceso
rápido debemos de irnos al
icono de la flecha que se
encuentra en la parte
superior de la página de
Word , le das clic y te saldrá
varias opciones donde debes
de buscar la opción de ”Mas
comando” y le das un clic.
Página 2

5. ¿Cómo agregar marco?
Te saldrá las opciones de Word , Buscas una
opción llamada “Comandos disponibles en “
en esta opción deberás darle clic en la flechita
azul y tendrás que buscar una opción que
diga “Todos los comandos” después tendrás
que buscar “ Marcos nuevo a la derecha ,
izquierda , arriba , abajo “ le das agregar a
cada uno y se deben de poner en el cuadro
que sale a la derecha, después buscaras
“Eliminar marco” y lo agregas de la misma
forma y le das aceptar y te deben de salir las
opciones que seleccionaste en la parte
superior de la página de Word .
Página 3

6. ¿Cómo poner los marcos en la
página?
Para agregar los marcos deberás darle clic a
cada uno de ellos para hacer el diseño a tu
conveniencia de preferencia deberás agregar
tres marcos.
Después tendrás que asignarle nombre a tus
marcos para que después cuando los
guardemos tengan asignados cada uno de
ellos carpeta con su nombre
Página 4

7. Guardar el archivo en HTML
Primero deberás guardar el archivo en la
carpeta que le asignamos el nombre al
principio que la asignamos con el
nombre de” Index” después debes de
encontrar la opción de “Guardas como
tipo “ le das un clic a la flecha y tendras
que buscar “Pagina web” le das un clic y
ya lo puedes guardas en un archivo
HTML.
-Después que ya guardaste el archivo lo
buscas en la carpeta y lo subrayas le das
un clic derecho y te salen opciones le
das clic a “Abrir con” y seleccionas
Microsoft Word y podras realizar ya la
pagina .
Página 5

8. ¿Cómo agregar formas en
la página?
En este momento de la página
web te enseñaremos a ponerles
formas en la primer marco y
colores en las formas y fondo
-Te vas en la parte donde dice
inserta de ahí encontraras un
icono llamado “Formas” y puedes
escoger el que mas le guste.
-Ya cuando tienes la forma hecha
en el marco le podemos asignar
colores esto se puede dándole un
click en la forma y te saldrá tres
espacios con diferentes colores
donde tu puedes asignar el que
quieran.
-También le puede dar color al
fondo de tu pagina en la parte de
hasta arriba encontraras un
nombre llamado “Diseño de
pagina y de ahí encontraras Fondo
de pagina, donde le darás click en
“Color de pagina”
Página 6

9. ¿Cómo agregar texto en las
formas?
Para poder escribir en la formas que
escogiste le darás click derecho y te saldrá
Opciones y ahí encontraras la opción de
“Agregar texto” le das click y podrás
escribir en la forma
¿Cómo abrir otra página en
blanco?
Para poder cerrar la pagina “INDEX” y
poder abrir otra hoja en blanco le das
click a “Archivo” ahí buscaras la opción de
cerrar y se pondrá en color gris
Página 7

10. Cuando este en gris la pagina , le
das click a Archivo y buscan una
palabra llamada Nuevo , ahí le
daras clic en “Documento en
blanco “ y le darás crear .
¿Cómo hacer un texto en HTML?
Ya abriendo una nueva hojas empiezas a
redactar el texto de tu pagina web .
-Ya cuando tengas hecho el texto lo tienes
que convertir a PDF donde le darás “Guardar
como” y en donde lo vas a guardar es en la
carpeta del principio , ahí le puedes poner
como Nombre del archivo “Contenido “.
-Tienes que cambia el tipo de archivo, donde
encontraras “Guardar como tipo” le das clic
y buscas la opción PDF y le das clic
Página 8

11. ¿Cómo hacer un Smart art
para página web?
Para poder poner un Smart art en tu
pagina abres una nueva pagina en
blanco donde te vas a “Insertar” ahí
encontraras ilustración y ahí en la
parte de arriba estará como opción
Smart art le das clic y saldrá varios
tipos escoges el que quieres .Como
vez en el ejemplo hay uno de tres
opciones donde le puse como
referencia Fuerza, Pesas ,
Mancuernas y de ahí se pusieron
unas fotos dándoles clic y
examinado la imagen. De ahí puede
poner también color a la página
como lo habíamos dicho antes.
-Para guardar este documento
tendrás que guardarlo en la carpeta
del principio, le darás “Guardar
como” , como nombre del archivo
Smart art de ahí buscar Guardar
como tipo le das clic y buscar
Pagina web y le das clic y lo guardas
.
Página 9

12. ¿Cómo poner una imagen en
un texto?
Como otra opción te podemos enseñar
ah ponerles una imagen a un texto
-Primero puedes elegir escribir un texto
y de ahí le puede dar clic al medio del
texto ahí vas a la opción de insertar ahí
te encontraras con la opción de “Imagen
“le da clic y te sale una carpeta para
buscar una imagen , agregas la que se
requiere ya la insertara ahí podrás
componerla cuando le das clic a
“Herramienta de dibujo” te saldrán
varias opciones para modificar la imagen
-Este archivo lo puedes guardar como el
Smart art
Página 10

13. ¿Cómo poner un hipervínculo?
En esta parte tenemos que poner
forzosamente el Hipervínculo para poder
ingresar a cada una de las opciones.
-Cuando tienes hechas las formas y escrito
los nombres de las opciones subrayas la
palabra y debe de ponerse en azul la
palabra
-Tenemos que buscar la opción de “Insertar”
que está ubicado en “menú herramientas”
en la parte superior, después iremos a la
opción “Vínculos” y la primera posición es
“Hipervínculo” le das clic y te saldrá una
carpeta que dice “Insertar hipervínculo” ahí
en “Buscar en:” buscas tu carpeta que se
requirió al principio, como podrás ver te
saldrá todo tu trabajo hecho encontraremos
una opción llamada “Carpeta actual”
puedes darle clic a Smart art y de ahí buscar
la opción “ Marco de destino” le das clic y
nos saldrá una pequeña ventana llamada
“Establecer marco de destino” seleccionas el
marco donde se encuentra la opción a la
cual colocaras el hipervínculo.
Por lo regular se debe colocar en el marco
donde pondrás tu contenido (información,
imagen, etc.) y le seleccionas “aceptar”. Para
seleccionar la opción con el hipervínculo,
oprimiremos la tecla “Ctrl” y daremos clic.
Página 11

14. Página principal
Esta parte es para que le des el título en
la parte principal de la página
seleccionas la parte del medio y le
escribes el título de lo que se va a tratar
y ya cuando este escrito puedes
cambiarle la forma de la letra.
Después puedes ponerle imagen en la
parte principal buscas la opción
“Insertar” y buscas Imagen le das clic y
examinas la foto que quieras
En la parte de abaja de tu ultimo
marco le puedes agregar los
nombres de los autores de la
página.
Y guardas el archivo .
Página 12

15. Terminaste tu página web
Para terminar abrir la carpeta donde se
hizo para meter todos los archivos de la
página web y darle clic a “Index” y te
debe de salir el Internet Explore y
puedes checar como quedo tu página
web y revisas todos.
Página 13