INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
INSTITUTO KORIMA DE PUEBLA A.C.
REPORTE DE PRÁCTICA
DISEÑO DE UNA PAGINA WEB
TITULAR: LILIA GONZÁLEZ RIVERA.
ZARATE ISLAS MELISSA 3RO “A”
CICLO 2020-2021
26/FEBRERO/2021
1
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado PROTOCOLO INDIVIDUAL DE LA PRÁCTICA Asignatura: INFORMATICA III Ciclo escolar: 2020-2021 Titular de la materia: Lilia González Rivera. Grado y grupo: 3ro A Fecha: _26/02/21 No. de Practica: 1
Integrantes 1.-Zarate Islas Melissa Coordinador del equipo: Nombre de la práctica: DISEÑO DE UNA PAGINA WEB Objetivo: Realizar una página web basada en la nutrición y el cómo tener una vida saludable en base a los carbohidratos, proteínas y lípidos que consumes a diario con ayuda de códigos. ¿Qué una página web? Se conoce como página Web, página electrónica o página digital a un documento digital el cual puede incluir audio, video y/o texto el cual contiene www (World Wide Web) este puede ser auto gestionable y no requiere una base de datos sin embargo exige una constante actualización y necesita estar conectado a internet para poder utilizarla. Existen dos tipos de página web: Dinámicas esto quiere decir páginas que permiten que el usuario pueda interactuar o contribuir con la página y el otro tipo es estático, este tipo de página web no permite la interacción con el contenido. ¿Con que conocimientos debe de contar una persona para elaborar una página web? ¿Es necesario darle mantenimiento a una página web? ¿Es importante la estética de la página web? Una Página Web es un portal electrónico que forma parte de la WWW (World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto)
Una Web es un conjunto de Páginas Web interrelacionadas que conforman lo que se conoce como un Sitio Web; es importante resaltar que cada página web tiene un URL única ya que con esta se enlazara directamente. Tipos de páginas web 1) ESTATICAS. No permite que el usuario interactúe con ella, son los más fáciles de desarrollar sin embargo puede que no tenga tanto éxito ya que los lectores pueden perder el interés al no interactuar.
2
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado 2) DINAMICAS. Son las que permiten al usuario interactuar como dar opiniones, reaccionar, personalizarla, etc. Son más difíciles de hacer ya que requieren más conocimientos y tiempo. ¿Qué es HTML? HTML es un conjunto de siglas que significan HyperText Markup Language o lenguaje marcado de hipertexto. Es un lenguaje abstracto que usan las aplicaciones para representar documentos y que puede ser transmitido fácilmente por algún medio, como Internet. Atributos principales
3
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
Plan de Investigación Tipo de investigación: Para esta práctica (Investigación)
Lugar: Casa
Procedimiento: Para la creación de una página es importante tener en tu computadorea un bloc de notas pues en este anotaras todos los códigos.
4
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
IMAGEN 1 1.Antes de comenzar, debes determinar cuántas columnas y filas tendrá tu página web y en base a eso colocar el código correspondiente *El siguiente código es para dos filas (IMAGEN 2)
IMAGEN 2
5
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado 2. Es importante el guardar el código PASO 1. CLICK en archivo (IMAGEN 3) PASO 2. Click en Guardar como… (IMAGEN 3)
IMAGEN 3
PASO 3 Colocar el nombre “PAGINA WEB” (IMAGEN 3) *Es importante resaltar que se debe guardar en el tipo “Documento de texto (* ,txt)”
IMAGEN 4
6
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado PASO 4. CLICK en guardar (IMAGEN 3) 3. Guardar en formato HTML *Realizar los PASOS 1, 2 Y 3 de nueva cuenta El PASO 4. Colocar “.HTML” al final del nombre que le dimos al documento (IMAGEN 5 )
IMAGEN 5 *Esto ocasionara que el formato se guarde de la siguiente manera
IMAGEN 5.1 4. Dar click sobre ella (IMAGEN 5.1)
IMAGEN 6 5. Realizar el código para la creación del Titulo (IMAGEN 7) 7
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
IMAGEN 7 6. Guardar de la misma manera que en el punto número 2 7. Guardar de la misma manera que en el paso número 3 *Debe quedar de esta manera IMAGEN 7.1 8. Dar click sobre ella
IMAGEN 8 *Este debe ser el resultado (IMAGEN 8)
8
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado MARZO-ABRIL-MAYO 9. Se van a realizar tres paginas
CODIGO PARA DISEÑOSUBTITULO
INFORMACIÓN
En ellas colocaremos un subtítulo e información del tema
IMAGEN 9
10.
Guardar de la misma manera que en el punto número 2 (IMAGEN 3)
11.
Guardar de la misma manera que en el paso número 3(IMAGEN 4)
12. Se agregan imágenes y tu le das características especificas de como las quieres, por ejemplo:
9
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
*Es importante tomar en cuenta que donde dice “salud” tu pondrás el nombre de la imagen que deseas poner (imagen previamente ya descargada y guardada en tu carpeta) 13. Ahora utilizaremos el código que tenemos en la imagen de la derecha y aplica lo mismo que depende el nombre que le hayas dado a tu audio, coloras ese donde dice “comida” IMAGEN 10 14. Nos da la opción de colocar video y en este caso utilice el siguiente código *Tu puedes darle el diseño que desees y en este caso utilice CENTER para entrarlo IMAGEN 11 15.
Otra opción que utilice fue el colocar tabla, utilizando el siguiente código
IMAGEN 12 IMAGEN 15
En ella tu puedes decidir el color, tamaño, celdas, etc y es una forma fácil de clasificar la información para que para el lector le resulte llamativo 1 0
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado 16. Ahora generaremos hipervínculos para así enlazar nuestras tres páginas y sea más fácil su acceso por lo que utilizaremos el siguiente código
NOMBRE QUE LE DISTE A LAS PAGINAS AL MOMENTO DE GUARDARLA
*
IMAGEN 13 IMAGEN 15
Se va aguardar de la misma manera, primero en txt y luego con .HTML (IMAGEN 3 Y 4) 17. ES IMPORTANTE vincular nuestras tres páginas a nuestra PAGINA WEB (Realizada previamente en el punto número 8)
IMAGEN 14 *Se guarda 1 1
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado 18. Por último se va a verificar que todos los códigos funcionen correctamente así que se le dará click en nuestro esqueleto (Yo lo guarde como PAGINA WEB) (El esqueleto es el que creamos en el punto 8) 19.
Nuestros resultados serían los siguientes: PAGINA PRINCIPAL
HIPERVINCULOS
IMAGEN 15
AUDIO
IMAGEN 16
PAGINA 2
1 2
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
TABLA
IMAGEN 17
PAGINA 3
VIDEO IMAGEN 18
¿Qué aprendí? Durante mis clases virtuales aprendí que es una página web, que es HTML y como utilizarlo para realizar una página web al igual que como generar un código en base a mis criterios y 1 3
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado las necesidades estéticas que requiere mi página; al establecer mi código, el ir utilizando los atributos correctos y el nombrar a cada fila y columna, la correcta utilización de los signos de puntuación, etc. Me gustó mucho ya que de esta manera desarrollas nuevas destrezas, creatividad, paciencia, aprendizajes e incluso el poder utilizar tu página para generar una ganancia en base al marketing. Mis dificultades El generar los códigos con la correcta utilización, ya que por una letra, un punto o algo que falta, todo el código puede legar a fallar Conclusión El saber elaborar una página web puede ayudarte en tu vida cotidiana ya que de esta manera puede promocionar algún producto o servicio, dar a conocer y poder ayudar a Alguien más con algún conocimiento que tengas o simplemente realizar una página interactiva.
1 4
INSTITUTO KORIMA DE PUEBLA A.C. BUAP – Sistema Incorporado
1 5