Practica 4: conceptos de diseño web

 

                             Pagina web

 

 *Pagina web: documento o información electrónica adaptada                                                                                                                                                                                                                                  para la World Wide Web y que puede ser accedida mediante                                                                                             un navegador

*Sitio web: colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.

*HTML: lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.

* Hipervinculo: fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casi cualquier medio electrónico puede emplear alguna forma de hiperenlace

*Lenguaje de programación:  idioma artificial diseñado para expresar procesos que pueden ser llevadas a cabo por máquinas como las computadoras

*Editor: una aplicación diseñada con el fin de facilitar la creación de documentos HTML

* servidor: es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente

*Cliente FTP: emplea el protocolo FTP para conectarse a un servidor FTP para transferir archivos.

*Hosting: es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web

*Dominio: es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.

*ISP : es una empresa que brinda conexión a Internet a sus clientes. Un ISP conecta a sus usuarios a Internet a través de diferentes tecnologías como DSL, Cablemódem, GSM, Dial-up.

*URL : es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos, presentaciones digitales, etc.

*Applet : es un componente de una aplicación que se ejecuta en el contexto de otro programa, por ejemplo en un navegador web

*Webmaster: es la persona responsable de mantenimiento o programación de un sitio web.

*Banner: es un formato publicitario en Internet

 

Practica 3: Elementos graficos

GIF

Una imagen puede contener entre 2 y 256 colores, las imágenes que se obtenían con este formato por lo general eran muy pequeñas. Todos los editores de software que usaban imágenes gif debían pagarle regalías a Unisys, la compañía propietaria de los derechos. Esta es una de las razones por las que el formato png se está volviendo cada vez más popular, en perjuicio del formato gif.

JPEG

Soporte de color verdadero, también conocido por su homónimo inglés true color

Algoritmo de compresión (con pérdida) que soporta altas tasas de empaquetado

El soporte de color verdadero (24 bits) de JPEG nos ofrece la posibilidad de ofrecer imágenes con una profundidad de 16.777.216 colores.

Esta claro que un mapa de bits con una esta profundidad de color alcanza tamaños de memoria descomunales, pero esto se suple con el algoritmo de compresión que ofrece el formato. Este algoritmo de compresión, aunque muy potente (reduce el tamaño del mapa de bits hasta un 5% del original o menos), ofrece pérdidas de información a medida que elevamos su tasa de compresión. La tasa de compresión se ajusta cuando guardamos el fichero, por ejemplo, desde nuestro procesador de imágenes. Esta pérdida de información se produce a medida que elevamos su tasa de compresión y se deja notar en la resolución de la imagen.

BMP

Es de los más pesados, nada recomendado para usar en tu sitio web o blog, es mejor usar otro tipo de archivo que pese menos. El único punto a favor que le veo es que es muy nítido y claro, no se distorsiona la imagen cuando la guardas en este tipo de archivo. Pero a decir verdad yo raramente -casi nunca- lo uso.

TIFF

Estas etiquetas describen la naturaleza de los archivos, paleta de colores, archivos en blanco y negro, las escalas de grises , la compresión del archivo.Contienen también información sobre el sistema de almacenamiento de los propios datos de la imagen:por bandas o por secciones rectangulares, lo cual permite a muchas aplicaciones optimizar los tiempos de carga o leer únicamente la zona de interés de una imagen grande.El formato TIFF permite añadidamente almacenar más de una imagen en el mismo archivo.El formato TIFF admite el sistema de compresión sin pérdida de calidad, el conocido como LZW (Lempel-Ziv-Welch).

WMF

El formato WMF se usa especialmente para la definición de ilustraciones y dibujos vectoriales. Y esta es su principal característica. Mediante vectores, especifican las líneas, las áreas, colores y demás elementos gráficos con sus coordenadas de pantalla relativas a un tamaño concreto, pero al cambiar éste, todos estos elementos gráficos son redimensionados y no sufre pérdida alguna.

Se usa principalmente para las ilustraciones y los dibujos, nunca para fotografías, ya que lo único que es capaz de definir son elementos gráficos típicos del dibujo, como pueden ser líneas, puntos, círculos, rectángulos, óvalos

JPG

Es el formato más pesado que los anteriores pero con una profundidad de color mayor, alcanzando 32 bits y permitiendo la utilización del canal alpha que permite usar transparencias en las imágenes.

Practica 2: Diseño de paginas web

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal decomunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.

El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).

Estos documentos o páginas web pueden ser creadas:

• creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
• utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
• utilizando lenguajes de programación del lado servidor, para generar la página web.

Etapas

Para el diseño de páginas web debemos tener en cuenta tres etapas:

• La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

• La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación dehipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
• La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario onavegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage yAdobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.

Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.

Practica 1: Diseño

        DISEÑO

Utilizado habitualmente en el contexto de las artes, ingeniería, arquitectura y otras disciplinas creativas, diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo.

 ELEMENTOS DEL DISEÑO

·         Elementos Conceptuales

·         Elementos Visuales

·         Elementos de Relación

·         Elementos Prácticos

·         Elementos Conceptuales 

·         Punto: Indica Posición. No tiene largo ni ancho. No ocupa una zona en el espacio. Es el principio y en el fin de una línea y es donde dos líneas se encuentran o se cruzan.

·         Línea: es el recorrido de un punto. Tiene largo, pero no ancho. Tiene posición y dirección. Está limitada por puntos. Forma los bordes de un Plano.

·          Plano: el recorrido de una línea en movimiento (en una dirección distinta a la suya intrínseca) se convierte en un plano. Tiene largo y ancho pero no grosor. Tiene posición y Dirección. Esta limitado por líneas. Define los límites extremos de un volumen. Volumen: es el recorrido de un plano en movimiento (en una dirección distinta a la suya intrínseca). Tiene una posición en el espacio y está limitado por planos. En Bidimensional es ilusorio.

 TEORÍAS DEL DISEÑO

La Teoría del diseño es una denominación que se le da a todo el conocimiento permanente que se piensa asistir al diseño de varios productos nuevos. Esta información ha sido reunida en su mayor parte por un gran número de proyectos de investigación. Correspondiendo a los enfoques usuales de investigación, la información está esencialmente de dos tipos:

Conocimiento simpatético  reglas generales que se han recolectado de varios productos diferentes. A este grupo pertenecen:
regulaciones gubernamentales .

Conocimiento ideo gráfico que realmente se refiere sólo a productos individuales pero que no obstante se puede generalizar a otros productos también:
ejemplares, productos meritorios producidos más temprano, o sus detalles, estándares para productos completos .

                                          

         

         MINIMALISMO

La palabra minimista  en su ámbito más general, es referida a cualquier cosa que se haya desnudado a lo esencial, despojada de elementos sobrantes, o que proporciona solo un esbozo de su estructura, y nominalismo es la tendencia a reducir a lo esencial. Se aplica también a los grupos o individuos que practican el ascetismo y que reducen sus pertenencias físicas y necesidades al mínimo, es también el significado a simplificar todo a lo mínimo.
Conceptualismo, en filosófica, teoría que se encuentra a medio camino entre el nominalismo y el denominado realismo medieval o lógico. El conceptualismo mantiene que aunque los universales (abstracciones o ideas abstractas) no tienen existencia en el mundo externo, existen sin embargo como ideas o conceptos en la mente y que allí implican algo más que meras palabras. Esta teoría está en abierta oposición al nominalismo que defiende que las abstracciones universales son simples ruidos guturales sin ninguna materialidad y que sólo los objetos individuales y concretos tienen existencia real. El conceptualismo fue adoptado por el filósofo escolástico francés Pedro Albergo.

 CONCEPTUALISMO

Conceptualismo, en filosófica, teoría que se encuentra a medio camino entre el nominalismo y el denominado realismo medieval o lógico. El conceptualismo mantiene que aunque los universales (abstracciones o ideas abstractas) no tienen existencia en el mundo externo, existen sin embargo como ideas o conceptos en la mente y que allí implican algo más que meras palabras. Esta teoría está en abierta oposición al nominalismo que defiende que las abstracciones universales son simples ruidos guturales sin ninguna materialidad y que sólo los objetos individuales y concretos tienen existencia real. El conceptualismo fue adoptado por el filósofo escolástico francés Pedro Alberto.