DISEÑO WEB 2Q

z

   ¿ QUÉ ES UN DOMINIO DE INTERNET?
Extensión o dominio de Internet es un nombre único que identifica a un sitio web en Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.[1]​
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://172.217.10.110/ en vez de http://google.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios.

¿ QUÉ ES ALOJAMIENTO Y PUBLICACIÓN DE PÁGINA 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. Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.
Para empezar es suficiente con registrarnos en alojamientos gratuitos que nos ofrecen suficiente espacio aunque cuentan con el inconveniente de que no nos conceden un nombre personalizado y que en la mayoría de los casos introducen publicidad.
Si tenemos intenciones más "serias" con nuestra web, podemos registrar un nombre de dominio y contratar alojamiento de pago, que casi siempre será mejor y no colocará publicidad en nuestro sitio web.
El alojamiento web se divide en seis tipos: gratuitos, compartidos, revendedores, servidores virtuales, servidores dedicados y de colocación.
Alojamiento gratuito: El alojamiento gratuito es muy limitado comparado con el de pago. Estos servicios generalmente agregan publicidad en los sitios y tienen un espacio y tráfico limitado.
Alojamiento compartido (shared hosting): En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor, gracias a la configuración del servidor web. Resulta una alternativa muy buena para pequeños y medianos clientes, es un servicio económico y tiene buen rendimiento.
Alojamiento de imágenes: Este tipo de hospedaje se ofrece para guardar tus imágenes en internet. La mayoría de estos servicios son gratuitos y las páginas se valen de la publicidad colocadas en su página al subir la imagen.
Alojamiento revendedor: Este servicio de alojamiento está diseñado para grandes usuarios o personas que venden el servicio de Hosting a otras personas. Estos paquetes cuentan con gran cantidad de espacio y de dominios disponibles para cada cuenta.
Servidores virtuales: mediante el uso de una máquina virtual, la empresa ofrece el control de un ordenador aparentemente no compartido. Así se pueden administrar varios dominios de forma fácil y económica, además de elegir los programas que se ejecutan en el servidor. Es el tipo de producto recomendado para empresas de diseño y programación web.
Servidores dedicados: El término se refiere a una forma avanzada de alojamiento web en la cual el cliente alquila o compra un ordenador completo, y por tanto tiene el control completo y la responsabilidad de administrarlo. El cuidado físico de la máquina y de la conectividad a Internet es tarea de la empresa de alojamiento, que suele tenerlo en un centro de datos.
Colocación (o housing): Este servicio consiste básicamente en vender o alquilar un espacio físico de un centro de datos para que el cliente coloque ahí su propio ordenador. La empresa le da la electricidad y la conexión a Internet, pero el ordenador servidor (incluso el hardware) lo elige completamente el usuario.
Una vez elegida la forma de alojamiento, habrá que enviar nuestros archivos al directorio que nos han adjudicado en el servidor.

¿Qué es una solución web?

Estas soluciones son un conjunto de servicios destinados a proporcionar una alta visibilidad en internet, un diseño atractivo, sencilla navegabilidad, una alta conversión visita-cliente y accesibilidad desde dispositivos móviles. Y es que nuestro desarrollo web a través del CMS permite gestionar con facilidad cualquier cambio necesario para su sitio. Dichos cambios consisten en modificar sus imágenes, cambiar o añadir textos, estructurar de forma más clara el diseño web para facilitar la navegación y crear nuevos apartados o servicios que ofrecer a sus clientes y hasta incluir enlaces.
Nos encargamos de todos los procesos relativos al desarrollo web, incluyendo la imagen corporativa, ya que nos gusta tener una relación estrecha con nuestros clientes para mostrar así todo el potencial de su negocio en la red. La solución web integral que le ofrecemos está preparada y adaptada para los principales motores de búsqueda: Google, Yahoo y Bing, con el fin de beneficiar el posicionamiento natural en buscadores.

¿Qué es una plataforma web?

Esta plataforma fue creada por Cory Watilo en el 2010 como respuesta a lo difícil que era hacer tu primer portafolio en wordpress
(técnicas de posicionamiento en buscadores)
Elija de entre una gran selección de preciosos diseños o cree su propio diseño con nuestro diseñador de temas. Cada sitio web contiene un blog y páginas personalizadas que le permitirán crear el sitio web que siempre tuvo en mente.

¿QUÉ ES UNA PLATAFORMA WEB?
A diferencia de algunas otras plataformas, Bluekea es diseñada específicamente para Fotógrafos. Cuenta con planes de pago mensuales, anuales y una licencia de 20 días gratis.
FolioHD es una forma fácil de mostrar su portafolioen la web. En menos de un minuto, su portafolio puede estar en línea.
25 MODELOS DE WEB
Especialmente diseñados para fotógrafos.
Totalmente personalizables
12 MODELOS DE GALERÍAS
Escoge tamaños, formatos o marcos.
Todos incluyen pase de diapositivas
-Almacenamiento ilimitado y copia de seguridad.

-Herramientas de migración fáciles de emplear.

-Cargas rápidas.

-Plugin Lightroom.

-Importador de carpetas sencillo y sincronizado -con Chrome.

   
                  ¿ QUÉ ES LA ANIMACIÓN EN 2D Y 3D ?

"2D" es sinónimo de "dos dimensiones". Las formas 2D incluyen cuadrados y círculos.
"3D" significa tridimensional. Las formas 3D tienen profundidad, e incluyen cubos y esferas.
Estos términos son importantes en el arte y el diseño —en la animación por computadora o el cine, por ejemplo. Los gráficos, diagramas y modelos pueden ser 2D o 3D. Estos términos también se usan metafóricamente para hablar de la profundidad o complejidad de una pieza de trabajo.

Dos dimensiones

Las dimensiones definen el espacio en que un objeto puede existir. Imagina una línea muy fina,
que tiene sólo una dimensión, longitud. Si agregas una segunda dimensión de ancho, tienes un espacio 2D o bidimensional. Las formas 2D o bidimensionales tienen longitud y ancho, pero no profundidad. Son planas, como un cómic o un dibujo. Los círculos, cuadrados, triángulos, rectángulos —estas son todas figuras de dos dimensiones.
Ejemplos de 2D

Una gráfica 2D tiene dos ejes, generalmente llamados X e Y. La mayoría de los dibujos, fotografías, pinturas y libros de formato de la imagen son de dos dimensiones. Las animaciones 2D son planas, aunque se puede crear la sensación de profundidad en algunos de los elementos que usan luz y sombra, esto suele estar restringido a un segundo plano. Los dibujos animados como "Scooby-Doo" y "Los Picapiedra" son ejemplos de animación 2D. Las películas estándar son 2D; hay una impresión de profundidad, ya que se registran en el mundo real, pero la imagen aparece plana en la pantalla.
Tres dimensiones

Los espacios 2D tienen altura y anchura. Si agregas una tercera dimensión de profundidad, tienes un espacio 3D o tres dimensiones. Las formas 3D o tridimensionales tienen profundidad así como longitud y anchura. Pirámides, cubos, esferas y cilindros son ejemplos de formas tridimensionales, a diferencia de triángulos, cuadrados y círculos de dos dimensiones.
Ejemplos de 3D

Los gráficos tridimensionales permiten tres ejes en lugar de los dos más habituales. Una escultura es un ejemplo de un modelo en tres dimensiones. A diferencia de una simple libro ilustrado, un libro desplegable tiene tres dimensiones. En la animación, 3D significa que los elementos están construidos de manera que parecen tener profundidad, e incluyen largometrajes de animación como "Who Framed Roger Rabbit", "Shreck" o "Wall-E". En la tecnología de cine y televisión, 3D se refiere a las técnicas que hacen que la imagen parezca tener profundidad. Normalmente, necesitas ver televisión en 3D y películas a través de gafas especiales para ver el efecto (Ver Referencias 5).
Otros usos de 2D

Los términos "2D" o "bidimensional" se pueden utilizar metafóricamente para referirse a un elemento de trabajo o de un trabajo que carece de sustancia, matiz o ideas suficientes. Un personaje de ficción que está mal escrito y carece de personalidad puede ser descrito como de dos dimensiones o, más informalmente, 2D. Un sistema o enfoque más sencillo a un problema también puede ser descrito como de dos dimensiones.
Otros usos de 3D

Los términos "3D" o "tridimensional" se pueden utilizar para describir un sistema, método o trabajo que es sofisticado, exhaustivo y en profundidad. Un personaje en tres dimensiones en un libro o película es creíble y realista. Un enfoque tridimensional para algo toma todos los factores importantes en lugar de centrarse casi exclusivamente en sólo uno o dos.




                            CARACTERÍSTICAS DE ANIMACIÓN EN 2D Y 3D


La animación 2D tradicional es la animación pionera y se caracteriza por ser ilustrada a mano (con la ayuda de la tecnología en nuestros días).
Los personajes y escenarios poseen solo 2 dimensiones X y Y, la sensación de profundidad se logra a partir del manejo de la perspectiva, el color, etc.
La animación 2D se dibuja fotograma por fotograma, lo cual hace de estas animaciones verdaderas obras de arte en la que se invierte mucho tiempo y trabajo.
Antecedentes: Zootropo y Praxinoscopio de Reynaud, Cómic.
Primeras animaciones:
* Humorous Phases of Funny Faces de James Stuart Blackton 1906
* Fantasmagoría de Émile Cohl 1908
* Gertie el dinosaurio del genio del cómicWinsor McCay 1909
En 1914 se empezaron a desarrollar los sistemas para reducir el gran número de fondos estáticos que se necesitaban para cubrir 24 fotogramas/segundo: el celuloide (material plástico transparente e incoloro que se puede colorear, enrollar y moldear en formas variadas) que se superponían sobre un fondo fijo dibujado en papel. Había que asegurarse la perfecta colocación de las imágenes, por lo que se le practicaban una serie de agujeros a las láminas y se sujetaban a unos pivotes llamados pines que sobresalían de la mesa de animación.
Para la fecha aproximada de 1920 las animaciones eran en blanco y negro con un movimiento bastante inestable. Pero empezó a mejorar notablemente en parte gracias a la ayuda del rotoscopio, inventado por Max Fleische, excelente dibujante quien empezó a mezclar personajes reales con personajes animados. Ver Big Chief.
Esta técnica la recogió Walt Disney para crear en Hollywood en 1923 Alicia en el país de los dibujos animados, donde una niña real se movía por un mundo de dibujos animados. En 1928 nació Mickey Mouse y una cinta sonora Steamboat Willie a partir de ese momento los estudios Disney se pusieron a la cabeza de las productoras de animación.







CARACTERÍSTICAS SUPERFICIALES

Si volvemos a mirar a nuestro alrededor comprobaremos que a parte de la estructura de las cosas tenemos una gran variedad de acabados superficiales. Todo esto debemos imitarlo en el ordenador.

Una vez resuelto el modelo debemos ir a cada una de sus partes o piezas y asignarles diferentes propiedades:
Color: es quizá lo que más claramente percibimos las personas. Y sin embargo no siempre es algo tan sencillo: ¿de qué color es un espejo? ¿y un vaso? ¿y nuestra piel? Normalmente se maneja más de una variable para definir el color, como la difusión, que controla la cantidad y el color de la luz dispersada por el objeto, o el color ambiente que controla la sensibilidad del material a la luz ambiente (básicamente controlamos la cantidad de luz que hay presente en las sombras de un objeto, ya que casi nunca aparecen negras).
Especularidad: controla los brillos o destellos que produce la luz en un objeto. Un objeto es muy brillante si tiene una alta especularidad y mate si la tiene baja.
Reflectividad: controla los reflejos del entorno en la superficie del objeto. Muchas veces cuando miramos un objeto no estamos viendo el color de ese material, sino lo que refleja (el caso más estremo sería un espejo). La superficie de un coche nuevo es reflectante, la de una tela vaquera no. Normalmente un objeto muy reflectante también es muy brillante (especular).
Transparencia: un vidrio de nuestra ventana dejará ver lo que hay al otro lado —si está limpio—. Si no intervinieran otros factores no tendríamos por qué ver el cristal, lo que ocurre es que a veces está teñido y casi siempre distinguimos el propio cristal por los reflejos que emite, los destellos de luz o las deformaciones que se producen al mirar a su través.
Refracción: esas deformaciones son el resultado de un proceso de refracción. El cristal de una lupa deforma lo que hay debajo —aumentándolo— por un proceso de refracción. Un palo metido en el agua parece doblarse, por el mismo motivo.
Existen otras propiedades (luminancia, causticidad, características anisotrópicas, etc.) pero las anteriores son las más importantes. Las diferentes aplicaciones 3D nos permiten controlar estos parámentros y de su buen ajuste depende el realismo de un material. Por muy bien modelado que esté un objeto, éste puede perder toda su credibilidad si el color está muy saturado o si todas las superficies son demasiado brillantes y reflectantes (defectos muy comunes en los trabajos de muchos que empiezan).



PROGRAMA MÁS UTILIZADO PARA CREAR ANIMACIÓN 2D Y 3D
Si a menudo te preguntas qué es lo que hay detrás de las películas animadas o de súper héroes,

pues debes saber que en todas estas está el trabajo de muchos profesionales expertos en animación digital.La animación digital se originó en la animación tradicional pero aprovechando las herramientas de software y equipo que ahora existen gracias a los constantes
avances en tecnología. Aún en estos tiempos se utiliza la animación 2D, pero predomina desde hace unos años la animación 3D. ZZLa animación 3D se refiere a la animación de personajes o
imágenes en tres ejes mediante herramientas de software en una computadora. Se utilizan
distintos programas para modelar los objetos y crear un esqueleto virtual que posteriormente
serán recubiertos con texturas y animados con algunos controles del software y como paso final
está la renderización de la animación.
La animación se utiliza en muchas áreas de la industria audiovisual como son personajes y películas o series, efectos especiales y desarrollo de videojuegos para las distintas consolas.
En el mercado existen varias opciones de software para hacer animaciones y de eso te vamos a hablar aquí.
Programas para animación
Adobe After Effects

After Effects es un software parte de la suite de Adobe y está especializado en animaciones. Si te encantan los efectos especiales en 3D este es el software que debes aprender a usar. Te permite crear efectos visuales, montajes, etc.
Tiene herramientas destinadas a realidad virtual y 360. Está totalmente dirigido a diseñadores gráficos, productores de video, profesionales multimedia, etc. Es un programa muy completo que cuenta con la posibilidad de encontrar una gran cantidad de plugins que le permiten lograr cosas increíbles.Lo puedes encontrar tanto para sistema Windows como para Mac.

Anmate CC Flas

Otro gran programa desarrollado por Adobe. Este es un software muy popular para la animación 2d y conocido antes como flash. La marca Adobe Systems decidió hacer un rebranding para enfatizar el uso de este programa en la animación de contenido digital
Permite el diseño de animaciones para videojuegos, aplicaciones y sitios web, Tiene herramientas de ilustración que te permitirán animar fácilmente personajes y crearles escenarios o pantallas de inicio.
Lo puedes encontrar tanto para sistema Windows como para Mac.
Character Animator CC

Este software de Adobe combina captura de movimiento con sistemas de grabado multicanal para controlar personajes como si fuera una pequeña marioneta en vectores o mapa de bits.Puedes crear archivos en Adobe Ilustrator o Adobe Photoshop e importarlos a Character Animator como un nuevo personaje, este se puede animar gracias al teclado o un controlador midi y sus expresiones faciales por medio de una webcam. Character Animator es parte de la Creative Cloud de Adobe.
Harmony

Este programa fue desarrollado por ToonBoom y es el estancar de animación para series de televisión y videojuegos. Tiene 3 versiones: Essentials, Adavanced y Premium. La diferencia entre uno y otro es que algunos ofrecen salida de render en 2k, 4k y 8k y también pueden ofrecer la integración de escenas 3D. Tiene acceso a técnicas de animación como Cut out, Scan & Paint, tradicional etc.También lo puedes encontrar para Mac y PC.

Autodesk Maya 3d


                                   3 EJEMPLO ANIMACIÓN



Este software de animación da herramientas de modelado, efectos visuales, simulación, rastreo de movimiento, etc. Puedes trabajar con prototipos de juegos y está recomendado para todo aquel que trabaje en proyectos relacionados con cine, publicidad y diseño gráfico.
Trabaja con superficies como NURBS, polígonos, etc. Una de sus características más importante es que está abierto a software de terceros y esto permite cambiar su apariencia, lo que lo hizo muy interesante para estudios que tienden a escribir código personalizado en sus producciones utilizando el kit incluso con este programa.
La animación es la técnica usada para obtener una simulación de movimiento a través de dibujos, imágenes, objetos inanimados… Se trata de una ilusión óptica que crea la sensación de movimiento a través del principio de persistencia de la retina, en el que es necesario mínimo de 10 fotogramas por segundo para representar el objeto con una fluidez y un movimiento más o menos natural, siendo el estándar de 24 fotogramas por segundo.
Existen numerosas técnicas y estilos para dar vida a nuestros personajes a través de la animación, así como distintos materiales con los que llevarlas a cabo: figuras de lego, plastilina, objetos cotidianos de la vida real, arena, modelado virtual en 2 y 3 dimensiones… las posibilidades son infinitas, tantas como la imaginación del animador
Entre los distintos métodos para realizar nuestras animaciones podemos destacar los siguientes.
Dibujos animados
También conocidos como animación tradicional o 2D, los dibujos animados se crean dibujando cuadro por cuadro. Se trata de una secuencia visual de fotografías que se obtienen dibujando a mano todos los fotogramas que la componen, lo cual genera una película de imágenes en movimiento.
En el proceso se realiza dibujando en hojas de papel perforado, que encajan en una mesa de trabajo para que no se muevan y poder controlar los movimientos previos para realizar la sucesión de imágenes.
El animador irá haciendo un boceto preliminar con los fotorgramas clave, es decir, dibuja los cuadros mínimos necesarios para describir la acción. Posteriormente, se añaden todos los detalles y se completan los cuadros que se encuentran entre los fotogramas clave para rellenar el movimiento.
Stop Motion
El Stop Motion es una técnica de animación que simula el movimiento de objetos estáticos capturando la ilusión de movimiento foto a foto. El objeto se va moviendo poco a poco en cada fotograma hasta conseguir que el objeto se mueva por sí solo en la proyección final. Hay dos grandes grupos de animaciones stop-motion: la animación de plastilina/marionetas/muñecos de látex… y la animación de objetos