Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Manual pagina web en word

441 views

Published on

  • Be the first to comment

  • Be the first to like this

Manual pagina web en word

  1. 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. 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. 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. 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. 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. 6. MANUAL PAGINA WEB Personalizaremos la barra de herramientas de acceso rápido incluyendo más comandos. 5
  7. 7. MANUAL PAGINA WEB Seleccionamos Todos los comandos. 6
  8. 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. 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. 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. 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. 12. MANUAL PAGINA WEB En la carpeta ya hemos incluido la información y elementos gráficos 11
  13. 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. 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. 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. 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. 17. MANUAL PAGINA WEB A continuación, en el menú de insertar buscaremos hipervínculo y lo seleccionaremos. 16
  18. 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. 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. 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. 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. 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. 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. 24. MANUAL PAGINA WEB Así cada vez que demos clic en volver a inicio nos desplazara hasta la introducción. 23
  25. 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. 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. 27. MANUAL PAGINA WEB Una vez que hayamos encontrado el texto agregaremos al principio <marquee> (espacio) y al final (espacio) </marquee> 26
  28. 28. MANUAL PAGINA WEB Se abre el marco de titulo con internet Explorer y así se pueden ver los resultados. 27
  29. 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. 30. MANUAL PAGINA WEB Marcador 29

×