Scribd Logo
Upload

Welcome to Scribd!

  • Practica de Laboratorio 2

    Uploaded by

    Janet Pacheco
    129 views20 pages

    Original Title

    PRACTICA DE LABORATORIO 2

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    129 views20 pages

    Practica de Laboratorio 2

    Uploaded by

    Janet Pacheco

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 20

    UNIVERSIDAD NACIONAL AUTNOMA DE MXICO

    FACULTAD DE INGENIERA
    PRCTICA 2 TECNOLOGAS DE LA INFORMACIN CREACIN DE UNA PGINA WEB
    ASIGNATURA: LABORATORIO DE COMPUTACIN PARA INGENIEROS EQUIPO 3 ALUMNAS: Muoz Velzquez Brenda Karina Tajonar Daz Carla Sofa Pacheco Jimnez Ana Janet Vielma Serrano Mara Fernanda GRUPO: 1114 FECHA: 27-AGOSTO-2011 N DE CUENTA 309250964 412005141 309278540 309335173

    INTRODUCCIN
    HTML se denomina al lenguaje que se utiliza para crear pginas web en todos los navegadores de internet, es ms prctico que un libro ya que puedes adjuntar imgenes, videos, msica y referencias, a las cuales accesas por medio de enlaces hipertexto. Para poder incluir imgenes, texto, msica y dems es necesario utilizar un conjunto de elementos llamados etiquetas o marcas las cuales son indispensables para su uso. Las etiquetas se utilizan tanto para abrir como para cerrar las cuales comienzan con el signo < y para terminar el signo >. Las etiquetas de cierre van acompaadas del signo / por lo cual, al inicio se utiliza <ejemplo > y al finalizar se utiliza </ejemplo>. Las marcas que son utilizadas en el documento HTML no son visibles cuando se muestran en el navegador, al momento que el explorador recibe la pgina la muestra el resultado final, habiendo previamente interpretado las etiquetas.

    RESUMEN
    Utilizando el bloc de notas creamos un documento HTML en el cual pusimos imgenes, texto con diferentes colores, tablas y vietas. Como tambin nos pidieron hacer una pgina web en la cual para poder crearla tuvimos que buscar informacin para desarrollarla. Al final creamos la pgina con hipervnculos los cuales te mandaban a otras pginas para ampliar la informacin y as obtener un trabajo completo.

    DESARROLLO
    Elaborar una pgina web sumamente sencilla utilizando HTML. 1. Para realizarla se utilizar como editor de texto el bloc de notas. Abrir el block de notas, copiar y pegar el siguiente texto en el nuevo documento. <html> <head> <tile> Pgina html</title> </head> <body> Esta es la pgina principal o ndice </body> </html> 2. Guardar ese archivo en extensin.html o .htm en el disco duro. Para ello acceder al men Archivo y seleccionar la accin Guardar como. En la ventana elegir el directorio donde se desee guardar y coloca su nombre ndice.html.

    3. Ejecutar el navegador y abrir el archivo ndice.html

    4. Sustituir la etiqueta<body> por la etiqueta <body bgcolor=nnnnnn>, donde nnnnnn se debe sustituir por FFFFFF (blanco), 000000 (negro), FF0000(rojo), 0000FF(azul), o combinaciones para obtener el fondo.

    5. para aumentar el tamao del texto, sustituir la lnea Esta es la pgina principal o ndice por <h3<Esta es la pgina principal o ndice<h3>, guardar archivo.

    6. Crear una liga al laboratorio de computadoras para esta debe incluirse en la lnea <a href=http:// lcp02.fib.unam.mx/>Laboratorio de computadoras</a> antes de la etiqueta <body>, guardar archivo.

    7. Para insertar una imagen debe contar con ella primero y esta debe encontrarse en la misma ruta donde se grab el archivo html que la referencia <img src=title.jpg>, guardar archivo.

    8. Para escribir una lnea saltando un rengln es necesario anteponerle <br> el archivo debe verse as:
    <html> <head> <tile>Pagina html</title> </head> <body bgcolor=#0000FF> <h3<Esta es la pgina principal o ndice<h3> <a href=http:// lcp02.fi-b.unam.mx/>Laboratorio de computadoras</a> <img src=title.jpg> <br> </body> </html>

    PGINA HTML 1

    9. Es necesario cambiar de pgina para eso se tiene que crearse un nuevo archivo en bloc de notas al que se le llamara pag2.html. 10. en el archivo ndice es conveniente sustituir la lnea <br> Para ver una nueva pgina selecciona aqu por <br>Para ver una nueva pgina selecciona <a href=pag2.html>aqu</a>guardar archivo.

    11. El archivo Pag2 .html escribir las siguientes lneas:


    <html> <head> <tile>Pgina 2 html</title> </head> <body> </body> </html>

    12. Ahora se utilizara la imagen de fondo y para ello sustituir la lnea <body> <bodybackground=nubes.gif> y debe encontrarse en la misma ruta del archivo Pag2.html, guardar archivo.

    13. En esta pgina se incluir el texto TABLA, el cual debe aparecer centrado, para esto basta incluir la lnea <center>TABLA></center> antes de la etiqueta </body>.

    14. crear una tabla incluye la utilizacin de las etiquetas <table border> y </table>, <tr> y </tr> para insertar renglones, <td> y >/td> para crear columnas. En la pgina se creara una tabla con dos renglones y tres columnas el cdigo html queda de la siguiente manera:
    <html> <head> <tile>Pagina 2 html</title> </head> <bodybackground=nubes.gif> <center>TABLA></center> <table border> <tr> <td> Columna 1</td> <td> Columna 2</td> <td> Columna 3</td> </tr>

    <tr> <td> A</td> <td> B</td> <td> C</td> </tr> </table> </body> </html>

    15. Finalmente y tras guardar el archivo, se incluye la lnea para enviar un correo electrnico <a href=mailto:prueba@yahoo.com.mx>Enviar comentario </a>

    PGINA HTML 2
    TABLA
    Columna1 Columna2 Columna3

    Enviar comentario

    Ejercicios propuestos
    1. Realizar un tutorial del tema La computacin en el profesional e la ingeniera de la materia Computacin para ingenieros. 2. Realiza un tutorial del tema IIIntroduccin a las tecnologas de la informacin. 3. Realiza una pgina de un tema especfico, utilizar vietas y tablas. 4. Realizar una pgina que incluya bibliografa sobre la asignatura de Computacin par ingenieros. 5. Realizar una pgina desde donde se puedan descargar archivos referentes a la asignatura 6. Realizar una pgina que contenga ligas hacia diferentes sitios, catalogar el tipo de estos.

    COMPUTACIN PARA INGENIEROS EDUCAFI


    EDUCAFI es la herramienta ideal para la informacin, comunicacin y participacin de los miembros de la comunidad educativa, y en especial de los estudiantes, en la dinmica del centro; proporciona adems un espacio adecuado para el desarrollo de la actividad acadmica con los recursos disponibles.

    Qu es EDUCAFI?
    Es una Plataforma Educativa basada en WEB, disponible en red para ser utilizada como un recurso adicional a la actividad docente desarrollada. Permite al profesor interactuar con sus alumnos, en donde se proporcionan materiales de apoyo como: foros, tareas, realizar exmenes en lnea, etc. Para la asignatura de Computacin para ingenieros, trabajamos en esta plataforma para poder descargar informacin relevante de la clase y para poder subir nuestras tareas, estando al pendiente de actividades de inters.

    Objetivo del curso


    El alumno conocer la importancia de la computacin e informtica como herramienta para su desempeo acadmico y profesional de ingeniera. Emplear el software bsico que le permita generar productos que resuelvan problemas matemticos y de ingeniera. A continuacin se presenta el temario de la asignatura Computacin para ingenieros

    La bibliografa bsica que se sugiere para el curso de Computacin para ingenieros es:

    Teora

    Tutoriales

    Material de apoyo Cdigos de colores HTML

    Acerca de HTML

    HTML Quick

    Gua para hacer pginas Web HTML con clase

    Dudas sobre HTML

    Las referencias consultadas para elaborar esta pgina Web son:


    Pgina de Educafi Pgina principal de la Facultad de Ingeniera Plan de Estudios de la Asignatura

    Tecnologas de la informacin
    La tecnologa de informacin (TI), segn lo definido por la asociacin de la tecnologa de informacin de Amrica (ITAA): Es el estudio, diseo, desarrollo, implementacin, soporte o direccin de los sistemas de informacin computarizados,en particular de software de aplicacin y hardware de computadoras. Se ocupa del uso de las computadoras y su software para convertir, almacenar, proteger, procesar, transmitir y recuperar la informacin.

    Las Tecnologas de la informacin pueden clasificarse en:


    Sistemas de conferencia Sistemas de transferencia y recuperacin de informacin Caractersticas Contacto virtual entre individuos Compartir archivos e informacin digital Ejemplos Videoconferencia, audiocoferencia Correo electrnico, foros de discusin, y teleconferencia buscadores,bibliotecas digitales y portales educativos Laptop, agendas porttiles, celulares, etc. Es de uso personal Sistemas de procasamiento personal de informacin

    Ejemplos Vidoeconferencia El Correo Electrnico Celulares Caractersticas Sistema que nos permite llevar a cabo un encuentro entre varias personas situadas en distintos lugares, con la posibilidad de estarlas viendo, igual que si celebrsemos una reunin. Sistema que permite la comunicacin de personas que Nos permite enviar cartas escritas tienen dificultades para hablar o comunicarse oralmente. con el ordenador a otras personas Puede ser un programa informtico, instalable en que tengan acceso a la Red. El cualquier tipo de ordenador, o un terminal porttil correo electrnic o es casi diseado especficamente como comunicador. La instantneo, y adems muy barato comunicacin se realiza utilizando sistemas aumentativos de comunicacin (SAC) o mediante lectoescritura.

    Informacin ms detallada

    Calentamiento Global

    Es el fenmeno del aumento en la temperatura de la atmsfera terrestre y de los ocanos en las ltimas dcadas.Los contaminantes del aire se acumulan en la atmsfera formando una capa cada vez ms gruesa, atrapando el calor del sol y causando el calentamiento del planeta.

    Los principales agentes contaminantes son el bixido de carbono (generados por las plantas de generacin de energa a base de carbn) y el dixido de carbono CO2 (emitidos por los automviles). Los pases que ms contaminan son: Estados Unidos. China, India y Japn.
    Causas del calentamiento global

    Aumento en el uso de los recursos. Quema de combustibles fsiles y la tala y quema de bosques, liberan dixido de carbono. Acumulacin de este gas, junto con otros, atrapa la radiacin solar cerca de la superficie terrestre.

    Consecuencias del Calentamiento global


    El derretimiento de glaciares. Sequas severas que causan mayor escasez de agua. Deforestacin que aumenta o hace surgir desiertos. Huracanes, ciclones, el calentamiento hace con que se evapore ms agua de los ocanos potenciando estos tipos de catstrofes. El aumento en los niveles del mar producir inundaciones costeras. Los bosques, los campos y las ciudades enfrentarn nuevas plagas problemticas y ms enfermedades transmitidas por mosquitos. Sigue este link para ms informacin

    CONCLUSIN
    Aprendimos los comandos principales para la creacin de pginas Web. El hecho de darnos ciertas caractersticas para la pgina Web de los ejercicios propuestos represent un reto para el equipo, pues tuvimos que investigar cmo se ponan algunas etiquetas y esto tambin nos ayud a poner en prctica los conocimientos de la prctica uno, ya que tuvimos que apoyarnos con bsquedas en Internet. Lo que an no conocemos es cmo subir las pginas a internet para poder adjuntar los enlaces al blog. Nos cost un poco de trabajo la utilizacin de tablas, observar la estructura en el cdigo fuente y ver como se modificaba en la pgina Web los comandos, pero despus de hacer otra ya nos qued ms claro.

    DUDAS
    Tenemos dudas en cmo subir la pgina Web a Internet para que se pueda ingresar a ella como a cualquier otra y para poder anexar solo el link para que se pueda ver la prctica.

    GLOSARIO.
    NAVEGADOR: es una aplicacin que opera a travs de Internet, interpretando la informacin de archivos y sitios web para que podamos leerla, (ya se encuentre sta alojada en un servidor dentro de la World Wide Web o en un servidor local). El navegador interpreta el cdigo, HTML generalmente, en el que est escrita la pgina web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervnculos. MAPA SENSIBLE: Los mapas sensibles son imgenes que presentan mltiples enlaces segn la zona donde se site el cursor. Para conseguir esto se divide la imagen en zonas mediante las coordenadas de las mismas.

    BIBLIOGRAFA
    REFERENCIAS ELECTRNICAS http://lcp02.fi-b.unam.mx/images/cpi/practicas/p2.pdf http://www.ingenieria.unam.mx/ https://educafi.fi-a.unam.mx/EducafiDIE/ http://es.wikipedia.org/wiki/HTML http://www.uv.es/jac/guia/ http://www.htmlquick.com/es/ http://html.conclase.net/tutorial/html/ http://es.wikipedia.org/wiki/Colores_HTML http://www.jmarshall.com/easy/html/spanish/ http://www.ingenieria.unam.mx/paginas/Carreras/planes2010/Mecatronica/01/computacion_para_ingenieros

    You might also like