Aprender diseño web. Animacion Web.
Diseño Grafico. Macromedia Flash Dreamweaver Fireworks .Front Page Photoshop
Recursos Graficos - GIF Animados
http://www.gifanimados.com/
Recurso Grafico gratuito
Hosting Gratuito para paginas web
Hosting Gratuito
| Lugar | Upload | Publicidad | Espacio |
| www.125mb.com | FTP | Pop-Up | 125 Mb |
| angelfire.lycos.com | FTP | Banner Sup - Inf | 20 Mb |
| www.fortunecity.com | FTP | Banner, boton y pop-up | 25 Mb |
| www.freeservers.com | FTP | Banner y pop-up | 12 Mb |
| www1.websamba.com | FTP | Banner Sup e Inf | 30 Mb |
| www.netfirms.com | FTP | Banner | 25 Mb |
| www.bravenet.com | Web | Banner | |
| www.geocities.com | Web | Barra Lateral | 15 Mb |
Un color se suele definir con un número de 6 cifras precedidas por almoadilla (#), donde los grupos de 2 cifras son cada uno la intensidad del Rojo, Verde y Azul de 0 a 255 en hexadecimal (0-FF), utilizando el llamado modelo RGB 24 bits.
De esta manera, si tenemos #00FF00, obtendremos color verde, ya que contiene 00 de rojo, FF (255) de verde y 00 de azul.
Sabiendo esto y un poco de Formateo Básico, podríamos codificar un texto de color rojo en HTML de la siguiente manera:
000 | |
Para adaptarse a las pantallas que solo disponen 256 colores se recomienda utilizar los colores llamados web-safe que se obtienen usando combinaciones de 00, 33, 66, 99, CC y FF.
Vamos a ver los codigos HTML de alguno de estos colores web-safe:
#990000 #999900 #99FF00 #990099 #9900FF #999999 #99FFFF
#FF0000 #FF9900 #FFFF00 #FF0099 #FF00FF #FF9999 #FFFFFF
Es posible que muchos de vosotros esteis acostumbrados a usar otro tipo de formato de color, por ejemplo red en lugar de #FF0000, pero sin embargo es bueno acostumbrarse a esta nomenclatura, nos evita tener que aprender los nombres de los colores y nos permite crear cualquier color que deseemos.
Fuente: http://www.programacionweb.net/articulos/articulo/?num=169
CSS Diseño de 3 columnas
Vamos a intentar hacer la base de una página web en XHTML 1.0 Strict & CSS con 5 apartados, dos son los típicos: header y footer, pero los otros tres varían un poco, normalmente se suelen hacer las páginas con dos columnas, pero otras muchas veces es necesario usar 3, por ejemplo en algunas bitácoras, páginas de periodismo, o simplemente por cualquier cosa que creas que puede tener mayor navegabilidad con 3 columnas en vez de dos.
Adobe Creative Suite
La nueva herramienta de Adobe integra seis configuraciones diferentes y 13 productos individuales destinados a satisfacer las distintas necesidades de los usuarios.
De esta forma, permite que los desarrolladores puedan producir impresos, así como también abocarse al diseño web, interactivo o móvil, de video y de cine.
Las aplicaciones en cuestión son: Adobe Creative Suite 3 Design Premium y Standard; Creative Suite 3 Web Premium y Standard; y Adobe Creative Suite 3 Production Premium.
Además, a ellas se suma Adobe Creative Suite Master Collection, que combina las flamantes aplicaciones de diseño y producción de Adobe.
Según la agencia de noticias Reuters, Adobe Creative Suite 3 representa el uso mas completo de la tecnología Flash realizado hasta ahora.
A partir de ahora, los usuarios de Flash podrán importar archivos nativos de Photoshop y de Illustrator en forma directa a los proyectos de una de las nuevas soluciones de Adobe: Flash CS3.
Asimismo, los flamantes productos de la firma también incluyen una versión de Dreamweaver.
Adobe Creative Suite 3 saldrá a la venta en abril y tendrá un costo que oscilará entre los 1.799 y los 2.499 dólares. Fuente USERS
Tags Technorati: Flash
Tags Blogalaxia: Flash
Tags Technorati: Adobe
Tags Blogalaxia: Adobe
Micorsoft reemplaza el Front Page
La herramienta, si bien está preparada para crear/editar sitios o aplicaciones desarrolladas con ASP.NET, permite trabajar también con sitios web basados en CSS y XHTML 1.0 entre otra opciones.
Aquí presentamos alguna de las “features” de Expression Web:
Sitios Web basados en estándares:
Cree sitios Web basados en CSS, XHTML 1.0 por defecto. Trabaje mejor a través de navegadores, simplificando el desarrollo y el mantenimiento. Configure parámetros de esquemas flexibles para soportar todas las combinaciones de HTML, XHTML, Strict, Transitional, Frameset y CSS 1.0, 2.0 y 2.1 más esquemas específicos de navegador. Valide su sitio con reportamiento de compatibilidad y accesibilidad y contra Section 508 y W3C Content Accessibility Guidelines (WCAG).
* Conformidad XHTML
* Soporte completo de esquema
* Validación de estándar en tiempo real
* Verificación de accesibilidad
Formateo y capa sofisticada basada en CSS:
Genere capas CSS modernas y elegantes con herramientas de diseño estado-de-la-superficie-de-arte. Maniobre directamente la posición, el tamaño, los márgenes y el relleno. Un sofisticado motor CSS adentro le da confianza para tomar decisiones de diseño sobre la marcha. Ponga en práctica los estilos CSS en la página con administración de estilo arrastre y suelte y transpórtelo a un depositario central. Escribiendo ayuda e IntelliSense® en Code View hace su proceso eficiente y rápido.
* Superficie de diseño profesional
* Creación de estilo CSS inteligente
* Motor de interpretación CSS de alta calidad
* Administración de estilo arrastrar y soltar
* Interpretación quirk o estándar
* Interpretación de estilo inteligente
* Plantillas de páginas y sitios
* Reportamiento CSS
* Grilla de propiedad de etiqueta
* Preferencias de tiempo de diseño CSS
Presentación rica de datos:
Construya y formatee datos XML de estándar de industria utilizando herramientas de arrastrar y soltar para una visualización rápida. Un XPath Expression Builder le permite crear preguntas complejas y el soporte XSL Transform (XSLT) le otorga flexibilidad para presentar datos donde usted desee. Los datos XML pueden ser recuperados y presentados mediante alimentos RSS que se ajustan al formateo de su sitio.
Curso de Microsoft Proyect
1- Temario a desarrollar
2- Datos del instructor
3- Fechas, lugar y horario
4- Material a entregar, costo y certificado
5- Informes e inscripcion
Objetivos : hacer conocer al alumno las caracteristicas que posee esta poderosa herramienta bajo Windows para la planificacion, desarrollo, control y seguimiento de proyectos.
Si desea ser eliminado de esta lista de distribucion, responda este mensaje colocando "Baja" en el motivo (subject).
************************************************************************
1- Temario a desarrollar
Leccion 1: Introduccion a la gestion de proyectos
Definicion de un proyecto
El triangulo del proyecto: Vision de los proyectos en terminos de tiempo, coste y ambito
Tiempo
Coste
ambito
Tiempo, coste y ambito: Gestion de las delimitaciones del proyecto
Gestion de proyectos con Microsoft Project
Leccion 2. Como encontrar el mejor punto de partida en Microsoft Project
Introduccion a Microsoft Project
Trabajando con los menus y las barras de herramientas
Alternar entre las vistas y las tablas
Creacion de un archivo de proyecto
Introduccion de las propiedades de proyecto
Almacenamiento de un archivo de Microsoft Project
Leccion 3. Introduccion y organizacion de las tareas
Introduccion de tareas
Estimacion de la duracion
Vincular tareas
Comprobacion de la duracion del proyecto
Insercion de nuevas tareas
Eliminacion de tareas
Organizacion de las tareas en fases
Introduccion de un hito
Leccion 4. Configuracion de los recursos
Configuracion de los recursos humanos
Configuracion de los recursos de equipamiento
Configuracion de los recursos materiales
Introduccion de los costes del recurso
Organizacion de los recursos en grupos
Introduccion de informacion adicional del recurso en un campo de texto
Leccion 5. Asignacion de recursos a las tareas
Asignacion de un unico recurso a una tarea
La formula de programacion: Visualizacion de la duracion, las unidades y el trabajo
Asignacion de varios recursos a una tarea
Asignacion de recursos con la programacion condicionada por el esfuerzo inhabilitada
Eliminacion de una asignacion de recurso
Asignacion de recursos materiales a las tareas
Creacion de un nuevo recurso y su asignacion a una tarea
Leccion 6. Refinamiento de los detalles de la tarea
Ajuste del tiempo de trabajo del proyecto
Ajuste del periodo laborable para tareas individuales
Ajuste de las relaciones de tarea
Cambio de tipo de tarea
Interrupcion del trabajo en una tarea
Introduccion de costes fijos
Configuracion de una tarea repetitiva
Configuracion de delimitaciones de tarea
Reorganizacion de fases y tareas
Introduccion de fechas limite
Visualizacion de la ruta critica del proyecto
Documentacion de los detalles de una tarea con notas e hipervinculos
Leccion 7. Refinamiento de los detalles del recurso
Ajuste del periodo laborable de los recursos individuales
Configuracion de la disponibilidad del recurso a aplicar en diferentes horarios
Introduccion de varias tasas de coste para un unico recurso
Configuracion de las tasas de coste a aplicar en diferentes periodos de tiempo
Analisis de los costes de recurso
Analisis de las asignaciones de recurso
Redistribucion de los recursos sobreasignados
Documentacion de los detalles de recurso con notas de recurso
Leccion 8. Refinamiento de los detalles de la asignacion
Sustitucion de una asignacion de recurso
Aplicacion de diferentes tasas de coste a las asignaciones
Demora en el comienzo de las asignaciones
Aplicacion de perfiles a las asignaciones
Introduccion de la tasa de consumo de un recurso material
Documentacion de los detalles de asignacion con notas de asignacion
Leccion 9. Diseño de la apariencia de la informacion del proyecto
Ordenacion de los datos en una vista
Agrupamiento de los datos en una vista
Filtrado de los datos en una vista
Edicion y creacion de tablas
Definicion de vistas personales
Formato del Diagrama de Gantt
Formato del Diagrama de red
Formato de la vista Calendario
Leccion 10. Impresion de la informacion del proyecto
Representacion de objetos en un Diagrama de Gantt
Personalizacion e impresion de las vistas
Personalizacion e impresion de informes
Leccion 11. Publicacion de la informacion del proyecto en linea
Copia de la informacion del proyecto como una imagen GIF
Almacenamiento de la informacion de Project como una pagina Web
Cambio de la apariencia de una pagina Web de Project
Leccion 12. Compartir la informacion de un proyecto con otros programas
Copiar y pegar con Microsoft Project
Apertura de otros formatos de archivo en Microsoft Project
Almacenamiento en otros formatos de archivo desde Microsoft
Leccion 13. Compartir informacion entre varios proyectos
Creacion de un fondo de recursos
Visualizacion de los detalles de asignacion en un fondo de recursos
Actualizacion de las asignaciones en un archivo compartido
Actualizacion del periodo laborable de un recurso en un fondo de recursos
Actualizacion del periodo laborable de todos los proyectos en un fondo de recursos
Vinculacion de nuevos archivos a un fondo de recursos
Apertura de un archivo compartido y actualizacion de un fondo de recursos
Trabajando con proyectos consolidados
Creacion de dependencias entre proyectos
Leccion 14. Seguimiento del progreso del plan del proyecto
Almacenamiento de una linea de base del proyecto
Seguimiento de un proyecto segun lo previsto
Introduccion del porcentaje completado de las tareas
Introduccion de los valores reales de comienzo, finalizacion y duracion de las tareas
Seguimiento del trabajo por periodo de tiempo
Cambio del trabajo o duracion restante de las tareas
Almacenamiento de un plan provisional
Leccion 15. Visualizacion e informe del estado del proyecto
Identificacion de las tareas que han sido pospuestas
Comparacion de la linea de base, el plan provisional y el plan actual
Identificacion de las tareas y recursos que estan sobre presupuestados
Informe del estado del proyecto
Medida del rendimiento con un analisis de valor acumulado
Leccion 16. Identificacion y resolucion de problemas en un proyecto
Resolucion de problemas de programacion y tiempo
Resolucion de problemas de coste y recurso
Resolucion de problemas de ambito del trabajo
Repositorio de archivos Multimedia
Cuando realizamos diseño web uno de los principales problemas es el diseño o realizacion de archivos multimedia, imagenes, videos, animaciones.
La Wikipedia de los archivos Multimedia es libre: Agenda la Direccion
http://commons.wikimedia.org/wiki/Portada
Muchisimos archivos para compartir en licencia CC
Consejos para tu sitio Web
leemos..
"Incluye una pagina “Acerca de”:
Las paginas con información acerca de la empresa son un buen sitio para los nuevos visitantes ya que aquí pueden saber quien eres antes de que ellos decidan comprar tu producto, en esta pagina das a conocer la trayectoria de tu empresa, quienes la conforman y la misión o cualquier dato que consideres que define a la persona o empresa que esta detrás de esa pagina.
Pagina de contacto:
Los visitantes, clientes, compradores o trafico en general siempre debe tener la posibilidad de ponerse en contacto contigo es por esto que debemos incluir una dirección de correo o un formulario de contacto, y en los casos que sea posible una dirección y teléfono, este tipo de datos da mucha seguridad al visitante cuando de comprar se trata ya que sienten que hay un sitio físico al cual puedan acudir en caso de algún inconveniente.
Noticias, notas de prensa, bitácoras o artículos:
Este tipo de información es muy valorada por los motores de búsqueda ya que ofrecen a la Web contenido fresco, de actualidad y que le puede ser muy útil a los visitantes, desde aquí les puedes informar de eventos, lanzamiento de nuevos productos o información que ayude a que los visitantes regresen a tu sitio a ver los cambios que hagas en estas paginas."
Articulo Completo
Aprender Diseño Web sube en el mundo
Aprender Diseño Web
hace su primera aparicion en el famoso Page Rank de Google con 3Gracias google. Gracias a todos los sitios que nos enlazan y nombran en sus post
Herramientas de colores
Una herramiento para diseñar los colores de nuestra web simplemente arrastrando
http://www.colorblender.com/
Welcome to ColorBlender – your free online tool for color matching and palette design!
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated.
Using the radio buttons you may switch to Direct Edit mode to tweak or edit individual colors of your blend.