taller 6 y 7 html

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: