Practica pagina web - Apuntes 1,3 PDF

Preview

Summary

practica...

Description

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

REPORTE DE PRÁCTICA No. De la práctica: 4 Fecha: 14/noviembre/2019 Lugar: Salón de clases Páginas: Página 1 de 11 DATOS GENERALES NOMBRE DE LA PRÁCTICA: ASIGNATURA: UNIDAD TEMÁTICA: NOMBRE DEL DOCENTE: INTEGRANTES DEL EQUIPO:

GRUPO: CARRERA:

Creación de pagina web Introducción a las TICs Tecnologías Web Yuridia Eusebia Santos Cruz Luis Alberto Sosa González José Alejandro Castellanos Galindo Juan Luis Méndez Gómez Angelica Lizeth Martínez Osorio Jennifer Olivares Luna William Elian Herrera Cerecedo Brandon Lucero Moreno Yensi Xavier Velasco Cruz Johan Jafet Del Valle Santiago Ángel Antonio Cortez Morales 1TXA Ingeniería en TICs

INTRODUCCIÓN: Una página web, o página electrónica, página digital, o ciberpágina12 es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros. OBJETIVO: Con el desarrollo de esta practica el alumno aprenderá a crear una pagina web, en el caso de nuestro equipo la pagina web fue creada en HTMl

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

COMPETENCIA A DESARROLLAR: Identifica y utiliza las diversas tecnologías Web para la comunicación y transferencia de datos utilizando tecnologías móviles. MATERIAL Y EQUIPO (REQUERIMIENTOS: • •

Computadora personal Blog de notas

DESARROLLO: •

Lo primero que haremos será abrir nuestra aplicación de blog de notas.

•

Ahora colocaremos los comandos básicos que se usan para la creación de una pagina web, todo esto se muestra en la siguiente imagen cono nota mencionamos que todos los comandos que se abren deben de cerrarse.

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

•

Después del comando escribimos el nombre de nuestra pagina y dentro del cuerpo ira todo lo que deseamos poner dentro de nuestra página, para poner títulos utilizamos el comando y el comando para abrir y cerrar párrafos.

•

Para poder ver el estado actual de nuestra pagina debemos ir a guardar como, después nos pedirá que ingresemos un nombre, así que escribimos el nombre de nuestra pagina entre comillas y al final escribimos “.html”, y en tipo de archivo lo cambiamos a todos los archivos y lo guardamos en el escritorio, una vez guardado el archivo procedemos a abrirlo desde nuestro escritorio dándole doble clic.

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

•

Al darle doble clic se abrirá una pagina donde podremos ver el estado actual de nuestra página web.

•

Lo siguiente que haremos con nuestra pagina será añadirle un logo, para eso utilizaremos los comandos que se muestran en la siguiente imagen.

•

Guardamos el archivo, recargamos la página, observamos y veremos la imagen insertada

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

•

Para la siguiente parte de nuestra página añadiremos más imágenes que nos van a redirigir a otras secciones de la página, para esto se utilizaran los siguientes comandos, como nota todos los comandos utilizados se muestran al final del reporte con una breve descripción de su utilidad

•

Una vez mas guardamos, recargamos y observamos los cambios en nuestra página.

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

•

Si damos clic en los botones azules o en el botón verde debería redirigirnos a otra sección de la página, sin embargo, para eso primero debemos crear esas paginas utilizando los mismos comandos básicos con los que creamos esta página principal, a continuación de muestran todas las paginas creadas incluyendo la principal, lo que contienen, y como se ven ” dirección de imagen”>

No hay

Función Abrir/ cerrar HTML Título de pagina Abrir/cerrar cabeza Abrir/cerrar cuerpo Título en la pagina Abrir/cerrar párrafo centrar Insertar enlace Insertar imagen

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

•

Ahora nuestra página estaría creada, lo último que restaría hacer seria ponerla en internet, para eso utilizaremos la ayuda de una página, nos registramos gratuitamente y podremos subir nuestra pagina web a internet.

•

Listo, nuestra página web estaría completa y funcionando dentro de internet.

INSTITUTO TECNOLÓGICO SUPERIOR DE ALAMO TEMAPACHE

CONCLUSIONES: A lo largo de esta practica adquirimos los conocimientos básicos para la creación de una pagina web usando HTML, aprendimos a usar los comandos básicos, que son para insertar títulos o imágenes, dividir un texto en párrafos etc. Gracias a lo aprendido aquí nos será más fácil realizar páginas web más avanzadas en un futura a lo largo de nuestra carrera. BIBLIOGRAFÍA: Tutorial que ayudo a la creación de esta página web: Campos, J. (2011). Como crear una página web completa en HTML. septiembre, 2019, de YouTube Sitio web: https://www.youtube.com/watch?v=yJcoqOBklK4&t=18s Pagina para subir la página a internet: https://mex.000webhost.com/ Nuestra página web: https://xoyoticss.000webhostapp.com/index.html RETROALIMENTACIÓN DEL DOCENTE: El docente debe redactar las observaciones, sugerencias de mejora, y aportaciones generales del docente durante el desarrollo de la práctica....