1. MANUAL PAGINA WEB
APLICACIONES INFORMATICAS
4º SEMESTRE GRUPO F
BAUTISTA PEREZ BEIRA BETHZAIDA
N.L. 6
FARÍAS RIVERA DANIELA
N.L.20
FERNÁNDEZ DE LARA ESTRELLA DIANA K. N.L.21
[Escribir texto]

2. MANUAL PAGINA WEB
ÍNDICE
FUNCIONAMIENTO DE WORD PARA LA CREACIÓN DE LAS PÁGINAS WEB ...................................................................................................................................... 2
CÓMO INICIAR ................................................................................................................................................................................................................................... 4
COMO GUARDAR LA PÁGINA WEB.................................................................................................................................................................................................... 9
DISEÑO DE LA PÁGINA..................................................................................................................................................................................................................... 14
CREAR ELEMENTOS DE LA PÁGINA WEB ......................................................................................................................................................................................... 15
HIPERVÍNCULOS........................................................................................................................................................................................................................... 15
MARCADORES.............................................................................................................................................................................................................................. 20
INSERTAR ELEMENTOS EXTRAS ....................................................................................................................................................................................................... 24
MARQUEE .................................................................................................................................................................................................................................... 24
RESULTADOS FINALES ..................................................................................................................................................................................................................... 28
1

3. MANUAL PAGINA WEB
FUNCIONAMIENTO DE WORD PARA LA CREACIÓN DE LAS PÁGINAS WEB
Microsoft dispone de un programa llamado Word que puede ser utilizado para crear páginas web, el programa es básico para
aquellos usuarios que necesiten publicar contenido en internet de una forma sencilla. Esto nos permite transformar un documento
de Word en una página en lenguaje HTML sin conocimientos previos de programación o diseño. En este manual descubriremos lo
fácil que es.
2

4. MANUAL PAGINA WEB
Antes de iniciar con la creación de nuestra página web es importante tener un diseño preestablecido de forma grafica para que sea
menos complicada la elaboración, además de que de esta manera podemos estructurar y organizar de forma más clara y precisa
toda la información, opciones, imágenes y otros elementos gráficos necesarios para nuestra página.
Una vez que tengamos el diseño listo podremos comenzar con la elaboración.
3

5. MANUAL PAGINA WEB
CÓMO INICIAR
Para iniciar el proceso para crear la pagina web debemos crear las carpetas en las que se guardara la información para estar
organizados.
Es recomendable tener toda la información y elementos gráficos guardados en dichas carpetas para facilitar todo el proceso de
estructuración de la página.
Aquí tendremos toda nuestra información
almacenada.
Comenzaremos con la elaboración de la página web seleccionando diseño
web.
Se localiza en la parte inferior derecha del documento.
4

6. MANUAL PAGINA WEB
Personalizaremos la barra de
herramientas de acceso rápido incluyendo
más comandos.
5

7. MANUAL PAGINA WEB
Seleccionamos
Todos los comandos.
6

8. MANUAL PAGINA WEB
En la columna izquierda se
encuentran los comandos en
orden alfabético.
Agregaremos estos
comandos para crear
marcos.
Con el botón agregar
seleccionaremos los comandos
que aparecerán en la barra de
herramientas de acceso rápido.
7

9. MANUAL PAGINA WEB
Aquí aparecerán los comandos para
crear los marcos que utilizaremos en el
diseño.
Aquí están ya los marcos creados
según el diseño que antes se
estableció para la página web.
Titularemos cada marco
según su contenido más
adelante veremos
porqué.
8

10. MANUAL PAGINA WEB
COMO GUARDAR LA PÁGINA WEB.
Iremos a archivo y
seleccionaremos
Guardar como…
Seleccionaremos la
carpeta que antes
ya hemos creado
para almacenar todo
lo referente a
nuestra página.
Guardaremos el
documento como tipo
.HTML (pagina web)
Titularemos el
archivo como
INDEX.
Por ultimo le damos
guardar.
9

11. MANUAL PAGINA WEB
El propósito de haber nombrado el archivo de esa forma es porque INDEX permite el acceso rápido a los datos usados por
Internet Explorer.
Antes ya habíamos dicho que
se debían de nombrar los
marcos para estar más
organizados esto se debe que
al crear un archivo índex
aparecerán esos títulos uno
como HTML y otro como
archivo. (Nótese opciones,
texto y titulo)
El archivo index.html es la
página principal del dominio al
cual accederemos.
10

12. MANUAL PAGINA WEB
En la carpeta ya hemos incluido la
información y elementos gráficos
11

13. MANUAL PAGINA WEB
Ya hemos guardado el archivo como pagina web cada vez que queramos modificar el archivo lo haremos abriendo índex desde
Microsoft Word.
12

14. MANUAL PAGINA WEB
Cada vez que deseemos ver cómo va a ser el resultado final es decir cuando ya esté en la web lo abriremos con internet Explorer.
13

15. MANUAL PAGINA WEB
DISEÑO DE LA PÁGINA
Prosigamos con el diseño de la pagina como ya lo hemos mencionado lo abriremos con Microsoft Word.
Iniciaremoscon la paginaprincipal
Agregaremos el titulo y comenzaremos poniendo la barra de opciones en este caso la hemos colocado en la parte izquierda del
archivo, hemos puesto introducción (texto) en la cual incluimos imágenes, smart art, graficas, etc.
Elegimos nuestro diseño de fondo es decir color de página, textura, efectos de relleno etc. Todo eso hecho en diseño de página
ojo para los que no sabían
14

16. MANUAL PAGINA WEB
CREAR ELEMENTOS DE LA PÁGINA WEB
HIPERVÍNCULOS
A continuación explicaremos como a partir de la barra de opciones crearemos hipervínculos que tienen como función crear
conexiones entre nuestra barra de opciones y archivos referentes a las opciones.
Lo primero que debemos hacer es seleccionarla palabra
15

17. MANUAL PAGINA WEB
A continuación, en el menú de insertar buscaremos hipervínculo y lo seleccionaremos.
16

18. MANUAL PAGINA WEB
Aquí
seleccionaremos el
archivo que
deseamos vincular
tomamos en cuenta
que este tenga el
mismo diseño que
la pagina principal
Damos clic
en marco
de destino
17

19. MANUAL PAGINA WEB
Al dar clic en marco de destino se aparecerá este recuadro.
Aquí
seleccionaremo
s en que marco
queremos que
aparezca la
información
Damos aceptar
y aparecerá el
archivó en ese
marco
18

20. MANUAL PAGINA WEB
Y de esta manera cada vez que demos clic en alguna opción nos aparecerá la información referente, podremos comprobar esto
abriendo la página web desde internet Explorer.
19

21. MANUAL PAGINA WEB
MARCADORES
Los marcadores tienen como tarea identificar una ubicación o seleccionar un texto la que asigna un nombre e identifica para
referencias esto permite identificar el texto el lugar de desplazarse por todo el documento para localizar el texto.
En este caso utilizaremos los marcadores para regresar a la página de inicio a partir de cualquier opción en la que nos
encontremos de la página web.
Al final de cada archivo colocaremos la frase volver a inicio y la seleccionaremos.
20

22. MANUAL PAGINA WEB
La frase “volver a inicio” será el elemento al que queremos asignar el marcador en el menú de insertar se encuentra la opción de
marcador daremos clic en ella.
21

23. MANUAL PAGINA WEB
En el nombre de marcador escribiremos o seleccionaremos un nombre
Los nombres de los
marcadores deben
comenzar por una letra y
pueden incluir números. No
puede incluir espacios en el
nombre de un marcador.
Damos clic en agregar
22

24. MANUAL PAGINA WEB
Así cada vez que demos clic en volver a inicio nos desplazara hasta la introducción.
23

25. MANUAL PAGINA WEB
INSERTAR ELEMENTOS EXTRAS
MARQUEE
La etiqueta <MARQUEE> </MARQUEE> crea una marquesina cuyo contenido se desplaza. Por defecto, ocupa todo el ancho de la
pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.
El marquee lo pondremos en el titulo.
Esta vez no abriremos index abriremos el marco de titulo con block de notas.
24

26. MANUAL PAGINA WEB
Aquí buscaremos el texto al que deseamos agregar el marquee en este caso es el título “revolución mexicana” por lo regular
aparece con <p
25

27. MANUAL PAGINA WEB
Una vez que hayamos encontrado el texto agregaremos al principio <marquee> (espacio) y al final (espacio) </marquee>
26

28. MANUAL PAGINA WEB
Se abre el marco de titulo con internet Explorer y así se pueden ver los resultados.
27

29. MANUAL PAGINA WEB
RESULTADOS FINALES
Ya hemos agregado los elementos más importantes de una página web el resultado final es siguiente:
(Para poder ver el resultado final de nuestra página web abriremos el archivo de índex con internet Explorer así es como nuestra
página se verá en la web)
marquee
Estructuración
contenido y
elementos
gráficos
Opciones en
las cuales
utilizamos
hipervínculos
.
28

30. MANUAL PAGINA WEB
Marcador
29