SlideShare una empresa de Scribd logo
1 de 7
COMO CREAR UNA PAGINA WEB
        EN LINEA
En el siguiente tutorial explicaremos como se puede crear una pagina Web de manera sencilla
                  y rápida, y para esto usaremos uno de los mas confiables y
 usuales programas, Microsoft FrontPage 2002 ya que dicho programa se puede hacer desde
            una pagina Web básica hasta una avanzando de una maneras sencilla.
 Empezaremos por explicar la internas que se tendrá al trabajar con Microsoft FrontPage, lo
                               mostramos en la siguiente imagen:
Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas vinculadas en
esta, ya que así resulta mas fácil administrar una pagina Web.
Aprenderá a:
•Abrir FrontPage.
•Crear páginas Web.
•Trabajar con texto e hipervínculos.
•Insertar imágenes y archivos.
•Aplicar formato a listas.
•Colocar objetos.
•Agregar un formulario de comentarios.
•Diseñar una galería de fotografías.
•Crear una estructura de sitio Web.
•Guardar el trabajo realizado.
Para manejar este programa trabajaremos muy similar a como se trabaja en Microsoft Word, ya que de la misma
manera le daremos formato al texto que estemos plasmando en nuestras paginas.
Empecemos por teclear el titulo de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y sera
nuestra pagina principal, lo hacemos como se muestra en la siguiente imagen:
Para darle formato a nuestro texto lo hacemos similar al procesador de textos Word.
Seleccionamos y después damos el formato, también podemos utilizar nuestras barras
de herramientas para dar justificado y alineación




                 Así es como queda el texto después de dar formato:
Para estar visualizado como va quedando nuestra pagina, damos clic en la pestaña, en la parte inferior
izquierda.




Al entender como podemos dar formato al texto de una pagina Web, pasaremos a explicar como insertamos
una imagen.
Insertar una imagen en la página principal
En este paso agregamos la imagen desde el menú insertar y en la opción imagen desde archivo y ahí nos
iremos hasta donde tenemos guardada nuestra imagen.




   Ya teniendo una imagen en nuestra pagina principal, con ella misma aprenderemos a como tener
   un hipervínculo.
Para crear un hipervínculo a partir de una imagen
Teniendo la imagen insertada en nuestra pagina, seguiremos a seleccionarla, ya seleccionada le damos clic
derecho y seleccionamos la opción hipervínculo. Nos aparecerá una ventana en donde pondremos
la dirección a la estaremos vinculados, en este caso será la de nuestra universidad, ITSON.

Para saber que esta operación ha sido satisfactoria, nos vamos a vista previa, como antes ya lo habíamos
mencionado, y ponemos el cursor sobre la imagen, y se pondrá la manita de vínculo, y en la parte inferior
izquierda aparecerá la dirección que vinculamos.
Si queremos hacer un vinculo a partir de texto, se hace la misma operación, seleccionando el texto a
vincular, ya sea una palabra, frase o dirección Web.
Por ultimo aprenderemos a crear hipervínculos a otras paginas creadas en esta misma estructura.
Crear una estructura de exploración
 En la vista Exploración, haga clic en Nueva página, en la barra de herramientas estándar.
FrontPage crea una nueva página de nominada "Página nueva 1" bajo la página principal.
  Las páginas de la vista Exploración no son las páginas reales del sitio Web actual, sino
         marcadores de posición que llevan hasta las mismas. De este modo, puede
hacer pruebas con la estructura y la organización del sitio Web antes de crear el contenido.
Para crear rápidamente mas as páginas, mantenga presionada la tecla CTRL del teclado y
                                        presione U.

Más contenido relacionado

La actualidad más candente

Reporte de diseño de índice con hipervínculo
Reporte de  diseño de índice con hipervínculoReporte de  diseño de índice con hipervínculo
Reporte de diseño de índice con hipervínculoIvan Zoquiapa
 
Resumen del trabajo de hoy mishelle gracia.
Resumen del trabajo de hoy mishelle gracia.Resumen del trabajo de hoy mishelle gracia.
Resumen del trabajo de hoy mishelle gracia.landyguagua
 
Blogger 2012
Blogger 2012Blogger 2012
Blogger 2012Anatara4
 
Resumen del uso de Slideshare y Drive
Resumen del uso de Slideshare y Drive Resumen del uso de Slideshare y Drive
Resumen del uso de Slideshare y Drive ValeriaDavila6
 
Delicious.com y bookmarking
Delicious.com y bookmarkingDelicious.com y bookmarking
Delicious.com y bookmarkingdanyyhenao
 
Trabajoprcticonro6666 120507100659-phpapp02h
Trabajoprcticonro6666 120507100659-phpapp02hTrabajoprcticonro6666 120507100659-phpapp02h
Trabajoprcticonro6666 120507100659-phpapp02hRodrigo_Pastoriza
 
Creación de un sitio de google
Creación de un sitio de googleCreación de un sitio de google
Creación de un sitio de googleTecnoeduc507
 
Leonardo soto tb2
Leonardo soto tb2Leonardo soto tb2
Leonardo soto tb2leo_97_29
 
Trabajo Práctico Nro. 6
Trabajo Práctico Nro. 6Trabajo Práctico Nro. 6
Trabajo Práctico Nro. 6bteran
 

La actualidad más candente (16)

Reporte de diseño de índice con hipervínculo
Reporte de  diseño de índice con hipervínculoReporte de  diseño de índice con hipervínculo
Reporte de diseño de índice con hipervínculo
 
Resumen del trabajo de hoy mishelle gracia.
Resumen del trabajo de hoy mishelle gracia.Resumen del trabajo de hoy mishelle gracia.
Resumen del trabajo de hoy mishelle gracia.
 
Navegadores de internet Eduardo
Navegadores de internet EduardoNavegadores de internet Eduardo
Navegadores de internet Eduardo
 
Blogger 2012
Blogger 2012Blogger 2012
Blogger 2012
 
Resumen del uso de Slideshare y Drive
Resumen del uso de Slideshare y Drive Resumen del uso de Slideshare y Drive
Resumen del uso de Slideshare y Drive
 
Delicious.com y bookmarking
Delicious.com y bookmarkingDelicious.com y bookmarking
Delicious.com y bookmarking
 
901
901901
901
 
Blog
BlogBlog
Blog
 
Trabajoprcticonro6666 120507100659-phpapp02h
Trabajoprcticonro6666 120507100659-phpapp02hTrabajoprcticonro6666 120507100659-phpapp02h
Trabajoprcticonro6666 120507100659-phpapp02h
 
Creación de un sitio de google
Creación de un sitio de googleCreación de un sitio de google
Creación de un sitio de google
 
Leonardo soto tb2
Leonardo soto tb2Leonardo soto tb2
Leonardo soto tb2
 
Cómo
CómoCómo
Cómo
 
Creación de un blog
Creación de un blogCreación de un blog
Creación de un blog
 
Trabajo Práctico Nro. 6
Trabajo Práctico Nro. 6Trabajo Práctico Nro. 6
Trabajo Práctico Nro. 6
 
Tutorial netvibes
Tutorial netvibesTutorial netvibes
Tutorial netvibes
 
Tutorial de como crear nuestro propio escritorio netvibes
Tutorial de como crear nuestro propio escritorio netvibesTutorial de como crear nuestro propio escritorio netvibes
Tutorial de como crear nuestro propio escritorio netvibes
 

Similar a Como crear una pagina web en linea

que son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4bque son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4bMarina Belen Ordoñez
 
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEBQUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEBMarina Belen Ordoñez
 
como crear una pagina web
como crear una pagina webcomo crear una pagina web
como crear una pagina webANDRES SEGURA
 
como crear una pagina web
como crear una pagina webcomo crear una pagina web
como crear una pagina webANDRES SEGURA
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604EVA MAYOR
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas WebJose Casan
 
Manual Para crear una pagina web en word
Manual Para crear una pagina web en wordManual Para crear una pagina web en word
Manual Para crear una pagina web en wordtunoypipen
 
Trabajoprcticonro6666 120507100659-phpapp02
Trabajoprcticonro6666 120507100659-phpapp02Trabajoprcticonro6666 120507100659-phpapp02
Trabajoprcticonro6666 120507100659-phpapp02Rodrigo_Pastoriza
 
Trabajo Práctico Nro 10
Trabajo Práctico Nro 10Trabajo Práctico Nro 10
Trabajo Práctico Nro 10bteran
 
Trabajo practico numero 4 lucilab zamora
Trabajo practico numero 4 lucilab zamoraTrabajo practico numero 4 lucilab zamora
Trabajo practico numero 4 lucilab zamoraluly-z
 
Trabajo practico numero 4 lucila zamora
Trabajo practico numero 4 lucila zamoraTrabajo practico numero 4 lucila zamora
Trabajo practico numero 4 lucila zamoraluly-z
 

Similar a Como crear una pagina web en linea (20)

que son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4bque son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4b
 
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEBQUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
 
Melany
MelanyMelany
Melany
 
como crear una pagina web
como crear una pagina webcomo crear una pagina web
como crear una pagina web
 
como crear una pagina web
como crear una pagina webcomo crear una pagina web
como crear una pagina web
 
Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Artículos en Jeroweb
Artículos en JerowebArtículos en Jeroweb
Artículos en Jeroweb
 
Google sites
Google sitesGoogle sites
Google sites
 
Manual Para crear una pagina web en word
Manual Para crear una pagina web en wordManual Para crear una pagina web en word
Manual Para crear una pagina web en word
 
Trabajoprcticonro6666 120507100659-phpapp02
Trabajoprcticonro6666 120507100659-phpapp02Trabajoprcticonro6666 120507100659-phpapp02
Trabajoprcticonro6666 120507100659-phpapp02
 
Trabajo Práctico Nro 10
Trabajo Práctico Nro 10Trabajo Práctico Nro 10
Trabajo Práctico Nro 10
 
Tutorial google sites
Tutorial google sitesTutorial google sites
Tutorial google sites
 
Tutorial Google Sites
Tutorial Google SitesTutorial Google Sites
Tutorial Google Sites
 
Manual webnode
Manual webnodeManual webnode
Manual webnode
 
Act 5 s3_raul_anwar
Act 5 s3_raul_anwarAct 5 s3_raul_anwar
Act 5 s3_raul_anwar
 
Marina Blog
Marina BlogMarina Blog
Marina Blog
 
Trabajo practico numero 4 lucilab zamora
Trabajo practico numero 4 lucilab zamoraTrabajo practico numero 4 lucilab zamora
Trabajo practico numero 4 lucilab zamora
 
Trabajo practico numero 4 lucila zamora
Trabajo practico numero 4 lucila zamoraTrabajo practico numero 4 lucila zamora
Trabajo practico numero 4 lucila zamora
 

Como crear una pagina web en linea

  • 1. COMO CREAR UNA PAGINA WEB EN LINEA
  • 2. En el siguiente tutorial explicaremos como se puede crear una pagina Web de manera sencilla y rápida, y para esto usaremos uno de los mas confiables y usuales programas, Microsoft FrontPage 2002 ya que dicho programa se puede hacer desde una pagina Web básica hasta una avanzando de una maneras sencilla. Empezaremos por explicar la internas que se tendrá al trabajar con Microsoft FrontPage, lo mostramos en la siguiente imagen:
  • 3. Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas vinculadas en esta, ya que así resulta mas fácil administrar una pagina Web. Aprenderá a: •Abrir FrontPage. •Crear páginas Web. •Trabajar con texto e hipervínculos. •Insertar imágenes y archivos. •Aplicar formato a listas. •Colocar objetos. •Agregar un formulario de comentarios. •Diseñar una galería de fotografías. •Crear una estructura de sitio Web. •Guardar el trabajo realizado. Para manejar este programa trabajaremos muy similar a como se trabaja en Microsoft Word, ya que de la misma manera le daremos formato al texto que estemos plasmando en nuestras paginas. Empecemos por teclear el titulo de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y sera nuestra pagina principal, lo hacemos como se muestra en la siguiente imagen:
  • 4. Para darle formato a nuestro texto lo hacemos similar al procesador de textos Word. Seleccionamos y después damos el formato, también podemos utilizar nuestras barras de herramientas para dar justificado y alineación Así es como queda el texto después de dar formato:
  • 5. Para estar visualizado como va quedando nuestra pagina, damos clic en la pestaña, en la parte inferior izquierda. Al entender como podemos dar formato al texto de una pagina Web, pasaremos a explicar como insertamos una imagen. Insertar una imagen en la página principal En este paso agregamos la imagen desde el menú insertar y en la opción imagen desde archivo y ahí nos iremos hasta donde tenemos guardada nuestra imagen. Ya teniendo una imagen en nuestra pagina principal, con ella misma aprenderemos a como tener un hipervínculo.
  • 6. Para crear un hipervínculo a partir de una imagen Teniendo la imagen insertada en nuestra pagina, seguiremos a seleccionarla, ya seleccionada le damos clic derecho y seleccionamos la opción hipervínculo. Nos aparecerá una ventana en donde pondremos la dirección a la estaremos vinculados, en este caso será la de nuestra universidad, ITSON. Para saber que esta operación ha sido satisfactoria, nos vamos a vista previa, como antes ya lo habíamos mencionado, y ponemos el cursor sobre la imagen, y se pondrá la manita de vínculo, y en la parte inferior izquierda aparecerá la dirección que vinculamos. Si queremos hacer un vinculo a partir de texto, se hace la misma operación, seleccionando el texto a vincular, ya sea una palabra, frase o dirección Web. Por ultimo aprenderemos a crear hipervínculos a otras paginas creadas en esta misma estructura.
  • 7. Crear una estructura de exploración En la vista Exploración, haga clic en Nueva página, en la barra de herramientas estándar. FrontPage crea una nueva página de nominada "Página nueva 1" bajo la página principal. Las páginas de la vista Exploración no son las páginas reales del sitio Web actual, sino marcadores de posición que llevan hasta las mismas. De este modo, puede hacer pruebas con la estructura y la organización del sitio Web antes de crear el contenido. Para crear rápidamente mas as páginas, mantenga presionada la tecla CTRL del teclado y presione U.