Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

musica

No description
by

vaug nascent

on 23 July 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of musica

photo credit Nasa / Goddard Space Flight Center / Reto Stöckli
Antes que nada definamos que es maquetación

La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

La maquetación web es acomodar las diferentes partes de la pagina
donde quieres que vayan . CSS es el método estándar (un lengueje) para hacer esto.





MAQUETACION PAGINAS WEB
¿ Como se debe hacer la combinacion de colores?
Tipografía Web se refiere al tipo de letra usada en la World
Wide Web. Cuando fue creado HTML, tanto la fuente tipográfica
y como el estilo venían determinados exclusivamente por las
preferencias del navegador Web utilizado.
HTML
Aqui podemos apreciar una pagina web maquetada
EJEMPLO
CIRCULO CROMATICO
El secreto para combinar colores se esconde en la posición de éstos en el círculo cromático, que viene siendo como el santo grial de los colores
Tipo de paginas
Páginas Web Transaccionales, e-comercio o e-commerce
Bajo este modelo, las empresas exhiben sus productos en la página para que los clientes los compren a través de internet. El principal objetivo de éstas páginas es el de realizar ventas o transacciones online pero un segundo objetivo muy común es el de alojar información sobre sus productos.
Tal vez el mejor ejemplo de éste tipo de sitio es Amazon, una de las tiendas online más grandes y con mayor presencia a nivel mundial.



Páginas Web Orientadas al Servicio

Esta modalidad está orientada a brindar información sobre productos y servicios y no poseen el famoso “carrito de compra”, por lo que los productos no pueden ser comprados directamente a través de la página. Este tipo de página tiene como principal objetivo estimular a los clientes para que terminen el proceso de compra offline.

Un segundo objetivo en este caso es el de construir relaciones con clientes (servicio al cliente). También pueden generarle al departamento de ventas de la empresa datos de posibles compradores para que finalicen la operación.

Éstas páginas son comúnmente utilizadas por proveedores de servicios, profesionales y todo tipo de negocio que exija que el proceso de venta termine en persona.
Página Web Estática:
Las páginas web estáticas son aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, gifs animados, videos, etc.
Tienda virtual o Comercio electrónico:
Como su nombre indica, se trata de un sitio web que publica los productos de una tienda en particular en Internet. Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia por norma general. Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc.
Portal:
Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad… un sinfín de recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en particular o para una temática muy amplia. Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, se reconoce por su temática variada con el fin de captar el mayor tráfico de internautas posible. Son un ejemplo de esta modalidad, los portales de Lycos, Yahoo, Altavista, MSN, etc. Por otra parte, tenemos el Portal Vertical, que se centra en ofrecer contenido de una temática en particular, de este modo podemos hablar de Portal Inmobiliario, Portal de Comercio, Portal Laboral, etc.
Sitio de noticias:
Es un sitio dedicado a mostrar noticias y comentarios. Este tipo de sitio WEB promete ser el reemplazo de los periodicos y noticieros, debido a la facilidad de acceso y a la alta interacción con el usuario final.
Sitio de juego:
un sitio que es propiamente un juego o un “patio de recreo” donde mucha gente viene a jugar, como MSN Games, Pogo.com y los MMORPGs VidaJurasica, Planetarion y Kings of Chaos.
PAGINAS WEB
Página Web Animada:
Las páginas web animadas son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos y animaciones en algunos de los sectores de la página o bien puede estar toda la página hecha en este lenguaje. El uso de esta tecnología permite diseños más vanguardistas, modernos y creativos.
Página Web Dinámica:
Existen muchos lenguajes de programación que son la base para la mayoría de páginas web dinámicas. Las que destacamos aquí son los lenguajes PHP y ASP. Estos lenguajes permiten una perfecta estructuración del contenido. Por una parte crearíamos la estructura de las páginas web, y por otra almacenaríamos el contenido en determinados archivos. A partir de ahí, crearíamos el código de llamada que insertaría el contenido en la propia página web estructurada. Este es el principio básico que siguen los lenguajes de programación. A partir de aquí se desarrollan aplicaciones para poder gestionar el contenido a través de un panel de control, dando lugar a nuevos tipos de página web que leeremos a continuación.
Gestor de Contenidos:
Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran una actualización constante se suele incorporar este panel de gestión para que pueda controlarse día a día por parte del cliente.
Sitio weblog (o blog):
Nace de la definición de un diario, en donde la persona inserta información a través del tiempo, solo que esto se hace público y las demás personas pueden acceder a este y comentar sobre lo que leen. Este diario se encuentra acomodado de tal forma que lo primero que aparece es lo último que se publicó. Ejemplos: Blogger, Xanga. [[LiveJournal], [[WordPress], www.x0101.com.
Sitio de desarrollo:
un sitio el propósito del cual es proporcionar información y recursos relacionados con el desarrollo de software, diseño web, etc.
Sitio de descargas:
estrictamente usado para descargar contenido como software, demos de juegos o fondos de escritorio: Download, Tucows, Softonic, Baulsoft. En algunos de los casos estos sitios solamente se encargan de recopilar la información pero los enlaces son externos y por lo general apuntan a la página WEB del creador (o proveedor) de la descarga.
Sitio pornográfico (porno):
muestra imágenes y vídeos de contenido sexual.
Sitio buscador:
un sitio que proporciona información general y está pensado como entrada o búsqueda para otros sitios. Un ejemplo puro es Google, y el tipo de buscador más conocido es Yahoo!.
Sitio shock:
incluye imágenes o otro material que tiene la intención de ser ofensivo a la mayoría de visitantes. Ejemplos: rotten.com, [ratemypoo.com].
Sitio personal:
Mantenido por una persona o un pequeño grupo (como por ejemplo familia) que contiene información o cualquier contenido que la persona quiere incluir.
Sitio Web 2.0:
un sitio donde los usuarios son los responsables de mantener la aplicación viva, usando tecnologías de última generación: pikeo, flickr
Sitio wiki:
un sitio donde los usuarios editan colaborativamente (por ejemplo: Wikipedia). Este usuario se basa en la idea de que sean los usuario quienes alimenten y mejoren los contenidos almacenados en el sitio.
Sitio político:
un sitio web donde la gente puede manifestar su visión política. Ejemplo: New Confederacy.
Sitio de Rating:
un sitio donde la gente puede alabar o menospreciar lo que aparece.
Sitios Educativos:
promueven cursos presenciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas.
Sitio Spam:
sitio web sin contenidos de valor que ha sido creado exclusivamente para obtener beneficios y fines publicitarios, engañando a los motores de búsqueda.
Rich Internet Applications:
(Aplicaciones de Internet Enriquecidas): son
un nuevo tipo de aplicaciones con más ventajas que las tradicionales aplicaciones Web. Esta surge como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales. Estas buscan atraer a los usuarios por medio de contenidos más atractivos e interactivos. Este tipo de sitios puede ser producido a través de herramientas como Adobe Flex o Silverlight (tecnología de Microsoft).


FRAMEWORKS CSS/HTML
http://es.wikipedia.org/wiki/Framework
Una definición de framework es la de un marco de aplicación o conjunto de bibliotecas orientadas a la reutilización a muy gran escala de componentes software para el desarrollo rápido de aplicaciones. En esta categoría se incluye la Biblioteca de Componentes Visuales (VCL) de CodeGear, Swing y AWT para el desarrollo de aplicaciones con formularios en Java, Struts, para aplicaciones web también en Java, Ruby On Rails para aplicaciones web con Ruby, y las antiguas Microsoft Foundation Classes y Turbo Vision de Borland.
Generalidades Framework
VENTAJAS
1. El desarrollo rápido de aplicaciones. Los componentes incluidos en un framework constituyen una capa que libera al programador de la escritura de código de bajo nivel.

2. La reutilización de componentes software al por mayor. Los frameworks son los paradigmas de la reutilización.

3. El uso y la programación de componentes que siguen una política de diseño uniforme. Un framework orientado a objetos logra que los componentes sean clases que pertenezcan a una gran jerarquía de clases, lo que resulta en bibliotecas más fáciles de aprender a usar.


DESVENTAJAS


1. La dependencia del código fuente de una aplicación con respecto al framework. Si se desea cambiar de framework, la mayor parte del código debe reescribirse.

2. La demanda de grandes cantidades de recursos computacionales debido a que la característica de reutilización de los frameworks tiende a generalizar la funcionalidad de los componentes. El resultado es que se incluyen características que están "de más", provocando una sobrecarga de recursos que se hace más grande en cuanto más amplio es el campo de reutilización.
VENTAJAS
DESVENTAJAS
Full transcript