<ul><li>Microsoft FrontPage  </li></ul><ul><li>Es una herramienta de construcción </li></ul><ul><li>& edición de paginas W...
<ul><li>Creación de páginas con FrontPage 2000   </li></ul><ul><li>En la creación de páginas Web FrontPage 2000 es uno de ...
<ul><li>Para crear una Web hay que  ir a Archivo / nuevo / Web.  </li></ul><ul><li>en esta ventana aparecerán distintos </...
<ul><li>Una ves que este creada la Web, directamente queda una nueva pagina en pantalla lista para empezar a trabajar. </l...
Diseño  <ul><li>Para crear la pagina tenemos que tener en mente el diseño ya sea el fondo o el color de letra que te guste...
Hipervínculos <ul><li>Los hipervínculos es lo que nos permite establecer los saltos de una página a otra.   El proceso es ...
Imágenes <ul><li>Las imágenes en pagina web, </li></ul><ul><li>Funcionan de dos maneras </li></ul><ul><li>Ya sea de fondo ...
HTML <ul><li>Si eres de los que sabe los códigos HTML </li></ul><ul><li>Es importante, ya que le puedes  dar toques a tu p...
Botones <ul><li>El botón opción: </li></ul><ul><li>1-Dar clic en Insertar, Formularios. </li></ul><ul><li>2-Elegir opción ...
Si queremos poner una dirección de correo electrónico en nuestra página de forma que al pulsarla se active el correo para ...
Nos aparece el  Cuadro Crear Hipervinculo · Pulsamos sobre el  Botón  que muestra un sobre amarillo.  El botón que muestra...
Pulsamos  Aceptar  y en el Cuadro Crear Hipervinculo otra vez Aceptar Si pulsa sobre el enlace donde pone ESCRIBIR AL WEBM...
Upcoming SlideShare
Loading in …5
×

Proyecto Tecnico,

1,013 views
953 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,013
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Proyecto Tecnico,

  1. 2. <ul><li>Microsoft FrontPage </li></ul><ul><li>Es una herramienta de construcción </li></ul><ul><li>& edición de paginas Web. </li></ul><ul><li>existente ya hace varios años, </li></ul><ul><li>Ahí varias versiones de ello que han ido mejorando. </li></ul><ul><li>Diseñado para personas inexpertas & sin algún conocimiento </li></ul><ul><li>Alguno de HTML. </li></ul>¿Qué es FrontPage?
  2. 3. <ul><li>Creación de páginas con FrontPage 2000 </li></ul><ul><li>En la creación de páginas Web FrontPage 2000 es uno de los programas que nos permite trabajar directamente sobre resultados finales. También sigue la posibilidad de trabajar con el código, que es necesario cuando se trabajan con opciones más avanzadas en la creación de páginas Web como, por ejemplo, con java script.En las tres pestañas que aparecen en la parte inferior que la podemos ver aqui. </li></ul><ul><li>NORMAL: Es el modo de edición de trabajo en la cual se trabajan todas las modificaciones que se necesite </li></ul><ul><li>HTML: es donde aparece todo el código de la pagina, al igual también </li></ul><ul><li>Podemos modificarlo & se frontpage lo va creando automáticamente. </li></ul><ul><li>ViSTA PREViA: es el resultado de tu pagina Web. </li></ul>
  3. 4. <ul><li>Para crear una Web hay que ir a Archivo / nuevo / Web. </li></ul><ul><li>en esta ventana aparecerán distintos </li></ul><ul><li>asistentes para crear una Web. </li></ul><ul><li>En el lado derecho aparece una ventanilla </li></ul><ul><li>‘ Especifique la ubicación del nuevo Web’, tenemos que elegir el lugar donde queramos colocar la pagina. </li></ul><ul><li>Una ves ubicado el lugar de la pagina aceptas, en el momento indicado FrontPage crea la ubicación necesaria para la Web. </li></ul>Creación de la pagina Web
  4. 5. <ul><li>Una ves que este creada la Web, directamente queda una nueva pagina en pantalla lista para empezar a trabajar. </li></ul><ul><li>AL guardar la pagina FrontPage te pide nombre de archivo & titulo de pagina. Al guardarla aparecerá la siguiente ventana: </li></ul><ul><li>en esta ventana tienes que </li></ul><ul><li>dar nombre al archivo & en </li></ul><ul><li>la opción ‘Cambiar’ un titulo de pagina. </li></ul><ul><li>Que tiene reglas & las principales son: </li></ul><ul><li>-No se admiten espacios en </li></ul><ul><li>blanco ni guiones bajos. </li></ul><ul><li>Solo letras aceptables, no eñes ni acentos. </li></ul>La primera pagina
  5. 6. Diseño <ul><li>Para crear la pagina tenemos que tener en mente el diseño ya sea el fondo o el color de letra que te guste. </li></ul><ul><li>La siguiente ventana es propiedades de pagina: </li></ul><ul><li> </li></ul><ul><li> en ella puedes colocar el </li></ul><ul><li> fondo del color que mas te </li></ul><ul><li> guste o alguna imagen. </li></ul><ul><li> La ventana de los colores </li></ul><ul><li> se muestran 16 de ellos </li></ul><ul><li> si pulsas en ‘Mas colores’ </li></ul><ul><li> aparecerán mas de 256 </li></ul><ul><li> colores. </li></ul>                        
  6. 7. Hipervínculos <ul><li>Los hipervínculos es lo que nos permite establecer los saltos de una página a otra. El proceso es sencillo, se selecciona con el Mouse el de texto que queremos que salte y pulsamos el icono de hipervínculo yse abrira una ventana . </li></ul><ul><li>Pulsas sobe la pagina ala que desees acceder & aceptas. </li></ul><ul><li>Si deseas colocar el hipervinculo a una imagen tambien se puede </li></ul><ul><li>Vincular de la misma manera, haciendo clic sobre la imagen </li></ul><ul><li>& siguindo el mismo proceso. </li></ul><ul><li>Es muy importante para que en vista previa tome su efecto, </li></ul><ul><li>Vallamos guardando todos los cambios. </li></ul><ul><li>En vista previa puedes ir observando como va quedando </li></ul><ul><li>O cualquier otro detalle de la pagina. </li></ul>
  7. 8. Imágenes <ul><li>Las imágenes en pagina web, </li></ul><ul><li>Funcionan de dos maneras </li></ul><ul><li>Ya sea de fondo en la pagina o </li></ul><ul><li>insertada </li></ul><ul><li>En una galeria o cuadro. </li></ul><ul><li>En las paginas web solo se utiliza </li></ul><ul><li>el formato GIF. </li></ul><ul><li>JPEG para imágenes o fotos que </li></ul><ul><li>requieren mas calidad. </li></ul>
  8. 9. HTML <ul><li>Si eres de los que sabe los códigos HTML </li></ul><ul><li>Es importante, ya que le puedes dar toques a tu pagina Web. </li></ul><ul><li>Un cogido muy practico & sencillo </li></ul><ul><li>Es el <marquee> que le da un efecto dinámico al texto, titulo , etc. </li></ul>
  9. 10. Botones <ul><li>El botón opción: </li></ul><ul><li>1-Dar clic en Insertar, Formularios. </li></ul><ul><li>2-Elegir opción botón opción. </li></ul><ul><li>Botón Comando </li></ul><ul><li>1-Dar clic en insertar, formulario </li></ul><ul><li>2-Elegir opción botón de comando. </li></ul><ul><li>Es la opción donde puedes mandar fotos o cualquier otro tipo de cosa deseada. </li></ul><ul><li>Contador de Visitas </li></ul><ul><li>1-Dar clic en insertar, componente Web. </li></ul><ul><li>2-Elegir opción contador de visitas a la pagina. </li></ul><ul><li>Al igual también puedes insertar la fecha & hora ala pagina. </li></ul><ul><li>Las opciones de Examinar & enviar, tu tienes que elegir su destino </li></ul><ul><li>Deseado. </li></ul>
  10. 11. Si queremos poner una dirección de correo electrónico en nuestra página de forma que al pulsarla se active el correo para que nos escriban los que nos visitan podemos poner un enlace. · Escribimos el texto que deseamos mostrar en la página. También podemos insertar una imagen. · Marcamos el texto o la imagen Pulsamos Insertar en la Barra superior Pulsamos Hipervinculo
  11. 12. Nos aparece el Cuadro Crear Hipervinculo · Pulsamos sobre el Botón que muestra un sobre amarillo. El botón que muestra un sobre amarillo es el botón que nos permite establecer un Hipervinculo que envía un correo Aparece en pantalla el Cuadro Crear Hipervinculo de correo electrónico · En el recuadro escribimos la dirección de correo en la que recibiremos los correos de los visitantes de la página.
  12. 13. Pulsamos Aceptar y en el Cuadro Crear Hipervinculo otra vez Aceptar Si pulsa sobre el enlace donde pone ESCRIBIR AL WEBMASTER puede comprobar el resultado del enlace ..

×