SlideShare una empresa de Scribd logo
1 de 22
Para el desarrollo de este taller primero se debe crear un archivo HTML en el cual vamos a llamar
computador.html. Pero antes vamos a crear una carpeta en la que llamaremos Imágenes y vamos
a guardar en ella todas la imágenes que vamos a necesitar para el desarrollo de la pagina, en el
desarrollo de este taller vamos a necesitar el desarrollo de las siguientes imágenes:




 Ahora procederemos a realizar el codigo html en bloc de notas creando la página
computador.html de la siguiente forma:
Luego del mismo modo realizaremos el archivo teléfono.html:
Posteriormente crearemos un archivo HTML al que vamos a llamar automóvil.html:
Mostrándose como resultado el diseño de la siguiente página:
El siguiente paso a realizar es crear una encuesta la cual vamos a llamar encuesta.html:
Y Luego procederemos a crear un archivo al que llamaremos edwardfarfan.html que corresponde
al primer nombre y primer apellido. Para ello vamos a necesitar insertar imágenes, así que
crearemos una carpeta con el mismo nombre “edwardfarfan”:
Mostrándose el código de la siguiente manera:
Ahora vamos a crear un frame en que con la ayuda de un menú podamos desplegar cada una de
nuestras paginas que hemos creado ya anteriormente. Para ello vamos a crear un archivo HTML
llamado frame.html de la siguiente manera:




De igual manera vamos a crear una pagina HTML en blanco en la que en este caso llamamos
frame3.html ya que en ella se cargarán las páginas después de haber creado el menú.
Una vez creados estos dos archivos vamos a ingresar en el archivo frame.html donde nos mostrara
el siguiente diseño de página:




Ahora vamos a crear un archivo HTML al que vamos a llamar menú.html y lo desarrollaremos de la
siguiente manera:
Finalmente vamos a ingresar en el archivo frame.html nuevamente y nos mostrara cada una de las
páginas anteriormente realizadas cargadas en frente del menú. Vamos a ver el diseño final:
Taller 6 y 7 html
Taller 6 y 7 html

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Como poner un chat en el blogger
Como poner un chat en el bloggerComo poner un chat en el blogger
Como poner un chat en el blogger
 
Descarga chrome
Descarga chromeDescarga chrome
Descarga chrome
 
2da pagina web con html5 y doctype
2da pagina web con html5 y doctype2da pagina web con html5 y doctype
2da pagina web con html5 y doctype
 
Karen castelblanco[1]
Karen castelblanco[1]Karen castelblanco[1]
Karen castelblanco[1]
 
Tunear el blog
Tunear el blogTunear el blog
Tunear el blog
 
Descarga crhome
Descarga crhomeDescarga crhome
Descarga crhome
 
Blogger arlett
Blogger arlettBlogger arlett
Blogger arlett
 
Crear Blog en Jimdo
Crear Blog en JimdoCrear Blog en Jimdo
Crear Blog en Jimdo
 
Cheko manual
Cheko manualCheko manual
Cheko manual
 
Cómo colocar un contador web en blogspot
Cómo colocar un contador web en blogspotCómo colocar un contador web en blogspot
Cómo colocar un contador web en blogspot
 
Karen
KarenKaren
Karen
 
Manual Practicas 302 Fifi
Manual Practicas 302 FifiManual Practicas 302 Fifi
Manual Practicas 302 Fifi
 
Pérez jésica 6_b_ti
Pérez jésica 6_b_tiPérez jésica 6_b_ti
Pérez jésica 6_b_ti
 
Crear un blog
Crear un blogCrear un blog
Crear un blog
 
Blog
BlogBlog
Blog
 
Guia 2
Guia 2Guia 2
Guia 2
 
Configuramos nuestro blog widgets
Configuramos nuestro blog widgetsConfiguramos nuestro blog widgets
Configuramos nuestro blog widgets
 

Similar a Taller 6 y 7 html (20)

Adjuntos fichero 143604
Adjuntos fichero 143604Adjuntos fichero 143604
Adjuntos fichero 143604
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Doctrine symfony
Doctrine symfonyDoctrine symfony
Doctrine symfony
 
Tarea sesion3
Tarea sesion3Tarea sesion3
Tarea sesion3
 
Practica 1 HTML - Introducción al entorno de desarrollo
Practica 1 HTML - Introducción al entorno de desarrolloPractica 1 HTML - Introducción al entorno de desarrollo
Practica 1 HTML - Introducción al entorno de desarrollo
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Html
HtmlHtml
Html
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Practica Web Sesión 5
Practica Web Sesión 5Practica Web Sesión 5
Practica Web Sesión 5
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Tutorial masher
Tutorial masherTutorial masher
Tutorial masher
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa 2
Programa 2Programa 2
Programa 2
 

Más de Edward Farfan

Taller 5 html aplicaciones web
Taller 5 html aplicaciones webTaller 5 html aplicaciones web
Taller 5 html aplicaciones webEdward Farfan
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones webEdward Farfan
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones webEdward Farfan
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones webEdward Farfan
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones webEdward Farfan
 
Taller 3 html aplicaciones web
Taller 3 html aplicaciones webTaller 3 html aplicaciones web
Taller 3 html aplicaciones webEdward Farfan
 
Taller 2 aplicaciones web
Taller 2 aplicaciones webTaller 2 aplicaciones web
Taller 2 aplicaciones webEdward Farfan
 
Taller evaluativo edward andres farfan aplicaciones web
Taller evaluativo edward andres farfan aplicaciones webTaller evaluativo edward andres farfan aplicaciones web
Taller evaluativo edward andres farfan aplicaciones webEdward Farfan
 

Más de Edward Farfan (8)

Taller 5 html aplicaciones web
Taller 5 html aplicaciones webTaller 5 html aplicaciones web
Taller 5 html aplicaciones web
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones web
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones web
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones web
 
Taller 4 html aplicaciones web
Taller 4 html aplicaciones webTaller 4 html aplicaciones web
Taller 4 html aplicaciones web
 
Taller 3 html aplicaciones web
Taller 3 html aplicaciones webTaller 3 html aplicaciones web
Taller 3 html aplicaciones web
 
Taller 2 aplicaciones web
Taller 2 aplicaciones webTaller 2 aplicaciones web
Taller 2 aplicaciones web
 
Taller evaluativo edward andres farfan aplicaciones web
Taller evaluativo edward andres farfan aplicaciones webTaller evaluativo edward andres farfan aplicaciones web
Taller evaluativo edward andres farfan aplicaciones web
 

Taller 6 y 7 html

  • 1. Para el desarrollo de este taller primero se debe crear un archivo HTML en el cual vamos a llamar computador.html. Pero antes vamos a crear una carpeta en la que llamaremos Imágenes y vamos a guardar en ella todas la imágenes que vamos a necesitar para el desarrollo de la pagina, en el desarrollo de este taller vamos a necesitar el desarrollo de las siguientes imágenes: Ahora procederemos a realizar el codigo html en bloc de notas creando la página computador.html de la siguiente forma:
  • 2.
  • 3. Luego del mismo modo realizaremos el archivo teléfono.html:
  • 4.
  • 5. Posteriormente crearemos un archivo HTML al que vamos a llamar automóvil.html:
  • 6.
  • 7.
  • 8. Mostrándose como resultado el diseño de la siguiente página:
  • 9.
  • 10.
  • 11.
  • 12. El siguiente paso a realizar es crear una encuesta la cual vamos a llamar encuesta.html:
  • 13. Y Luego procederemos a crear un archivo al que llamaremos edwardfarfan.html que corresponde al primer nombre y primer apellido. Para ello vamos a necesitar insertar imágenes, así que crearemos una carpeta con el mismo nombre “edwardfarfan”:
  • 14. Mostrándose el código de la siguiente manera:
  • 15.
  • 16.
  • 17. Ahora vamos a crear un frame en que con la ayuda de un menú podamos desplegar cada una de nuestras paginas que hemos creado ya anteriormente. Para ello vamos a crear un archivo HTML llamado frame.html de la siguiente manera: De igual manera vamos a crear una pagina HTML en blanco en la que en este caso llamamos frame3.html ya que en ella se cargarán las páginas después de haber creado el menú.
  • 18. Una vez creados estos dos archivos vamos a ingresar en el archivo frame.html donde nos mostrara el siguiente diseño de página: Ahora vamos a crear un archivo HTML al que vamos a llamar menú.html y lo desarrollaremos de la siguiente manera:
  • 19.
  • 20. Finalmente vamos a ingresar en el archivo frame.html nuevamente y nos mostrara cada una de las páginas anteriormente realizadas cargadas en frente del menú. Vamos a ver el diseño final: