<span style="color: yellow;">Introducción a las tecnologías de la información 5s6l1t

), se reducirá a y5a5b

como resultado obtendremos: <marquee bgcolor=#973838> <span style="color: yellow;">Contenido Ahora los contenidos se acomodan en forma de lista, para crear la lista colocamos la etiqueta y los contenidos, todo de la siguiente manera: Para los contenidos se tiene pensado cambiar de página, para esto se crean tres nuevos archivos en el bloc de notas, el primero será llamado conceptos.html, el segundo entornos.html y el tercero medios.html. En los tres nuevos archivos haremos un procedimiento similar. Cada archivo tendrá un tema en específico y tendrán un enlace para la página principal. Volviendo con el archivo tutorial2.html se cambian las etiquetas de los contenidos para que puedan abrir los nuevos documentos. Ahora tendremos los siguiente: Para terminar el archivo tutorial2.html, se tiene pensado agregar una última etiqueta la cual nos envié a la página inidice, así que 9 IM FECHA: 25 DE AGOSTO DE 2011 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. agregamos una etiqueta como la siguiente: Indice Finalmente obtendremos lo siguiente: 10 IM FECHA: 25 DE AGOSTO DE 2011 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 2.4 Realizar una página de un tema específico, que contenga viñetas y tablas. Utilizando los conocimientos adquiridos durante la clase, y basándonos en el ejemplo de página web que realizamos según las instrucciones de la practica 2, realizamos una página web sobre un tema específico, en este caso, los pingüinos. Para esto, nos dimos a la tarea de buscar información en un buscador. Una vez que ya hemos elegido la página de donde obtendremos la información necesaria para el contenido de nuestra página, iniciaremos con la creación de la página. Se nos ha dicho que una herramienta muy útil para esto, es el bloc de notas que viene incluido en Windows, también ya conocemos como es que debemos iniciar la página web, los códigos necesarios para hacerlo, así como códigos adicionales para crear viñetas. Este ejercicio fue muy útil para los integrantes del equipo que no estaban tan familiarizados con el lenguaje html, ya que se descubrió que se pueden combinar varios códigos para un elemento; como la transformación de un texto: centrándolo, utilizando la función negrita, etc. … Los Pingüinos 11 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. Reino: Animalia Filo: Chordata Clase: Aves Orden: Sphenisciformes Familia: Spheniscidae Para realizar las viñetas, nos dimos a la tarea de buscar un nuevo código, afortunadamente, encontramos información sobre estos en los foros que visitamos para la realización de la práctica pasada, el código correspondiente es: El siguiente reto, fue la creación de una tabla con más columnas, y, que a su vez, contuviera imágenes. Esto se logró gracias a la combinación de códigos, en este caso, la adición del código para introducir imágenes dentro del parámetro para texto de una tabla. Y la creación de nuevas columnas se logró gracias al descubrimiento que es un código que se repite una y otra vez. El siguiente y último paso, fue la inclusión de una imagen que nos redireccionara al índice, esto se logró introduciendo una imagen, y a su vez, convirtiéndola en un vínculo. 12 IM FECHA: 25 DE AGOSTO DE 2011 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 2.5 Realizar una página que incluya información sobre bibliografía para la asignatura computación para ingenieros. Durante esta página se escribió el código siguiente. 13 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. En el navegador se mostrará lo siguiente: 14 IM FECHA: 25 DE AGOSTO DE 2011 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 2.6 Realizar una página en donde se puedan descargar archivos referentes a la asignatura. Para realizar la llamada página de descargas se efectuó lo siguiente. Se utilizó como editor de textos el bloc de notas. Abrimos y copiamos el siguiente texto en el documento nuevo. El archivo se guardó con extensión .html, para esto se accede al menú archivo y seleccionamos la acción „Guardar como…‟. Elegimos el sitio al cual se quería guardar el documento y se guardó como: “descarga”. Para cambiar el fondo de la página con una imagen primero debemos de tener en cuenta que la imagen debe encontrarse en la misma ruta donde se grabó el archivo html, cambiamos la etiqueta por la etiqueta “. Originalmente el titulo se encuentra pegado al marco izquierdo, sin movimiento y color negro, para centrar el titulo insertamos la etiqueta , para que el titulo tuviera un movimiento y color insertamos la etiqueta: <marquee bgcolor=#18AC16> <span style="color: yellow;">Descargas. La etiqueta resultante fue: <marquee bgcolor=#973838> <span style="color: yellow;"> Descargas A continuación nos proponemos a anexar un texto que contenga el propósito de la página y lo que podremos encontrar en ella. Para insertar los textos utilizamos la etiqueta antes de colocar el texto. El resultado fue el siguiente: La siguiente página tiene el propósito de brindar información acerca del Laboratorio de Computación para Ingenieros. La información dentro de la página pude descargarse. Los siguientes links se encuentran agrupados respecto a un tema en específico Se crea una tabla para el alojamiento de archivos a descargar mediante las etiquetas , (filas) y (columnas). Ahora nos dispusimos a buscar y colocar documentos referentes a la materia en diferentes formatos comprimidas con extensión .rar, los cuales tuvieran un link de descarga y se indica con la etiqueta 15 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. Al concluir la introducción de código podremos visualizar lo siguiente: 16 IM FECHA: 25 DE AGOSTO DE 2011 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 2.7 Realizar una página que contenga ligas hacia diferentes sitios, catalogar el tipo de éstos. Para llevar a cabo la actividad se utilizaron los comandos siguientes (Además de los necesariamente básicos): Para el primer grupo de ligas, sobre canciones “Cover” presentadas en la serie de televisión Glee los enlaces son el nombre de la canción y los personajes que la desarrollan. Estas conducen a un video grabado de la serie original y publicado gratuitamente. 17 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 Para el segundo grupo de ligas, sobre literatura universal resalta el nombre de la obra y de su respectivo autor que conducen a un artículo descriptivo de una famosa biblioteca virtual. 18 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 En el tercer grupo de ligas, sobre restaurantes de calidad dentro de la república hay un listado de cinco lugares, todos en la zona central de México, que automáticamente abrirá la página oficial del establecimiento. El último grupo cita los nombres de las series de televisión de mejor contenido, en cuanto a historia, estructura y originalidad. Los links abren un sitio en internet con las temporadas completas y opciones diversas en idioma de audio. 19 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 3. Conclusión El lenguaje HTML, es un código de etiquetas demasiado tedioso (si es escrito en el bloc de notas) para la creación de páginas web, ya que necesita de muchas etiquetas para la creación de páginas complejas, es decir entre más etiquetas mayor complejidad y presentación de una página web. 4. Cuestiones o dudas La duda surgida se basa si el método empleado para la creación de las páginas web, es el saber si es el único o si existen otros que puedan facilitar la creación de páginas web. Tenemos la curiosidad de conocer dichos programas para facilitarnos la elaboración de las páginas web. 5. Glosario. HTML: HyperText Markup Language («lenguaje de marcado de hipertexto»),es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). FRAME O MARCO: Es una especie de marco o recuadro independiente en el que podemos cargar una página web. 6. Bibliografía. Hyslop Bruce. (2004) The Html Pocket Guide.California Estados Unidos: Peachpit Press. Estarbook Noel.(1997). Aprendiendo internet en 24 horas. Distrito Federal, México: Prentice-Hall 20 UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO FACULTAD DE INGENIERÍA. LABORATORIO DE COMPUTACIÓN PARA INGENIEROS. CREACIÓN DE UNA PÁGINA WEB. IM FECHA: 25 DE AGOSTO DE 2011 7. Mesografía. HTML.2007;(8 screens). Disponible en: URL: http://es.wikipedia.org/wiki/HTML. Consultado: Agosto 26, 2011. Desarrollo de Páginas web.2009.(19 screens). Disponible en: URL: http://www.webestilo.com/html/ Consultado: Agosto 26, 2011 Bing. 2011 (34 screens). Disponible en URL http://www.bing.com, Consultado: Agosto 26, 2011 Safarybooksonline. (8 screens) Disponible en URL http://my.safaribooksonline.com Consultado: Agosto 26, 2011 FRAME O MARCO. 2009. (1 screen) Disponible en URL http://www.webtaller.com/construccion/lenguajes/html.php Google.2011.(12 screens). Disponible en: URL: http://www.google.com Consultado: Agosto 26, 2011 Foros del Web. (3 screens) Disponible en URL: http://www.forosdelweb.com Consultado: Agosto 26, 2011 Gifmania. (2 screens). Disponible en URL: http://www.gifmania.com.mx/ Consultado: Agosto 26, 2011 La Web del Programador (4 screens) Disponible en URL http://www.lawebdelprogramador.com/. Consultado: Agosto 26, 2011 Informática (6 screens) Disponible en URL http://www.informaticamilenium.com.mx/paginas/mn/articulo25.htm. Consultado: Agosto 27, 2011 Medios de comunicación. (8 screens) Disponible en URL http://www.promonegocios.net/publicidad/tipos-medios-comunicacion.html Consultado: Agosto 26 de 2011 Conceptos HTML (9 screens) Disponible en URL http://www.mitecnologico.com/Main/PaginaWebConceptoYElementos Consultado: Agosto 27, 2011. 21 Related Documents Html Practica 2 September 2021 0 Examen Html Practico 2 2 November 2020 0 360209722-html-2 November 2022 0 Apuntes Html.2 April 2020 9 Practica 2 December 2020 0 Practica 2 November 2020 0 More Documents from "Rodrigo Flores" Riegos Grupo 8 Ejercicios February 2021 0 Modelo De Memoriais De Defesa September 2022 0 Animales Sin Huesos January 2023 0 Html Practica 2 September 2021 0 Reconocimiento De Aminoacidos Que Contienen Azufre En Las Proteinas February 2023 0 November 2019 55 Our Company 2008 Columbia Road Wrangle Hill, DE 19720 +302-836-3880 [email protected] Quick Links About Help / FAQ Legal of Service Cookie Policy Disclaimer Follow Us Mobile Apps Copyright © 2025 IDOUB. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-144860406-1'); 2m4jv