[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