sábado, 27 de noviembre de 2010

ANALIZAR LOS ELEMENTOSFUNDAMENTALES DEL DISEÑO

¿QUE ES EL DISEÑO?
proceso de creacion  visual con un proposito, el cual cumple con exigencias practicas. un buen diseño es la mejor expresion visual de escencia de algo cuya creacion no debe ser solo estetica si no funcional.

LINEA:

Una sucesión continua de puntos contenidos en un plano, aunque siga cualquier criterio, se denomina línea. Puede ser:
  • Línea recta, la sucesión continua de puntos en una misma dirección.
  • Línea curva, de formas redondeadas, con uno o varios centros de curvatura.
  • Línea quebrada o poligonal, formada por segmentos rectos consecutivos no alineados, presentando puntos angulosos.
    • poligonal abierta, si no están unidos el primero y último segmentos.
    • poligonal cerrada, si cada segmento está unido a otros dos.
  • Línea mixta, una combinación de una línea recta y una curva.
  • Toda linea es un trazo a través del punto

[editar] Espaciales (tres dimensiones)



FORMA:el sentido más simple y probablemente originario de la palabra forma hace referencia a la figura espacial de los cuerpos materiales sólidos.
Pero la peculiaridad del término consiste en la abstracción que hacemos al prescindir de la materia de las cosas y considerar la figura en sí misma como algo independiente, es decir, como forma.
Así clasificamos los objetos según sus formas abstractas, cuadrados, círculos, esferas, etc. agrupándolos por lo que tienen de común sin tener en cuenta la materia o contenido que los diferencia.
Desde antiguo se encontraron las propiedades que atañen a las cosas en cuanto figuras espaciales naciendo la geometría como ciencia con carácter necesario, es decir de conocimiento conforme a leyes y principios generales.
ESPACIO:El espacio se puede considerar como el cuarto elemento fundamental del diseño.

  Es la distancia o el área entre o alrededor de las cosas. Cuando estamos diseñando debemos pensar donde vamos a colocar todos los elementos y a que distancia unos de los otros. El tipo de imágenes que colocaremos, la dimensión de éstas, el texto y lo que habrá alrededor de ellas, etc.

Las diferentes tonalidades que emplearán los elementos y las formas sirven para crear relaciones espaciales y focales de gran interés para el receptor. Se pueden llegar a conseguir efectos muy variados y especiales dependiendo de como se combinen. Por ejemplo, si usamos bastante espacio en blanco se produce un descanso para el ojo. Si dejamos mucho espacio en blanco, alrededor de algún objeto, palabra o imagen, estamos haciendo que destaque del resto de la composición.

COLOR:
El color en el diseño es el medio más valioso para que una pieza gráfica transmita las mismas sensaciones que el diseñador experimentó frente a la escena o encargo original; usando el color con buen conocimiento de su naturaleza y efectos, y de manera adecuada, será posible expresar lo alegre o triste, lo luminoso o sombrío, lo tranquilo o lo exaltado, entre otras muchas cosas.
Nada puede decir tanto ni tan bien de la personalidad de un diseñador, del carácter y cualidades de su mente creadora como el uso y distribución de sus colores, la tendencia de éstos y sus contrastes, la música que en ellos se contiene1. Una vez que se tiene el conocimiento del color, sus propiedades, interacción y significados, es necesario aprender a aplicarlo en las piezas gráficas, para conseguir los resultados deseados.


TEXTURA:
Textura táctil: Por ejemplo la de una superfície rugosa, con relieve o la de otra más fina como la de un papel, o la suavidad del terciopelo. Son todas aquellas perceptibles al tacto.

Textura Visual: Aquellas texturas impresas que se parecen a la realidad, como la arena, las piedras, rocas. Entre esta clase de textura, pueden surgir texturas que realmente existen y otras que son irreales.

VALORES:
xiste una relación de necesidad mutua entre utilidad y diseño. Los objetos prácticos son la razón de ser del diseño y además la calidad de su utilidad se forja en los procesos de diseño. Sin embargo, a menudo utilidad y diseño aparecen como valores muy distintos, cuando no opuestos.
La confusión se produce porque la forma se percibe como algo que atañe solo al estilo, algo distinto a la utilidad. Se olvida que en el diseño la forma concierne tanto al estilo como a la estructura técnica, a los procedimientos y materiales, a la comunicación y a todas aquellas decisiones susceptibles de transformarse en el tipo de beneficios prácticos que esperamos obtener de un producto.
En esta exposición se han seleccionado algunos objetos de tipo, sector y procedencia muy diversa: menaje de cocina, herramientas de ferretería, mobiliario urbano, productos de limpieza, periódicos, envases, sistemas de transporte, etc. Podemos encontrar innovaciones que han salido al mercado hace unos pocos meses y otras que llevan en él más de treinta años, artículos minoritarios y productos de gran consumo, diseños de autor y diseños realizados por equipos de la empresa… Esta diversidad ejemplifica el carácter transversal que tiene la búsqueda de mejoras utilitarias en los procesos de diseño y en el desarrollo de nuevos productos.

BALANCE:

Este principio del diseño web se refiere al equilibrio que guardan los elementos que componen la página. La forma en que se disponen los elementos de la página influye notoriamente en el estilo y el carácter de la página.
Existen tres tipos de balance:
  • Simétrico – Este tipo de balance se ve en los casos en que los diferentes elementos componentes de la página web se encuentran dispuestos de acuerdo a alguna de las clases de simetría.
  • Asimétrico – Es cuando los elementos componentes se colocan balanceados pero sin seguir ninguna simetría.
  • Fuera de balance – En estos casos, los elementos son colocados en forma desbalanceada dentro de la página.


 CONTRASTE:
El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.
Un ejemplo simple es el contraste entre un objeto de brillo constante sobre un fondo de un brillo constante. Si ambas superficies tienen el mismo brillo, el contraste será nulo, y el objeto tanto física como perceptiblemente será indistinguible del fondo. Según se incrementa la diferencia en brillo el objeto será perceptiblemente distinguible del fondo una vez alcanzado el umbral de contraste, que se sitúa alrededor del 0,3% de diferencia en brillo.


ENFASIS:
En muchos diseños web, la simple disposición de textos, imágenes, videos y cualquier otro elemento no es suficiente para conseguir que el usuario dirija la atención hacia los elementos que consideremos más importantes.
La atención de las personas que navegan por Internet es de apenas algunos segundos, lo que implica que el diseñador debe lograr captar la atención del usuario, que éste se sienta atraído y no se retire de la página en unos segundos. Este es uno de los motivos para emplear el énfasis en nuestros diseños.
Otro motivo para aplicar este principio del diseño es diferenciar elementos semejantes entre sí, resaltando aquellos que, dentro de su misma especie, se desee destacar de los otros.
Por ejemplo, si tuviéramos que incluir un texto con gran extensión, la atención del usuario seguramente no pasará de las tres o cuatro primeras líneas, por lo que la lectura deberá simplificarse y agregarse elementos destacados para que el lector pueda hacer una rápida recorrida.


PROPORCION:
describe el tamaño ubicaciom o el monto de una cosa comparada con otra.

ESTABLECER VINCULOS E HIPERVINCULOS

La creación de enlaces es algo cotidiano e importante en el proceso de desarrollo de un sitio Web. Los enlaces entre sus páginas conformarán la estructura del sitio. Dreamweaver nos ofrece varias posibilidades para crear vínculos. Esta es una de las bazas de este programa para facilitar el trabajo al diseñador. Tiene varios métodos que están pensados para ser rápidos e intuitivos, sobre todo para crear enlaces entre las páginas de un mismo sitio Web. Entre todas estas opciones cada uno elegirá la que le resulte más rápida en cada ocasión.

La creación directa de capacidad organizativa local es esencial, pero los grupos comunitarios que participan en el comanejo de los recursos requieren un nivel de apoyo más amplio. Tienen que desarrollar capacidades en materias tales como campañas de sensibilización pública, cabildeo e investigación-acción participativa. Es imprescindible que puedan aprovechar las redes existentes de organizaciones gubernamentales y no gubernamentales y crear nuevas alianzas para el aprendizaje


UTILIZAR ETIQUETAS EN UNA PAGINA WEB


Usarás las etiquetas HTML básicas  en una página web todo el tiempo, ya que hacen el 90 por ciento del formato que puedes ver cuando visitas una página Web. Una vez que las conoces, tienes ganado buena parte del terreno para convertirte en un buen diseñador Web. Según vayas conociendo estas etiquetas, las puedes probar del mismo modo que hemos explicado en la anterior lección, usando nuestro archivo prueba.html. Todas las etiquetas que aprendas, pueden insertarse en este archivo para ver como quedan. Recuerda poner toda la información que quieres que se muestre, entre las etiquetas. Experimenta añadiendo nuevas etiquetas HTML y viendo los resultados. También tenemos la opción de utilizar un editor HTML, que tiene funciones que facilitan nuestro trabajo. Si buscas en Google, encontrarás varios que son bastante buenos, y muchos de forma gratuita.
Empecemos por las etiquetas de texto. Como seguramente sabrás, existen varias maneras de mostrar el texto que escribimos en un documento cualquiera (Word, Excel, etc.), y son negrita, cursiva y subrayado. Las etiquetas que tenemos que usar para dar este formato al contenido de nuestra página Web es el siguiente:
  • <b>texto</b> - Esto pondrá nuestro testo en negrita.
  • <i>texto</i> -  Esto pondrá nuestro texto en cursiva.
  • <u>texto</u> - Esto pondrá nuestro texto en subrayado.
Aunque el texto que has tecleado pueda contener retornos de carro, espacios extra y otros cambios normales en nuestra escritura, el navegador no los verá. Tendrás que usar etiquetas para poder crear algunos espacios en blanco en tus documentos HTML.

  • <br> - Esta etiqueta crea una pauta entre una línea y otra. Puedes usar varias de estas etiquetas todas juntas para crear espacios en blanco.
  • <p> - Crea un espacio extra entre dos líneas de texto. Si pones esta etiqueta en una línea, marcará una pauta y creará un espacio adicional.
  • <hr> - Creará una línea horizontal.
Al igual que se puede dar el formato en un texto, también las etiquetas nos servirán para cambiar su tamaño, fuente y color. Lo podemos hacer con las siguientes líneas:
  • <font color=”blue”>texto azul</font> Esto nos dará un testo azul.
  • <font color=”green”>texto azul</font> Esto nos dará un testo verde.
Muchos de los colores estándar funcionarán. Puedes intentar todos los colores que se están disponibles, los cuales también se muestran con valores hexadecimales en un formato parecido a este: <font color=”#0066FF”>. En Internet puedes encontrar un listado de códigos de colores hexadecimales para practicar. Si lo que quieres es asignar un color específico a todo el texto de la página Web, lo puedes hacer incluir la etiqueta text=”color” dentro de la etiqueta <body>. De todos modos, aunque cambies el color del texto de toda la página, todavía podrás cambiar el color de porciones de texto a lo largo de la página, usando las etiquetas que hemos visto.
Para cambiar la fuente de un texto, podemos hacerlo de la siguiente manera:
  • <font face=”arial”>texto</font> Le dará una fuente arial.
  • <font face=”Courier”>texto</font> Le dará una fuente Courier.
Si la fuente que has seleccionado no está disponible en el ordenador, el tipo de fuente cogerá el que tenga el navegador por defecto, normalmente Courier o Times New Roman, por lo que debemos asegurarnos de que existe en nuestro equipo.
Para cambiar el tamaño de nuestro texto, tenemos que usar las etiquetas siguientes:
  • <font size=”8”>texto</font> Con esta etiqueta, le estaremos dando un valor de “8” a nuestro texto, y podemos variarlo de número según el tamaño que queramos. Por defecto, el tamaño en muchos navegadores es de “3”. También se pueden usar las etiquetas <small></small> y <big></big> para hacer el texto más grande o más pequeño.
También tenemos unas etiquetas que varían el tamaño que son las de cabecera. Estas etiquetas se utilizan mucho para dar el encabezado de una noticia o como complemento del titular. Hay tres tipos bien definidos:
  • <h1>cabecera</h1>
  • <h2>cabecera</h2>
<h3>cabecera</h3>

ESQUEMATIZAR LA ESTRUCTURA GENERAL DE UNA PAGINA WEB.

Si sólo se tiene una vaga idea de cómo se relacionan las distintas secciones de una Web, si no se tiene sentido claro de la organización y la narrativa, los usuarios lo percibirán inmediatamente.
Una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara, mientras que un conjunto de páginas web con una mala estructura producirá en el lector una sensación de estar perdido, no encontrará rápidamente lo que busca y terminará por abandonar nuestro sitio. Planifique la estructura antes de empezar.
Incluso para los sitios más pequeños, es conveniente hacer algún esquema sencillo, para la mayoría de los casos una hoja de papel y un lapicero bastará, pero si el emplazamiento es grande, es recomendable usar algún tipo de programa que permita manejar estructuras de tipo grafo.

La estructura depende del contenido

No es lo mismo crear una estructura de navegación para un sitio que desea publicar información al estilo de un libro formado por capítulos que se adapta bastante bien tanto a una estructura lineal como a una jerárquica. Mientras que un sitio donde se expone un tutorial o un tour es más apropiada una estructura de tipo lineal. Depende del tipo de sitio web.

DEFINIR OBJETIVOS Y CONTENIDOS DE LA PAGINA WEB


A través de esta etapa se busca definir cuáles serán los objetivos centrales que deberá tener el Sitio Web y establecer la forma de cumplirlos.
Se recomienda comenzar por generar un objetivo central y luego definir varios objetivos secundarios; no obstante lo anterior, es importante que estos objetivos sean explicitados adecuadamente al comienzo del desarrollo, con el fin de que todo el equipo tenga claro el horizonte que debe tener el proyecto.
Para generar objetivos que sean válidos y comprensibles, se aconseja escribirlos a través de frases que se inicien con verbos que expresen las acciones a realizar. Por ejemplo: Recibir preguntas de los usuarios sobre las actividades de la institución o Presentar públicamente los informes más importantes de la institución.
Una forma de llegar más concretamente a los objetivos, es revisar la visión y la misión de la organización, desde la cual se pueden obtener las claves que permitan definirlos. De más está decir que los objetivos del sitio deberán estar en concordancia con las necesidades y planificación que haya hecho la institución en sus planes anuales.
Una de las primeras metas que se debe cumplir consiste en tener presencia en Internet, siguiendo en este sentido el Instructivo Presidencial de Gobierno Electrónico. No obstante, se debe entender como tal la entrega de información actualizada de la institución, más la proposición de alguna actividad interactiva, mediante el aprovechamiento del estado actual de la tecnología. Por ejemplo, ofrecer las respuestas de las principales Preguntas Frecuentes que se reciben en la institución o entregar la explicación detallada sobre los principales trámites, permiten cumplir con la idea de tener presencia, a través de una propuesta de contenido que ofrece un valor agregado a quienes ingresan al sitio.
Idealmente el listado de objetivos del sitio debe estar acotado y no llegar a más de cinco proposiciones. Este número, si bien es arbitrario, se indica como una forma de señalar que los objetivos no pueden ser tantos como para impedir su cumplimiento; ni tan pocos como para que el sitio sea poco ambicioso.
De cada uno de estos objetivos se pueden desprender tareas concretas que permitan avanzar en el cumplimiento de ellos.

MANEJAR LOS ELEMENTOS BASICOS DE UN LENGUAJE USADO EN LA CREACION DE PAGINAS WEB


HTML:
 siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores)

DHTML:

El HTML Dinámico o DHTML (del inglés Dynamic HTML) designa el conjunto de técnicas que permiten crear sitios web interactivos utilizando una combinación de lenguaje HTML estático, un lenguaje interpretado en el lado del cliente (como JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de objetos de un DOM.
Una página de HTML Dinámico es cualquier página web en la que los scripts en el lado del cliente cambian el HTML del documento, después de que éste haya cargado completamente, lo cual afecta a la apariencia y las funciones de los objetos de la página. La característica dinámica del DHTML, por tanto, es la forma en que la página interactúa con el usuario cuando la está viendo, siendo la página la misma para todos los usuarios.

ASP:

La tecnología ASP está estrechamente relacionada con el modelo tecnológico y de negocio de su fabricante. Intenta ser solución para un modelo de programación rápida ya que "programar en ASP es como programar en Visual Basic y C#", por supuesto con muchas limitaciones y algunas ventajas específicas en entornos web.
Lo interesante de este modelo tecnológico es poder utilizar diversos componentes ya desarrollados como algunos controles ActiveX así como componentes del lado del servidor, tales como CDONTS, por ejemplo, que permite la interacción de los scripts con el servidor SMTP que integra IIS.
Se facilita la programación de sitios web mediante varios objetos integrados, como por ejemplo un objeto de sesión basada en cookies, que mantiene las variables mientras se pasa de página a página.
Es limitado a solo funcionar con IIS, por lo que su uso es cuestionado por la mayoría de los programadores web quienes prefieren otros lenguajes de programación del lado del servidor como por ejemplo PHP, Perl, Java Etc.

JAVASCRIPT:

Javascript es un lenguaje de programación interpretado dialecto del estándar ECMAScript. Se define como orientado a objetos[2] , basado en prototipos, imperativo, débilmente tipado y dinámico.
Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, aunque existe una forma de Javascript del lado del servidor (Server-side Javascript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (widgets) es también significativo.
JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y Javascript no están relacionados y tienen semánticas y propósitos diferentes.
Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.


APLOCAR LA TEORIA DEL COLOR CONSIDERANDO EL CIRCULO CROMATICO, CONTRASTE, EL RGB Y CMY

En su teoría del color, Goethe propuso un círculo de color simétrico, el cual comprende el de Newton y los espectros complementarios. En contraste, el círculo de color de Newton, con siete ángulos de color desiguales y subtendidos, no exponía la simetría y la complementariedad que Goethe consideró como característica esencial del color. Para Newton, sólo los colores espectrales pueden considerarse como fundamentales. El enfoque más empírico de Goethe le permitió admitir el papel esencial del magenta (no espectral) en un círculo de color.

[editar] Teoría de Ostwald

La Teoría del color que propone Wilhelm Ostwald consta de cuatro sensaciones cromáticas elementales (amarillo, rojo, azul y verde) y dos sensaciones acromáticas con sus variaciones intermedias.

[editar] Modelo RYB

Círculo cromático RYB
En el modelo de color RYB, el rojo, el amarillo y el azul son los colores primarios, y en teoría, el resto de colores puros (color materia) puede ser creados mezclando pintura roja, amarilla y azul. Mucha gente aprende algo sobre color en los estudios de educación primaria, mezclando pintura o lápices de colores con estos colores primarios.
El modelo RYB es utilizado en general en conceptos de arte y pintura tradicionales, y en raras ocasiones usado en exteriores en la mezcla de pigmentos de pintura. Aún siendo usado como guía para la mezcla de pigmentos, el modelo RYB no representa con precisión los colores que deberían resultar de mezclar los 3 colores RYB primarios . En el año 2010 [cita requerida], se reconoció mediante la ciencia que este modelo es incorrecto, pero continúa siendo utilizado habitualmente.

[editar] Modelo de color RGB

La mezcla de colores luz, normalmente rojo, verde y azul (RGB, iniciales en inglés de los colores primarios), se realiza utilizando el sistema de color aditivo, también referido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que pueden ser creados por la mezcla de estas tres luces de color son aludidos como el espectro de color de estas luces en concreto. Cuando ningún color luz está presente, uno percibe el negro. Los colores luz tienen aplicación en los monitores de un ordenador, televisores, proyectores de vídeo y todos aquellos sistemas que utilizan combinaciones de materiales que fosforecen en el rojo, verde y azul.

[editar] Modelo CMYK

Círculo cromático CMY
Para impresión, los colores usados son cian, magenta y amarillo; este sistema es denominado modelo CMY. En el modelo CMYK, el negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color (asumiendo que el papel sea blanco). Como la mezcla de los colores es sustractiva, también es llamado modelo de color sustractivo. Una mezcla de cian, magenta y amarillo en realidad resulta en un color negro turbio por lo que normalmente se utiliza tinta negra de verdad. Cuando el negro es añadido, este modelo de color es denominado modelo CMYK. Recientemente, se ha demostrado que el modelo de color CMYK es también más preciso para las mezclas de pigmento.[cita requerida]
Se debe tener en cuenta que sólo con unos colores "primarios" ficticios se puede llegar a conseguir todos los colores posibles. Estos primarios son conceptos arbitrarios utilizados en modelos de color matemáticos que no representan las sensaciones de color reales o incluso los impulsos nerviosos reales o procesos cerebrales. En otras palabras, todos los colores "primarios" perfectos son completamente imaginarios, lo que implica que todos los colores primarios que se utilizan en las mezclas son incompletos o imperfectos.

[editar] El círculo cromático

El círculo cromático suele representarse como una rueda dividida en doce partes. Los colores primarios se colocan de modo que uno de ellos esté en la porción superior central y los otros dos en la cuarta porción a partir de esta, de modo que si unimos los tres con unas líneas imaginarias formarían un triángulo equilátero con la base horizontal. Entre dos colores primarios se colocan tres tonos secundarios de modo que en la porción central entre ellos correspondería a una mezcla de cantidades iguales de ambos primarios y el color más cercano a cada primario sería la mezcla del secundario central más el primario adyacente.
Los círculos cromáticos actuales utilizados por los artistas se basan en el modelo CMY, si bien los colores primarios utilizados en pintura difieren de las tintas de proceso en imprenta en su intensidad. Los pigmentos utilizados en pintura, tanto en óleo como acrílico y otras técnicas pictóricas suelen ser el Azul de Ftalocianina (PB15 en notación Color Index) como Cyan, el Magenta de Quinacridona (PV19 en notación Color Index) y algún Amarillo Arilida o bien de Cadmio que presente un tono amarillo neutro (existen varios pigmentos válidos o mezclas de ellos utilizables como primarios amarillos). Varias casas poseen juegos de colores primarios recomendados que suelen venderse juntos y reciben nombres especiales en los catálogos, tales como "Azul primario" o "Rojo primario" junto al "Amarillo primario" pese a que ni el azul ni el rojo propiamente dichos son en realidad colores primarios según el modelo CMY utilizado en la actualidad.
No obstante, como los propios nombres dados por los fabricantes a sus colores primarios evidencian, existe una tradición todavía anclada en el modelo RYB y que ocasionalmente se encuentra todavía en libros, y cursos orientados a aficionados a la pintura. Pero la enseñanza reglada, tanto en escuelas de arte como en la universidad, y los textos de referencia importantes ya han abandonado tal modelo hace décadas. La prueba la tenemos en los colores orientados a la enseñanza artística de diferentes fabricantes, que sin excepción utilizan un modelo de color basado en CMYK, que además de los tres colores primarios CMY incluyen negro y blanco como juego básico para el estudiante.


En contraste, el término más general "página web dinámica" lo usamos para referirnos a alguna página específica que es generada de manera diferente para cada usuario, en cada recarga de la página o por valores específicos de variables de entorno. Este término no debe ser confundido con DHTML. Estas páginas dinámicas son el resultado bien de la ejecución de un programa en algún tipo de lenguaje de programación en el servidor de la página web (como por ejemplo ASP.NET, PHP o Perl), el cual genera la página antes de enviarla al cliente, o bien de la ejecución en la parte cliente de un código que crea la página completa antes de que el programa cliente (usualmente, un navegador) la visualice.
En una página DHTML, una vez ésta ha sido cargada completamente por el cliente, se ejecuta un código (como por ejemplo en lenguaje JavaScript) que tiene efectos en los valores del lenguaje de definición de la presentación (por ejemplo CSS), logrando así una modificación en la información presentada o el aspecto visual de la página mientras el usuario la está viendo.


 ANALIZAR LAS TEORIAS DEL DISEÑO:

MINIMALISMO

Es una corriente estética derivada de la reacción al pop art. Frente al colorismo, a la importancia de los medios de comunicación de masas, frente al fenómeno de lo comercial y de un arte que se basaba en la apariencia, el minimalismo barajó conceptos diametralmente opuestos. El sentido de la individualidad de la obra de arte, la privacidad, una conversación conceptual entre el artista, el espacio circundante y el espectador. Así como la importancia del entorno como algo esencial para la comprensión y la vida de la obra.
Los creadores minimalistas reducen al máximo los elementos propios del arte, los volúmenes y formas en escultura. De forma análoga proceden en la arquitectura o en la pintura. Intentan condensar en escasos elementos sus principios artísticos y reflexiones.
En cuanto a mùsica se refiere, ésta funciona a partir de materiales limitados o mínimos; las obras que utilizan solamente algunas notas, solamente algunas palabras, o bien las obras escritas para instrumentos muy limitados, como címbalos antiguos, ruedas de bicicleta o vasos de wisky.
 CONCEPTUALISMO

Conceptualismo, en filosofía, 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 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 Abelardo.


Se denomina Conceptualismo a un movimiento artístico surgido a finales de los años sesenta directamente derivado de los planteamientos de Marcel Duchamp, y en particular de las aplicaciones de sus "ready-mades"- cuyos adherentes rechazan el arte como artículo de lujo, permanente, portátil y vendible, proponiendo en cambio un tipo de arte en el que cuenta primordialmente la idea o el concepto que respalda sus realizaciones. Para los artistas conceptuales prima el sentido de las obras sobre su forma plástica y el pensamiento implícito en ellas sobre la experiencia sensual.
El Conceptualismo es un movimiento amplio y abierto a las más variadas manifestaciones creativas, entre las que se incluyen: propuestas escritas, fotografías, videos, documentos, mapas, planos, trabajos de tierra, ensamblajes, ambientaciones y actuaciones con el propio cuerpo del artista. Aparte de Duchamp fueron sus más sobresalientes precursores Robert Rauschenberg, Ives Klein, Piero Manzoni y Allan Kaprow, y entre los más reconocidos exponentes de este arte mental figuran: Joseph Kosuth, Dougias Huebler, Vito Acconci, Walter de María, Gilbert and George, Mel Bochner, Jan Dibbets, Richard Long y Naum Yung Paik.


PATRONES:

Los patrones de diseño son la base para la búsqueda de soluciones a problemas comunes en el desarrollo de software y otros ámbitos referentes al diseño de interacción o interfaces.
Un patrón de diseño es una solución a un problema de diseño. Para que una solución sea considerada un patrón debe poseer ciertas características. Una de ellas es que debe haber comprobado su efectividad resolviendo problemas similares en ocasiones anteriores. Otra es que debe ser reusable, lo que significa que es aplicable a diferentes problemas de diseño en distintas circunstancias.




VERIFICAR EL FUNCIONAMIENTO DE LA PÁGINA WEB DENTRO DEL SERVIDOR

En esta guia veremos como montar nuestro propio servidor de paginas web en Windows XP PRO de manera sencilla y rapida.
Primero debemos de saber que Windows XP PRO solo nos permite montar un solo servidor de paginas web y tambien un solo servidor FTP. Otra limitacion es que nos permite hasta un maximo de 10 conexiones TCP simultaneas.
Si el servidor de paginas web lo montamos para una red local solo deberemos conocer la direccion IP del ordenador en el cual instalaremos el servidor, si lo hacemos para dar servicio de paginas web a internet tendremos que tener una conexion a internet con una IP fija, esto normalmente sucede cuando nuestra conexion es del tipo de banda ancha ( por ejemplo es el caso de ADSL ).
Primero tendremos que instalar el servidor en nuestro Windows XP PRO para ello hacemos lo siguiente: vamos a INICIO -> CONFIGURACION -> PANEL DE CONTROL -> AGREGAR O QUITAR PROGRAMAS y pinchamos en "Agregar o quitar componentes de Windows"



¿Qué incluye un servicio de hospedaje en Internet?
Un servicio de alojamiento de Internet es un servicio que opera servidores de Internet, permitiéndole a organizaciones e individuos subir contenido a ésta. Existen distintos niveles de servicios y varios tipos de servicios ofrecidos.
Un tipo común de alojamiento es el alojamiento web. La mayoría de los proveedores de alojamiento ofrecen una variedad combinada de servicios. Por ejemplo, los servicios de alojamiento web también ofrecen un servicio de alojamiento de correo electrónico. El servicio de alojamiento de DNS habitualmente viene en conjunto con el registro de dominios.

UTOLOZAR LA PAGINA DEL SERVIDOR DE INTERNET PARA ALOJAR UNA PAGINA WEB
El alojamiento web (en inglés web 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. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en Internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.

SELECCIONAR UN SERVIDOR DE INTERNET CONSIDERANDO LA CARACTERISTICAS DE LA PAGINA WEB

SEVIDOR DE ARCHIVOS:
Tipo de servidor en una red de ordenadores cuya función es permitir el acceso remoto a archivos almacenados en él o directamente accesibles por este. En principio, cualquier ordenador conectado a una red con un software apropiado, puede funcionar como servidor de archivos. Desde el punto de vista del cliente de un servidor de archivos, la localización de los archivos compartidos es transparente. O sea, normalmente no hay diferencias perceptibles si un archivo está almacenado en un servidor de archivos remoto o en el disco de la propia máquina.

SERVIDOR DE IMPRESIONES:

Un Servidor de Impresión (Print Server) es un concentrador, o ramonC: más bien un servidor, que conecta una impresora a red, para que cualquier PC pueda acceder a ella e imprimir trabajos, sin depender de otro PC para poder utilizarla, como es el caso de las impresoras compartidas.
Actualmente existen servidores de impresora tanto para interfaz paralela, como por USB.

SERVIDOR DE CORREO:
Un servidor de correo es una aplicación informática cuya función es parecida al Correo postal solo que en este caso los correos (otras veces llamados mensajes) que circulan, lo hacen a través de nuestras Redes de transmisión de datos y a diferencia del correo postal, por este medio solo se pueden enviar adjuntos de ficheros de cualquier extensión y no bultos o paquetes al viajar la información en formato electrónico.

SERVIDOR DE FAX:
uede usar un servidor de fax para configurar dispositivos de fax para permitir que los usuarios de la red envíen y reciban faxes. En un equipo con el sistema operativo Windows Server® 2008, debe instalar la función Servidor de fax, disponible en el Administrador del servidor, para crear un servidor de fax e instalar el Servicio de fax y el Administrador del servicio de fax.

SERVIDOR DE LA TELEFONIA:
(Telephony server) Tipo de servidor que lleva a cabo funciones relacionadas a la telefonía como la respuesta de llamadas automáticas, realizar las funciones de un sistema interactivo de respuesta por voz, almacenar y servir correo de voz, encaminar los llamados entre la red de telefonía e internet (para VoIP por ejemplo), etc.

PROXY SEVER:
En el contexto de las redes informáticas, el término proxy hace referencia a un programa o dispositivo que realiza una acción en representación de otro. Su finalidad más habitual es la de servidor proxy, que sirve para permitir el acceso a Internet a todos los equipos de una organización cuando sólo se puede disponer de un único equipo conectado, esto es, una única dirección IP.

SERVIDOR WEB:
Un servidor web es un programa que está diseñado para transferir hipertextos, páginas web o páginas HTML (HyperText Markup Language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. El programa implementa el protocolo HTTP (HyperText Transfer Protocol) que pertenece a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.

¿Qué es el servicio de hospedaje de páginas?

El hospedaje de páginas es ofrecer espacio dentro de nuestros servidores para que publique su propia página, con opciones específicas de almacenamiento en disco y características adaptables a sus necesidades sin necesidad de comprar costosos servidores; sólo paga lo que necesita.
 Algunos protocolos comúnmente utilizados en servidores de archivos:
PUBLICAR PAGINAS WEB EN LOS SERVIDORES DE INTERNET

Normalmente cuando solicitamos los servicios de una conexion a internet ( un servidor ) al que pagamos la factura por navegar para ser mas claros , estos nos ofrecen una serie de recursos gratuitamente por utilizar sus redes y servicios como pueden ser : Cuentas de correo , discos duros virtuales donde alojar tus archivos y un sinfin de otras promocines , pero tambien un ESPACIO WEB , o cuenta FTP . Unos dan mas y otros menos , esta web por ejemplo antes estaba alojada en Menta ( mi servidor ) y me ofrecian un espacio de 10 megabites , para alojar ( poner ) mis paginas . Tambien nos proporcionan una clave y un nombre con que podernos identificar en la red , con tus cuentas de correo y de usuario, bueno pues solo tenemos que solicitar estos servicios a nuestro proveedor y sacarle todo el jugo .    
IMPLEMENTAR SERVICIOS DE CORREO EN UNA PAGINA WEB.

Correo electrónico (correo-e), es un servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente (también denominados mensajes electrónicos o cartas electrónicas) mediante sistemas de comunicación electrónicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensión también puede verse aplicado a sistemas análogos que usen otras tecnologías. Por medio de mensajes de correo electrónico se puede enviar, no solamente texto, sino todo tipo de documentos digitales. Su eficiencia, conveniencia y bajo coste están logrando que el correo electrónico desplace al correo ordinario para muchos usos habituales.


INSERTAR SONIDO Y VIDEO A UNA PAGINA WEB

Insertar un sonido o un vídeo no es demasiado estándar en lo que al código se refiere.

Además, debemos tener en cuenta que, puesto que el navegador directamente no es capaz de mostrar el contenido de los archivos de sonido y vídeo, siempre vamos a depender de un plugin, del que tenga instalado el usuario que ve nuestra web... si es que lo tiene.

Ante esto, sólo vale tener varias consideraciones:

Si decidimos insertar un sonido o un vídeo en nuestra web, debemos poner un enlace en el que el usuario pueda, en caso de no tenerlo, descargar e instalar un plugin que permita la ejecución de ese vídeo, de la forma más cómoda e intuitiva posible.

Otra posibilidad es insertar dicho contenido directamente en un flash, con la ventaja de que el plugin de flash es siempre el mismo, con la misma web de descarga (ver "enlaces" en este mismo blog).

En cualquier caso aquí tienes unos ejemplos para insertar sonidos, y también los parámetros que puedes utilizar para la etiqueta embed, que es la que se crea automáticamente en dreamweaver al insertar un sonido o vídeo.


DEFINIR SECCIONES DE MAPEO EN UNA PAGINA WEB



Puede hacer que parte de la imagen sea un enlace a otra página, es decir, puede hacer un mapa sobre la imagen de manera que secciones de la imagen sean enlaces. Las etiquetas usadas para esto son: Las etiquetas ..... identifican que vamos a crear un mapa de imágenes. Generalmente, lleva asociado el atributo name= al que le sigue entre comillas el nombre del mapa. La etiqueta <AREA> define las áreas que vamos a poder activar en esa imagen.
A esta etiqueta le acompañan los siguientes atributos:
shape= Entre comillas estableceremos el tipo de área a definir. Puede tratarse de rect (rectangular), poly (poligonal) o circle (circular).
Coords= Entre comillas indicaremos los pares de coordenadas de cada punto del área a activar. Estas coordenadas las podemos averiguar utilizando un programa de edición de imágenes. En las áreas rectangulares deben especificarse las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha. En las poligonales especificaremos las coordenadas de todos los vértices del área. En las circulares indicaremos las coordenadas del centro del circulo y el valor del radio.
Href= Como ya sabe, indica la dirección, entre comillas, de la página web a la que accede si pinchamos en un área determinada.
Finalmente, debe saber que para que una imagen sea tratada como un mapa, además de el código anteriormente descrito, debe incluir en la etiqueta de imagen correspondiente a la imagen a mapear el atributo usemap="#nombre del mapa".

MANIPULAR IMAGENES Y ANIMACIONES EN UNA PAGINA WEB

En este tutorial vamos a ver como realizar animaciones para la web en formato GIF o MNG. Ya sean emoticones, banners o lo que se les ocurra.
El formato GIF seguro que todos lo conocen en cambio MNG no es tan conocido, surgió de la necesidad de tener un formato libre de animaciones para la web, deriva del PNG y posee todas su ventajas.
El formato GIF solo soporta color indexado (máximo 256 colores) o escala de grises, transparencias sin niveles(puede determinar si un pixel es transparente o no, pero no que tan transparente es) e imágenes entrelazadas en 1D.
En cambio el PNG además de color indexado y escala de grises permite imágenes con color verdadero(TrueColor) 48 bits por pixel, permite 254 grados de transparencias e imágenes entrelazadas en 2D.
Si bien las ventajas son muchas es muy probable que si realizamos una animación en MNG no todos la podrán ver, ya que  los navegadores no suelen incluir todavía soporte al mismo, aún el GIF sigue siendo el formato mas popular.
Para saber si tu navegador soporta este formato mirate los test de esta página:
http://www.libmng.com/MNGsuite/
Para mas información pueden ver la página del proyecto (en inglés):
http://www.libpng.org/

MANIPULAR TABLAS EN UNA PAGINA WEB

Para crear tablas usamos los siguientes códigos:
  • <table> indica el comienzo de una tabla.
  • <tr> indica el comienzo de una línea de la tabla.
  • </tr> indica el final de la línea de la tabla.
  • <td> indica el comienzo de una celda.
  • </td> indica el final de una celda.
  • <th> indica el comienzo de una celda que será una cabecera.
  • </th> indica el final de una celda que es una cabecera.
  • </table> indica el final de tabla. 
MANIPULAR OBJETOS Y FORMULARIOS EN UNA PAGINA WEB

La etiqueta <object> permite insertar cualquier tipo de documentos (no solamente de texto) dentro de un documento html. Para poder mostrar esos archivos, el navegador suele necesitar plug-ins. Algunos tipos de documentos necesitan información adicional que se proporciona mediante la etiqueta <param>.
Volver al principio de la página

FORMULARIOS:

Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas revistas.
El lector escribe la información rellenando campos o haciendo clic sobre botones, y luego presiona un botón de envío para enviarla a una dirección URL que se suele dirigir a una dirección de correo electrónico o a un script dinámico Web como PHP, ASP o CGI.
<FORM METHOD="POST" o "GET" ACTION="url" ENCTYPE="x-www-form-urlencoded"> ... </FORM>
Aquí hay algunos ejemplos de las etiquetas FORM:
<FORM METHOD=POST ACTION="mailto:webmaster@commentcamarche.net">

<FORM METHOD=GET ACTION="http://www.commentcamarche.net/cgi-bin/script.cgi">
 
 
 
 
ES 
 
 
 
                      




miércoles, 24 de noviembre de 2010

PROPORCION

La Proporción describe el tamaño, ubicación o el monto de una cosa comparada con otra.



PATRONES

Los patrones de diseño son la base para la búsqueda de soluciones a problemas comunes en el desarrollo de software y otros ámbitos referentes al diseño de interacción o interfaces.
Un patrón de diseño es una solución a un problema de diseño. Para que una solución sea considerada un patrón debe poseer ciertas características. Una de ellas es que debe haber comprobado su efectividad resolviendo problemas similares en ocasiones anteriores. Otra es que debe ser reusable, lo que significa que es aplicable a diferentes problemas de diseño en distintas circunstancias

GRADACION

La Gradación es el tamaño y dirección producidos por una perspectiva lineal. La Gradación del color es desde gamas calidas a frías y por su parte los tonos oscuros a claros producen una perspectiva aérea. La Gradación puede agregar interés y movimiento a una forma

COMPOSICION

la combinacion de distintos elementos formando un  todo








ESPACIO


Espacio es el área vacía o abierta entre, alrededor, arriba, debajo o entre objetos. Figuras y formas son realizadas en el espacio alrededor y entre él. El espacio también es llamado bidimensional o tridimensional. El espacio positivo es rellenado con formas o figuras. El espacio negativo rodea una forma o figura.


COLOR

Espacio es el área vacía o abierta entre, alrededor, arriba, debajo o entre
 objetos. Figuras y formas son realizadas en el espacio alrededor y entre él
. El espacio también es llamado bidimensional o tridimensional.
El espacio positivo es rellenado con formas o figuras.
 El espacio negativo rodea una forma o figura.



TEXTURA
La textura es una agregación de formas o colores que se perciben
La función de tales texturas es proporcionar realismo a la obra,tratara de desafiar el sentido común



.
VALORES

El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el color por medio de la adición de blanco o negro a dicho color. Claroscuro usa valores en los dibujo mediante contrastes de claros y oscuros en una composision.

BALANCE

El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el color por medio de la adición de blanco o negro a dicho color. Claroscuro usa valores en los dibujo mediante contrastes de claros y oscuros en una composición.

CONTRASTE

El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.
Un ejemplo simple es el contraste entre un objeto de brillo constante sobre un fondo de un brillo constante. Si ambas superficies tienen el mismo brillo, el contraste será nulo, y el objeto tanto física como perceptiblemente será indistinguible del fondo. Según se incrementa la diferencia en brillo el objeto será perceptiblemente distinguible del fondo una vez alcanzado el umbral de contraste, que se sitúa alrededor del 0,3% de diferencia en brillo

ENFASIS

El Énfasis es usado para crear ciertas partes de sus trabajos artísticos a través de llamado atención de manera especial. El centro de interés o punto foco es el lugar del dibujo que le invita a enfocar su mirada.

lunes, 22 de noviembre de 2010

5.controlar los elementos fundamentales del diseño.

¿QUE ES EL DISEÑO?
Proceso de creación visual con un propósito, el cual cumple con exigencias practicas. Un buen diseño es la mejor expresión visual de la esencia de ``algo`` cuyo creación no debe ser solo estética sino también funcional. A lo largo de toda la carrera de Publicidad, mención creatividad y gerencia, pocas son las Materias que sean tan completas y esenciales para la carrera como lo es el Diseño. En este Breve reporte de diferentes temas del Diseño Bidimensional se espera el despierte de la creatividad y la funcionalidad del estudiante. Este Resumen abarca los temas de Introducción, Forma, Repeticion, Estructura, Similitud, Gradacion y Radiación. Sin más preámbulos veamos el susodicho Reporte.
ELEMENTOS DEL DISEÑO

LINEA
es el elemento básico de todo grafismo y uno de los más usados, teniendo tanta importancia en un grafismo como la letra en un texto. Representa la forma de expresión más sencilla y pura, pero también la más dinámica y variada.

Está formada por la unión de varios puntos en sucesión, pudiéndose asimilar a la trayectoria seguida por un punto en movimiento, por lo que tiene mucha energía y dinamismo. Su presencia crea tensión y afecta al resto de elementos cercanos a ella.

domingo, 26 de septiembre de 2010

=METABUSCADORES=

El metabuscador es un sistema que localiza informacion en los motores de búsqueda mas usados y carece de base de datos propia y, en su lugar, usa las de otros buscadores y muestra una combinación de las mejores páginas que ha devuelto cada buscador. Un buscador normal recopila la información de las páginas mediante su indexación, como Google o bien mantiene un amplio directorio temático, como Yahoo. La definición simplista sería que un metabuscador es un buscador de buscadores.
Hoy en día existen diversos metabuscadores como Ixquick, metacrawler, todalanet, Camaleon (Buscador), ipselon,turbo10, webcrawler, dogpile, cluspy, ifacesearch entre otros los metabuscadores facilitan y hacen más eficiente la búsqueda de información.

 Ventajas

La ventaja principal de los metabuscadores es que amplían de forma notoria el ámbito de las búsquedas que realizamos, proporcionando mayor cantidad de resultados. La forma de combinar los resultados depende del metabuscador empleado.
Puesto que muchos multibuscadores muestran en los resultados la posición de la web en los buscadores nos permite evaluar la relevancia de cada web mostrada.
Hay que tener en cuenta que cada buscador utiliza su propia estrategia a la hora recoger información de una página y ordenar los resultados de las búsquedas, por lo que las páginas de mayor relevancia en un buscador no tienen por qué coincidir con las del resto, aportando puntos de vista distintos.

 Desventajas

Una de las desventajas importantes es que mientras que cada buscador dispone de su propia sintaxis de búsqueda los metabuscadores no distinguen entre las diferentes sintaxis. Por lo tanto, al buscar información muy específica es mejor emplear buscadores de los que conozcamos la sintaxis.
Es de notar que no resultan muy claros los criterios empleados por los diversos multibuscadores para la ordenación de sus resultados.
Al buscar en varias fuentes, la obtención de resultados suele ser más lenta que en un buscador normal. Muchos de los multibuscadores permiten establecer un tiempo máximo para realizar la búsqueda