SlideShare una empresa de Scribd logo
1 de 10
Unidad educativa San José La Salle
Segundo Quimestre
Tercer Parcial
Trabajo individual
Nathaly Lissette Merchán Luque
1”B”
Informática aplicada a la educación
Prof: Diego Eduardo Moreira Ramírez
Como crear un sitio web
En el siguiente tutorial explicaremos como se puede crear una página Web de manera sencilla y rápida, y para esto usaremos
uno de los más confiables y usuales programas, Microsoft FrontPage 2002 ya que dicho programa se puede hacer desde una
página 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:
Crear páginas Web
Para manejar este programa trabajaremos muy similar a como se trabaja en MicrosoftWord, ya que de la misma manera le daremos formato al texto que estamos
plasmando en nuestras páginas.
Empecemos por teclear el título de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y será 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 cómo podemos dar formato al texto de una página Web, pasaremos a explicar cómo 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 página 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.
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 denominada "Pagina 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 más las páginas, mantenga presionada la tecla CTRL del teclado y presione U.
Conclusión
Se aprendió a cómo empezar a crear una página Web, ya conocemos los pasos que la crean, ahora solo queda por ampliar nuestra imaginación y empezar a generar ideas
para darle forma a nuestras futuras páginas, y así mismo invito a que sigan con este generador de paginas, ya que es de mucha excelencia, y a seguir investigando par
adquirir más conocimientos.
Fuente
http://www.monografias.com/trabajos31/crear-
pagina-web/crear-pagina-web.shtml

Más contenido relacionado

La actualidad más candente

Tutoria e introducción a prezi
Tutoria e introducción a preziTutoria e introducción a prezi
Tutoria e introducción a prezi
yordannavarro
 
Tarea de informatcica word
Tarea de informatcica wordTarea de informatcica word
Tarea de informatcica word
1702pokemon
 
Tarea de informatcica word
Tarea de informatcica wordTarea de informatcica word
Tarea de informatcica word
429elen
 
Como hacer un blogger
Como hacer un bloggerComo hacer un blogger
Como hacer un blogger
Cinthya96
 

La actualidad más candente (19)

Tutoria e introducción a prezi
Tutoria e introducción a preziTutoria e introducción a prezi
Tutoria e introducción a prezi
 
901
901901
901
 
Blogger 2012
Blogger 2012Blogger 2012
Blogger 2012
 
2 h
2 h2 h
2 h
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Configuracion de-joomla completo
Configuracion de-joomla completoConfiguracion de-joomla completo
Configuracion de-joomla completo
 
#ColaBLOGando - Rúbrica NOOC "El blog de aula como herramienta colaborativa"
#ColaBLOGando - Rúbrica NOOC "El blog de aula como herramienta colaborativa"#ColaBLOGando - Rúbrica NOOC "El blog de aula como herramienta colaborativa"
#ColaBLOGando - Rúbrica NOOC "El blog de aula como herramienta colaborativa"
 
Creación de un blog en google
Creación de un blog en googleCreación de un blog en google
Creación de un blog en google
 
Slideshare
Slideshare Slideshare
Slideshare
 
Pagina web
Pagina webPagina web
Pagina web
 
Tutorial google sites
Tutorial google sitesTutorial google sites
Tutorial google sites
 
Tarea sesion5 jesus
Tarea sesion5 jesusTarea sesion5 jesus
Tarea sesion5 jesus
 
Tutorial crear hipervinculos
Tutorial crear hipervinculosTutorial crear hipervinculos
Tutorial crear hipervinculos
 
Tarea de informatcica word
Tarea de informatcica wordTarea de informatcica word
Tarea de informatcica word
 
Blog presentacion
Blog presentacionBlog presentacion
Blog presentacion
 
Blog presentacion
Blog presentacionBlog presentacion
Blog presentacion
 
Tarea de informatcica word
Tarea de informatcica wordTarea de informatcica word
Tarea de informatcica word
 
Trabajo práctico nº13
Trabajo práctico nº13Trabajo práctico nº13
Trabajo práctico nº13
 
Como hacer un blogger
Como hacer un bloggerComo hacer un blogger
Como hacer un blogger
 

Similar a Nathaly lissette merchán luque 1 b-

como crear una pagina web
como crear una pagina webcomo crear una pagina web
como crear una pagina web
ANDRES SEGURA
 
Creacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina webCreacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina web
fredyjim
 
Tutorial webquest creator
Tutorial webquest creatorTutorial webquest creator
Tutorial webquest creator
Lorena Brondani
 
Tu RincóN En La Web
Tu RincóN En La WebTu RincóN En La Web
Tu RincóN En La Web
a1djcamua
 
Trabajo practico 4
Trabajo practico 4Trabajo practico 4
Trabajo practico 4
santyxxs
 

Similar a Nathaly lissette merchán luque 1 b- (20)

Melany
MelanyMelany
Melany
 
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
 
Tutorial Google Sites
Tutorial Google SitesTutorial Google Sites
Tutorial Google Sites
 
Manual de dw tutorial
Manual de dw tutorialManual de dw tutorial
Manual de dw tutorial
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaver
 
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
 
Act 5 s3_raul_anwar
Act 5 s3_raul_anwarAct 5 s3_raul_anwar
Act 5 s3_raul_anwar
 
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
 
Creacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina webCreacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina web
 
Creación de un e-portfolio
Creación de un e-portfolio Creación de un e-portfolio
Creación de un e-portfolio
 
Tutorial webquest creator
Tutorial webquest creatorTutorial webquest creator
Tutorial webquest creator
 
Manual webnode
Manual webnodeManual webnode
Manual webnode
 
Google sites
Google sitesGoogle sites
Google sites
 
Guía para añadir entradas a tu Página o Blog WordPress
Guía para añadir entradas a tu Página o Blog WordPressGuía para añadir entradas a tu Página o Blog WordPress
Guía para añadir entradas a tu Página o Blog WordPress
 
Trabajo práctico nº 2
Trabajo práctico nº 2Trabajo práctico nº 2
Trabajo práctico nº 2
 
Tu RincóN En La Web
Tu RincóN En La WebTu RincóN En La Web
Tu RincóN En La Web
 
Trabajo practico 4
Trabajo practico 4Trabajo practico 4
Trabajo practico 4
 
Imagenes en un blog
Imagenes en un blogImagenes en un blog
Imagenes en un blog
 

Último

NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Último (20)

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundaria
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 

Nathaly lissette merchán luque 1 b-

  • 1. Unidad educativa San José La Salle Segundo Quimestre Tercer Parcial Trabajo individual Nathaly Lissette Merchán Luque 1”B” Informática aplicada a la educación Prof: Diego Eduardo Moreira Ramírez
  • 2. Como crear un sitio web En el siguiente tutorial explicaremos como se puede crear una página Web de manera sencilla y rápida, y para esto usaremos uno de los más confiables y usuales programas, Microsoft FrontPage 2002 ya que dicho programa se puede hacer desde una página 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. Crear páginas Web Para manejar este programa trabajaremos muy similar a como se trabaja en MicrosoftWord, ya que de la misma manera le daremos formato al texto que estamos plasmando en nuestras páginas. Empecemos por teclear el título de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y será 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
  • 5. 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.
  • 6. Al entender cómo podemos dar formato al texto de una página Web, pasaremos a explicar cómo 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 página principal, con ella misma aprenderemos a como tener un hipervínculo.
  • 7. 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.
  • 8. 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 denominada "Pagina 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 más las páginas, mantenga presionada la tecla CTRL del teclado y presione U.
  • 9. Conclusión Se aprendió a cómo empezar a crear una página Web, ya conocemos los pasos que la crean, ahora solo queda por ampliar nuestra imaginación y empezar a generar ideas para darle forma a nuestras futuras páginas, y así mismo invito a que sigan con este generador de paginas, ya que es de mucha excelencia, y a seguir investigando par adquirir más conocimientos.

Notas del editor

  1. Un sitio web o cibersitio1 es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web enInternet2 Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet. Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).
  2. A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
  3. Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios denoticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica entiempo real, etc.
  4. Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percibido por el usuario, puede ser a veces borrosa.
  5. No debemos confundir sitio web con página web; esta última es sólo un archivo HTML, una unidad HTML, que forma parte de algún sitio web. Al ingresar una dirección web, como por ejemplo www.wikipedia.org, siempre se está haciendo referencia a un sitio web, el que tiene una página HTML inicial, que es generalmente la primera que se visualiza. La búsqueda en Internet se realiza asociando el DNS ingresado con la dirección IP del servidor que contiene el sitio web en el cual está la página HTML buscada.
  6. Los sitios web están escritos en código HTML (Hyper Text Markup Language), o dinámicamente convertidos a éste, y se acceden aplicando un softwareconveniente llamado navegador web, también conocido como un cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un amplio abanico de dispositivos con conexión a Internet, como computadoras personales, portátiles, PDAs, y teléfonos móviles.
  7. Un sitio web está alojado en una computadora conocida como servidor web, también llamada servidor HTTP, y estos términos también pueden referirse al softwareque se ejecuta en esta computadora y que recupera y entrega las páginas de un sitio web en respuesta a peticiones del usuario. Apache es el programa más comúnmente usado como servidor web (según las estadísticas de Netcraft) y el Internet Information Services (IIS) de Microsoft también se usa con mucha frecuencia.
  8. Últimamente, dado el discurso de muchos gobiernos, se recomienda que los sitios web cumplan determinadas normas de accesibilidad, para que éstos, puedan ser visitados y utilizados por el mayor número de personas posibles, independientemente de sus limitaciones físicas o derivadas de su entorno. La accesibilidad web viene recogida en las Pautas de Accesibilidad al Contenido Web WCAG 1.0 del W3C.