taller 6 y 7 html

20
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:

Upload: edward-farfan

Post on 03-Aug-2015

112 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: 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:

Page 2: Taller 6 y 7 html
Page 3: Taller 6 y 7 html

Luego del mismo modo realizaremos el archivo teléfono.html:

Page 4: Taller 6 y 7 html
Page 5: Taller 6 y 7 html

Posteriormente crearemos un archivo HTML al que vamos a llamar automóvil.html:

Page 6: Taller 6 y 7 html
Page 7: Taller 6 y 7 html
Page 8: Taller 6 y 7 html

Mostrándose como resultado el diseño de la siguiente página:

Page 9: Taller 6 y 7 html
Page 10: Taller 6 y 7 html
Page 11: Taller 6 y 7 html

El siguiente paso a realizar es crear una encuesta la cual vamos a llamar encuesta.html:

Page 12: Taller 6 y 7 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”:

Page 13: Taller 6 y 7 html

Mostrándose el código de la siguiente manera:

Page 14: Taller 6 y 7 html
Page 15: Taller 6 y 7 html

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ú.

Page 16: Taller 6 y 7 html

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:

Page 17: Taller 6 y 7 html
Page 18: Taller 6 y 7 html

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:

Page 19: Taller 6 y 7 html
Page 20: Taller 6 y 7 html