Taller 6 y 7 html
-
Upload
edward-farfan -
Category
Documents
-
view
117 -
download
4
Transcript of Taller 6 y 7 html
![Page 1: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/2.jpg)
![Page 3: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/3.jpg)
Luego del mismo modo realizaremos el archivo teléfono.html:
![Page 4: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/4.jpg)
![Page 5: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/5.jpg)
Posteriormente crearemos un archivo HTML al que vamos a llamar automóvil.html:
![Page 6: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/6.jpg)
![Page 7: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/7.jpg)
![Page 8: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/8.jpg)
Mostrándose como resultado el diseño de la siguiente página:
![Page 9: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/9.jpg)
![Page 10: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/10.jpg)
![Page 11: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/11.jpg)
El siguiente paso a realizar es crear una encuesta la cual vamos a llamar encuesta.html:
![Page 12: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/13.jpg)
Mostrándose el código de la siguiente manera:
![Page 14: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/14.jpg)
![Page 15: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/16.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/17.jpg)
![Page 18: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/18.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/19.jpg)
![Page 20: Taller 6 y 7 html](https://reader035.fdocuments.es/reader035/viewer/2022062220/55bee88dbb61ebbc0b8b4708/html5/thumbnails/20.jpg)