APLICACIONES INFORMATICAS
February 13, 2014
Autor: Saul Marshall
Manual de Pagina web
Centro escolar José María Morelos y Pavón
Ávila Juárez Daniela N# 6
Coyotzi Santos Saúl N#8
Morales Galindo Claudia Rebeca #28
4 D
1 Manual de Pagina web| 2/13/2014
1
Índice
Contenido Paso 1.- Crear página web. ................................................................................................................................. 2
Paso 2. Diseño web............................................................................................................................................. 2
Paso 3. Vista del diseño web. ............................................................................................................................ 3
Paso 4. Agregar más comandos. ........................................................................................................................ 3
Paso 5. Agregar más comandos. ......................................................................................................................... 4
Paso 6. Agregar más comandos. ......................................................................................................................... 4
Paso 7. Todos los comandos. .............................................................................................................................. 5
Paso 8. Agregar marcos. ..................................................................................................................................... 5
Paso 9. Agregar marcos. ..................................................................................................................................... 6
Paso 10. Agregar los marcos. ............................................................................................................................. 7
Paso 11. Vista de comandos agregados. ............................................................................................................ 7
Paso 12. Crear marcos ........................................................................................................................................ 8
Paso 13. Crear una carpeta. ............................................................................................................................... 9
Paso 14. Guardar archivos en una carpeta. ........................................................................................................ 9
Paso 15. Archivos guardados. ........................................................................................................................... 10
Paso 16. Creación de algunos documentos. ..................................................................................................... 10
Paso 17. Guardado de documentos. ................................................................................................................ 11
Paso 18. Acomodar los marcos. ....................................................................................................................... 11
Paso 19. Agregar el menú. ................................................................................................................................ 13
Paso 20.Hipervinculos en el menú. .................................................................................................................. 14
Paso 21. Crear hipervínculo. ............................................................................................................................. 14
Paso 22. Crear accesos directos. ...................................................................................................................... 15
Paso 23. Marco de destino. .............................................................................................................................. 15
Paso 24. Hipervínculos. .................................................................................................................................... 16
Paso 25. Hipervínculos terminados. ................................................................................................................. 16
Paso 26. Agregar documento PDF. ................................................................................................................... 17
Paso 27. Cambiar diseño de la página web. ..................................................................................................... 17
Paso 28. Cambiar el diseño de letra. ................................................................................................................ 18
Paso 29. Cambiar el color de la letra ................................................................................................................ 18
Paso. 30 Visualización de la página. ................................................................................................................. 19
Paso 31. Página terminada ............................................................................................................................... 19
2 Manual de Pagina web| 2/13/2014
2
Paso 1.- Crear página web.
El primer paso para crear una página web abrir la aplicación de texto Microsoft Word para
seleccionar la opción vista.
Captura 1 Primer paso.
Paso 2. Diseño web.
Ir a la opción diseño web
Captura 2 Diseño web.
3 Manual de Pagina web| 2/13/2014
3
Paso 3. Vista del diseño web.
Tu visualización quedará así:
Captura 3 Primera visualización.
Paso 4. Agregar más comandos.
Iremos a la opción “marco de herramientas de acceso rápido” y daremos clic a este icono
Captura 4 Marco de herramientas.
4 Manual de Pagina web| 2/13/2014
4
Paso 5. Agregar más comandos.
Aparecerá una ventana en donde darás clic en la opción “más comandos”
Captura 5 Más comandos.
Paso 6. Agregar más comandos.
Una vez hecho esto aparecerá una ventana en donde tendrás que dar clic en la pestaña junto al
texto que diga “comandos más utilizados”
Captura 6 Comandos más utilizados.
5 Manual de Pagina web| 2/13/2014
5
Paso 7. Todos los comandos.
Al dar selección a dicha pestaña aparecerán múltiples opciones en las que tendrás que ubicar la
opción “todos los comandos”.
Paso 8. Agregar marcos.
De la misma forma ubicaremos las opciones que digan “marco a la derecha, marco a la izquierda,
marco arriba, marco abajo y eliminar marco”
Captura 7 Agregar marcos.
6 Manual de Pagina web| 2/13/2014
6
Captura 8 Opción eliminar marcos.
Paso 9. Agregar marcos.
Ya ubicadas las diferentes opciones de marcos se tendrán que agregar cada una de ellas en esta
opción, con el icono “agregar”.
Captura 9 Agregar nuevos mandos.
Esta opción
sirve para
eliminar los
marcos
7 Manual de Pagina web| 2/13/2014
7
Paso 10. Agregar los marcos.
Del mismo modo hacemos lo mismo con la opción “eliminar marco”
Captura 10 Guardar cambios.
Paso 11. Vista de comandos agregados.
Al terminar de seleccionar dichas opciones aparecerán estos iconos junto a la pestaña de “barra
de herramientas de acceso rápido”.
Captura 11 Nuevos mandos agregados.
Al terminar
daremos clic
en “aceptar”
8 Manual de Pagina web| 2/13/2014
8
Paso 12. Crear marcos
Ahora podrás crear los marcos en donde ira el nombre de autor, opciones de menú, titulo de la
pagina etc. La forma en la cual agregues tus marcos será de tu preferencia ya que dichos marcos
son la estructura para crear tu página.
Captura 12 Agregando mandos a la página
Captura 13 Opción cambiar tamaño.
Antes
ajustar los
tamaños
de los
marcos.
9 Manual de Pagina web| 2/13/2014
9
Paso 13. Crear una carpeta.
Ya creados los marcos, se tendrá que crear una carpeta en la cual irán más carpetas en las cuales
ira la información referente a la página. Esta carpeta principal puede ir en cualquier destino de tu
preferencia para reconocerlo bien tienes que nombrarla con un nombre fácil de recordar, en este
caso será página web.
Captura 14 Creación de carpetas.
Paso 14. Guardar archivos en una carpeta.
Ya creada la carpeta y nombrados los marcos, podremos guardar cambios en nuestra carpeta de
página web, al guardarlo tendremos que nombrarlo como “Index”.
Captura 15 Índex.
Cabe recordar
que es
obligatorio
guardar el
documento
como página
web
10 Manual de Pagina web| 2/13/2014
10
Paso 15. Archivos guardados.
Automáticamente los archivos se guardaran en la carpeta principal.
Captura 16 Archivos.
Paso 16. Creación de algunos documentos.
Crear un documento relacionado a un menú de opción, como por ejemplo una gráfica.
Captura 17. Información de la página.
11 Manual de Pagina web| 2/13/2014
11
Paso 17. Guardado de documentos.
Para esto tendrás que crear un documento aparte en donde ira tu gráfica y guardarlo en la
carpeta de tu página web.
Captura 18. Información de la página.
Paso 18. Acomodar los marcos.
Después de haber terminado el anterior paso tendrás que acomodar los marcos.
Captura 19 Acomodar marcos.
Has click en
los marcos
que mas te
agraden.
12 Manual de Pagina web| 2/13/2014
12
.
Captura 20. Cambiar tamaño del marco.
Captura 21. Eliminar marco.
Todos los
marcos son
ajustables.
Si algún marco
no te agradas
puedes
eliminarlo,
pero antes
selecciónalo
13 Manual de Pagina web| 2/13/2014
13
Paso 19. Agregar el menú.
Organiza las opciones en el menú de la página, titulo o autor. Para una buena presentación tienes
que ir a la barra de herramientas y seleccionar la opción “insertar”, para después dar clic en
“formas” esto lo puedes poner en cualquier marco que tú quieras.
Captura 22 Agregar formas.
Al Escoger cualquier forma tendrás que acomodarlo de esta forma en el marco de tu preferencia:
Captura 23. Acomodar formas.
Puedes editar a
tu gusto las
formas.
14 Manual de Pagina web| 2/13/2014
14
Paso 20.Hipervinculos en el menú.
Una vez terminado de insertar las formas, y el texto dentro de ellas (opciones de menú).
Captura 24 Agregar texto a los menús.
Paso 21. Crear hipervínculo.
Terminado el anterior paso, debes seleccionar una de las opciones del menú para crear un
hipervínculo.
Captura 25 Crear hipervínculos. Selecciona a tu futuro
hipervínculo.
15 Manual de Pagina web| 2/13/2014
15
Paso 22. Crear accesos directos.
Al haber detectado el icono de hipervínculo deberás seleccionarlo para después crear el acceso
directo a tu página principal.
Captura 26 Crear acceso directo.
Paso 23. Marco de destino.
Para tener una buena ubicación del archivo deberás ir al menú de herramientas en la opción de
hipervínculo para y dar clic en marco de destino.
Captura 27 Ubicación de la información.
Tendremos
que ubicar
nuestro
archivo.
Debes de
seleccionarlo
al centro
para que ahí
aparezca la
información.
16 Manual de Pagina web| 2/13/2014
16
Paso 24. Hipervínculos.
Deberás hacer el mismo procedimiento para las demás opciones del menú. Así quedara cuando le
des clic a una de las opciones del menú.
Captura 28 Ubicación de la información.
Paso 25. Hipervínculos terminados. Después de haber creado los hipervínculos a las opciones del menú deben de aparecer
seleccionadas y subrayadas.
Captura 29 Hipervínculos creados.
17 Manual de Pagina web| 2/13/2014
17
Paso 26. Agregar documento PDF.
Si quieres agregar un documento en PDF debes de copiar el archivo deseado (PDF), deberás de
copiarlo y pegarlo en tu carpeta principal de la página web.
Captura 30 Agregar documento en PDF.
Deberás hacer le mismo procedimiento para crear el hipervínculo y de la misma forma
centrar la información en el marco correspondiente.
Paso 27. Cambiar diseño de la página web.
Para poder tener un buen diseño de la página la opción más conveniente para que tenga una
buena presentación es cambiar el color de los marcos, que se reflejaran en la página al igual que el
diseño o color de las letras. Para esto debes de seleccionar en el menú de herramientas la opción
diseño de página y después dar clic al icono color de página.
Captura 31 Cambiar diseño.
Este es el
archivo
copiado a la
carpeta.
18 Manual de Pagina web| 2/13/2014
18
Paso 28. Cambiar el diseño de letra.
Al igual que en el anterior paso es de gran importancia hacer resaltar las opciones de texto, para
esto tendrás que seleccionar el texto e ir al menú de herramientas para seleccionar la opción de
fuente
Captura 32 Cambiar el diseño de la letra.
Paso 29. Cambiar el color de la letra
Para cambiar el color del texto se tendrá que ir a la barra de herramientas y seleccionar la opción
“color de fuente”
Captura 33 Cambiar el color de la letra.
19 Manual de Pagina web| 2/13/2014
19
Paso. 30 Visualización de la página.
Ya terminado minuciosamente los anteriores pasos, tendrás que ubicar tu carpeta principal de
página web y seleccionar con el menú contextual “abrir con” el archivo “índex” para después
abrirlo de preferencia con internet Explorer 8.
Captura 34 Visualización de la página.
Paso 31. Página terminada
Al terminar de diseñar por completo la página es de tu elección si quieres modificar la posición de
los marcos o imágenes a tu preferencia referente a la información de la página, ahora tu página
web está terminada.
Captura 35. Página terminada.
20 Manual de Pagina web| 2/13/2014
20
Captura 1 Primer paso. ....................................................................................................................... 2
Captura 2 Diseño web. ....................................................................................................................... 2
Captura 3 Primera visualización. ........................................................................................................ 3
Captura 4 Marco de herramientas. .................................................................................................... 3
Captura 5 Más comandos. .................................................................................................................. 4
Captura 6 Comandos más utilizados. ................................................................................................. 4
Captura 7 Agregar marcos. ................................................................................................................. 5
Captura 8 Opción eliminar marcos. .................................................................................................... 6
Captura 9 Agregar nuevos mandos. ................................................................................................... 6
Captura 10 Guardar cambios. ............................................................................................................ 7
Captura 11 Nuevos mandos agregados.............................................................................................. 7
Captura 12 Agregando mandos a la página ....................................................................................... 8
Captura 13 Opción cambiar tamaño. ................................................................................................. 8
Captura 14 Creación de carpetas. ...................................................................................................... 9
Captura 15 Índex. ............................................................................................................................... 9
Captura 16 Archivos. ........................................................................................................................ 10
Captura 17. Información de la página. ............................................................................................. 10
Captura 18. Información de la página. ............................................................................................. 11
Captura 19 Acomodar marcos. ......................................................................................................... 11
Captura 20. Cambiar tamaño del marco. ......................................................................................... 12
Captura 21. Eliminar marco. ............................................................................................................. 12
Captura 22 Agregar formas. ............................................................................................................. 13
Captura 23. Acomodar formas. ........................................................................................................ 13
Captura 24 Agregar texto a los menús. ............................................................................................ 14
Captura 25 Crear hipervínculos. ....................................................................................................... 14
Captura 26 Crear acceso directo. ..................................................................................................... 15
Captura 27 Ubicación de la información. ......................................................................................... 15
Captura 28 Ubicación de la información. ......................................................................................... 16
Captura 29 Hipervínculos creados. .................................................................................................. 16
Captura 30 Agregar documento en PDF. .......................................................................................... 17
Captura 31 Cambiar diseño. ............................................................................................................. 17
Captura 32 Cambiar el diseño de la letra. ........................................................................................ 18
Captura 33 Cambiar el color de la letra............................................................................................ 18
Captura 34 Visualización de la página. ............................................................................................. 19
Captura 35. Página terminada. ......................................................................................................... 19
Recommended