martes, 28 de mayo de 2013

Diseño de Web

¿Que es diseño web?

El diseño Web es una actividad que consiste en la planificación, diseño e implementación de sitios Web y páginas Web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.


Aplicación web

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.




Programas para diseño web

Actualmente existen distintos programas creados específicamente para facilitar el diseño de websites. Es una buena forma de empezar si queremos algo sencillo y sin muchas pretensiones. Algunos de los programas más importantes para desarrolladores web son:
  • Adobe® Photoshop® - Es el software de edición de imágenes estándar entre profesionales.
  • Macromedia® HomeSite® - Editor web que permite programar las páginas en varios lenguajes
  • Adobe®  Dreamweaver® - Editor de páginas web para diseñadores que busquen resultados profesionesles
  • Adobe®  Flash® - Programa para el diseño de animaciones vectoriales en páginas web
  • Sothink DHTML Menu - Creación de menús DHTML fácilmente
  • Zend Studio - Editor web orientado a la programación de páginas PHP
  • FileZilla - Programa para transferir ficheros por FTP con cualidades profesionales
  • Mozilla - Navegador web
  • PDF Creator - Editor ficheros PDF
  • Skype - Telefonía a través de Internet
  • Picasa 2 - Clasificar y compartir imágenes, videos y contenidos multimedia
  • Camtasia Studio - Permite grabar la pantalla de la PC, editar el vídeo resultante y producirlo en diferentes formatos
  • Stylizer - Permite editar CSS y ver los resultados en tiempo real con el motor de varios navegadores


HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al 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. El 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.1
HTML también sirve 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).













martes, 23 de octubre de 2012

OLIMPIADAS EN EDDG 2012



OLIMPIADAS EN EDDG 2012



Comentario:  En esta foto mi salon 4° C° esta siendo presentado en la inaguracion de las Olimpiadas



Comentario: En esta otra foto esta mi compañero Alex Alvarado compitiendo en Carrera de 50 metros, el perdió pero se esforzó mucho por nuestro salon.














sábado, 13 de octubre de 2012

Mis Aplicaciones Web favoritas




Cacoo es una herramienta online para hacer diagramas de diversos tipos, desde el esquema de una oficina hasta cualquier tipo de diagrama.

Cacoo permite el trabajo colaborativo simultáneo, es decir un mismo diagrama se puede editar a la vez por más de una persona.

Con Cacoo podemos realizar mapas mentales de forma sencilla y colaborativa pudiéndolos publicar, una vez finalizados, en nuestro blog, wiki o web. Cacoo ofrece también una herramienta que nos permite chatear con nuestros colaboradores a tiempo real mientras trabajamos.

Podemos insertar text, imágens desde nuestro PC o desde internet. Podemos escoger entre la opción gratuita o una de pago.


Como es una herramienta online no requiere de instalación, bastará con que dispongamos de un navegador Web.

Lo que si tendremos que hacer es registrarnos en la web (http://cacoo.com/).


Pulsamos sobre “Sign up!” y damos nuestros datos de registro. luego pasaremos a nuestro “escritorio”.


Aquí podemos ver nuestros diagramas, los que están compartidos con nosotros, nuestras carpetas, cambiar la configuración, y otras cosas.

Para crear un nuevo diagrama basta con, pulsar sobre el botón “Create New Diagram”. Con esto se nos abrirá una nueva ventana donde trabajar.



Es muy sencilla y fácil de usar. En la parte superior nos encontramos con lo típicos botones de hacer y deshacer, copy/paste selección de texto, de líneas, zoom, ... También vemos unos botones en verde especialmente útiles ya que nos permiten exportar, guardar o compartir nuestro diagrama.

Debajo de esta primera barra de herramientas nos encontramos el área de trabajo, donde observamos algunas ventanas flotantes. El Inspector para ver las propiedades de los objetos, el Stencil donde encontramos gran número de paletas de objetos diferentes, y el Chat donde podremos hablar con el resto de usuarios que estén editando el diagrama en el mismo momento que nosotros.

Ahora sólo tenemos que ir arrastrando los objetos de la paleta e ir manipulándolos.



Cabe destacar lo sencillo que resulta alinear los distintos elementos o trazar líneas gracias a los puntos de conexión, en general el usabilidad está bastante conseguida.
Cuando guardemos nuestro trabajo podremos ponerle un nombre y aparecerá en nuestro “escritorio”.










2.




Doodlekit es un sitio que mediante el registro de tu correo electrónico te ofrece sus servicios de creación automatizada de tu propia web personal en forma gratuita

Podrás elegir entre varios templates, layouts, utilizar el gran banco de imágenes que tiene o si prefieres, subir tus propias imágenes, logotipos, etc. No necesitas tener conocimientos previos de programación ni diseño gráfico.

Si eres novato en lo que a diseño web se refiere, sin duda deberías probar esta aplicación online. No tiene restricciones de uso, así que puedes montarte tu propio sitio comercial, de tuempresa, ofrecer tus servicios profesionales, o simplemente tener tu propio blog o página de difusión. Incluso podrás usar AdSense o cualquier otra cosa que se te ocurra. Lo único remarcable es que el nombre de dominio quedará comowww.nombredetusio.doodlekit.com. Algo más que aceptable por el servicio que brindan.

El sitio creado dispondrá de:
  • CMS
  • Editor avanzado con corrector ortográfico
  • Repositorio de imágenes
  • Gráficos y layouts intercambiables
  • Blog
  • Foros
  • Registros de usuarios
  • Álbums de fotos
  • Formularios
  • Nombres de dominios y mucho más