Post on 26-May-2015
[Escribir texto]
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
MANUAL PAGINA WEB
1
Í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
MANUAL PAGINA WEB
2
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.
MANUAL PAGINA WEB
3
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.
MANUAL PAGINA WEB
4
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.
Comenzaremos con la elaboración de la página web seleccionando diseño
web.
Se localiza en la parte inferior derecha del documento.
Aquí tendremos toda nuestra información
almacenada.
MANUAL PAGINA WEB
5
Personalizaremos la barra de
herramientas de acceso rápido incluyendo
más comandos.
MANUAL PAGINA WEB
6
Seleccionamos
Todos los comandos.
MANUAL PAGINA WEB
7
Agregaremos estos
comandos para crear
marcos.
En la columna izquierda se
encuentran los comandos en
orden alfabético.
Con el botón agregar
seleccionaremos los comandos
que aparecerán en la barra de
herramientas de acceso rápido.
MANUAL PAGINA WEB
8
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é.
MANUAL PAGINA WEB
9
COMO GUARDAR LA PÁGINA WEB.
Iremos a archivo y
seleccionaremos
Guardar como…
Titularemos el
archivo como
INDEX.
Guardaremos el
documento como tipo
.HTML (pagina web)
Seleccionaremos la
carpeta que antes
ya hemos creado
para almacenar todo
lo referente a
nuestra página.
Por ultimo le damos
guardar.
MANUAL PAGINA WEB
10
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.
El archivo index.html es la
página principal del dominio al
cual accederemos.
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)
MANUAL PAGINA WEB
11
En la carpeta ya hemos incluido la
información y elementos gráficos
MANUAL PAGINA WEB
12
Ya hemos guardado el archivo como pagina web cada vez que queramos modificar el archivo lo haremos abriendo índex desde
Microsoft Word.
MANUAL PAGINA WEB
13
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.
MANUAL PAGINA WEB
14
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
MANUAL PAGINA WEB
15
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
MANUAL PAGINA WEB
16
A continuación, en el menú de insertar buscaremos hipervínculo y lo seleccionaremos.
MANUAL PAGINA WEB
17
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
MANUAL PAGINA WEB
18
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
MANUAL PAGINA WEB
19
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.
MANUAL PAGINA WEB
20
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.
MANUAL PAGINA WEB
21
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.
MANUAL PAGINA WEB
22
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
MANUAL PAGINA WEB
23
Así cada vez que demos clic en volver a inicio nos desplazara hasta la introducción.
MANUAL PAGINA WEB
24
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.
MANUAL PAGINA WEB
25
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
MANUAL PAGINA WEB
26
Una vez que hayamos encontrado el texto agregaremos al principio <marquee> (espacio) y al final (espacio) </marquee>
MANUAL PAGINA WEB
27
Se abre el marco de titulo con internet Explorer y así se pueden ver los resultados.
MANUAL PAGINA WEB
28
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
Opciones en
las cuales
utilizamos
hipervínculos
.
Estructuración
contenido y
elementos
gráficos
MANUAL PAGINA WEB
29
Marcador