Programacion Web

investigación

[pic 1][pic 2]

    UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO

FACULTAD DE ESTUDIOS SUPERIORES ARAGÓN

Programación Web 1

Trabajo Escrito Unidad 2

Grupo: 1510

Osorio Contreras Diego

Semestre 2023-1

Maestra: Mariana Verduzco Rodríguez

[pic 3]

1. Objetivo sitio Web.

1: Tener presencia en internet: Presencia en internet, lograr una destacable es la base de cualquier negocio en plena era digital. Lo es porque transmite seriedad, pero también una puerta de acceso para que el mundo pueda conocer acerca de tu reputación e imagen.

2: Crear una comunidad: Creando una comunidad en donde los usuarios puedan mantenerse siempre en contacto, es que se podrá establecer una marca personal y mantener actualizado al público sobre ello.

 3: Vender: Y por supuesto, si se posee un producto o servicio, lo principal será enfocar el sitio web en su tienda, mostrando pasarelas de pago y carritos de compra eficientes.

A diferencia de un negocio o una empresa que no cuenta con sitio web es que desde la pagina los usuarios o clientes pueden estar mas seguros de acudir a este negocio o empresa, leyendo sus referencias, que ofrece y conocer mas del negocio a diferencia de una que no cuenta con pagina web no puede convencer y generar desconfianza

1. Usabilidad.

1. La usabilidad web se refiere al grado de facilidad para acceder y navegar por una página de forma intuitiva, sencilla y rápida. Eso sí, obtener resultados óptimos implica tener en cuenta factores clave.
   
2. Eficiencia: el usuario logra cubrir sus expectativas/necesidades. Por ejemplo, ver los comentarios de otros clientes sobre un determinado producto.

Eficacia: el usuario consigue su objetivo en un tiempo breve. Por ejemplo, localizar dónde están los plazos de entrega al realizar un pedido.

Satisfacción: el usuario considera que su navegación por el sitio web fue sencilla, rápida y eficiente.

1. 1. Defina objetivos:

Identifique el propósito que tendrá su web. Un sitio web puede servir como medio publicitario, catálogo para ventas por Internet, soporte para atender dudas o comentarios de clientes, entre otros. También se deben establecer las metas que se

esperan alcanzar a través del sitio Web (número de visitas, inscripciones a boletín o ventas) y las métricas que le permitirán medir los resultados y logros alcanzados.

2. Establezca el presupuesto:

Defina el presupuesto que puede invertir en el proyecto pero, a la hora de elegir a la empresa que llevará a cabo el trabajo, tome en cuenta a su equipo de profesionales, experiencia, referencias y casos de éxito. No solo busque el mejor precio pues, a largo plazo, esto podría traer más gastos al no elegir un proveedor más competitivo.

3. Asigne tareas:

Un sitio web debe ser desarrollado por profesionales en diferentes áreas para obtener un producto final de calidad: un desarrollador web, un diseñador, un redactor o editor de contenido web y un profesional en programación. Este equipo

deberá trabajar de la mano de personas que laboran dentro de la empresa.

4. Defina una estructura:

Establezca las secciones o apartados que tendrá el sitio web y qué contenido deberá presentarse en cada una de estas secciones. Por lo general, todo sitio web tiene una sección donde se habla de lo que hace la empresa y un apartado de contacto donde la gente puede dejar sus comentarios o inquietudes.

5. Cree una estrategia de contenido:

Defina qué contenido se estará publicando y actualizando en el sitio web, quién se encargará de esta labor y qué tan a menudo deberán de realizarse las actualizaciones en el sitio web. Establezca un calendario de publicaciones incluyendo vídeos, notas, documentos, fotografías y todo tipo de materiales que se podrían agregar constantemente al sitio web.

1. Formatos imagen.

1. JPG: El JPG llamado como JPEG, fue desarrollado por el Joint Photographic Experts Group, y tomó su nombre. En poco tiempo se hizo muy popular debido a su maleabilidad. Las mayores angustias con cualquier imagen son el aspecto y la dimensión de almacenamiento. JPEG es real para muchas situaciones porque se logra comprimir a una dimensión pequeña sin desperdiciar la calidad de imagen como otros tipos de programas como este. Las dimensiones de registro pequeños son favorables porque se logran almacenar en aparatos más pequeños como por ejemplo las unidades zip que se publicaran rápidamente en los sitios web.
   JPG es una excelente elección para cualquier cosa que anhele manifestar en su sitio web, principalmente logotipos. Logra establecer versiones más grandes y más chicas y concertarlas hasta que se dé cuenta que ha encontrado una buena ponderación entre la particularidad y el tiempo de carga. Aunque, debe tomar en cuenta no subir los registro demasiadas veces. Cualquier registro guardado como JPEG malgastará ciertas partes de la imagen, y no logrará recuperarlas cambiando el registro a su tamaño original. Un JPEG logra perder mucha capacidad y calidad si se cambia demasiadas veces.
   
2. PNG: El formato PNG (Portable Network Graphics) es un formato de archivos de gráficos de mapa de bits (una trama). Fue
3. desarrollado en 1995 como una alternativa gratuita al formato GIF, cuyos derechos pertenecen a Unisys (propietario del algoritmo de compresión LZW) y a quien los editores de software deben pagar regalías por usar este formato. Por lo tanto, PGN es un acrónimo recursivo de PNG No es GIF.
   El formato PNG permite almacenar imágenes en blanco y negro (una profundidad de color de 16 bits por píxel) y en color real (una profundidad de color de 48 bits por píxel), así como también imágenes indexadas, utilizando una paleta de 256 colores. Además, soporta la transparencia de canal alfa, es decir, la posibilidad de definir 256 niveles de transparencia, mientras que el formato GIF permite que se defina como transparente solo un color de la paleta. También posee una función de entrelazado que permite mostrar la imagen de forma gradual.
   PNG almacena información gama de la imagen, que posibilita una corrección de gama y permite que sea independiente del dispositivo de visualización. Los mecanismos de corrección de errores también están almacenados en el archivo para garantizar la integridad.
   Un archivo PNG comprende una firma, que permite indicar que se trata de un archivo PNG, seguida de una serie de elementos denominados fragmentos. La firma de un archivo PNG (en notación decimal) es la siguiente:
   
   137     80     78     71     13     10     26     10
   
   La misma firma en notación hexadecimal es la siguiente:
   
   89      50     4E     47     0D     0A     1ª     0A
   
   Cada fragmento comprende 4 partes: el tamaño, un entero de 4 bytes no firmado, que describe el tamaño del fragmento; el tipo de fragmento, un código de 4 caracteres (4 bytes) comprendido por caracteres alfanuméricos ASCII (A-Z, a-z, 65 a 90 y 97 a 122) que permite establecer la naturaleza del fragmento; los datos del fragmento; la CRC (comprobación de redundancia cíclica), un código de corrección de 4 bytes que permite comprobar la
4. integridad del fragmento.
   
5. GIF: El formato GIF (Graphic Interchange Format) es un formato de archivos gráficos de mapa de bits (una trama) desarrollado por Compuserve. Existen dos versiones de este formato de archivos: GIF 87a y GIF 89a, desarrolladas en 1987 y 1989 respectivamente.
   Una imagen GIF puede contener de 2 a 256 colores (2, 4, 8, 16, 32, 64, 128 o 256) entre los 16,8 millones disponibles en su paleta. Gracias a esta paleta, limitada en número de colores (pero no en cuanto a la diversidad de los mismos), el tamaño de las imágenes obtenidas con este formato por lo general es muy pequeño.
   Una imagen GIF puede contener de 2 a 256 colores (2, 4, 8, 16, 32, 64, 128 o 256) entre los 16,8 millones disponibles en su paleta. Gracias a esta paleta, limitada en número de colores (pero no en cuanto a la diversidad de los mismos), el tamaño de las imágenes obtenidas con este formato por lo general es muy pequeño.

1. RETICULA.

1. La retícula es una herramienta compositiva que tiene como finalidad ajustar la posición de los diferentes elementos que componen la página que estás diseñando. 
   
2. El uso de la retícula tiene varias ventajas:

● Los elementos de la composición están jerarquizados y ordenados.

● Los contenidos de tu diseño se ven con mayor claridad.

● Ayuda a los usuarios a leer más rápido y mejor.

● Se tiene mayor control en el espacio y superficie del diseño.

● El diseño posee mayor equilibrio y consistencia.

● Se agiliza el trabajo y facilita el trabajo en equipo.


c) Partes que componen una retícula web:
Columnas

Las columnas de una retícula son las secciones o alineaciones verticales, generalmente contienen imágenes o tipografías.

...