Aprender Diseño Web

Estudiar Diseño Web en Junin

2011-03-20T09:23:00.003-03:00

Estudiar Diseño Web en Junin en el Centro de Formacion Profesional 401 en el Area Informatica se ditan diferente cursos y entre ellos el de Diseño de Páginas Web, Diseño Gráfico y Autocad

Otros Cursos del Centro de Formacion Profesional 401

Operador de PC
Operador PC Administrativo Contable
Internet
Diseño de Páginas Web

Estudiar en el Centro de Formacion Profesional 401

Crear Pagina Web En Flash

2010-08-08T18:12:00.001-03:00

Crear Pagina Web En Flash

Aprende a Crear una Aplicacion Iphone

2010-02-13T17:57:00.001-03:00

Aprende a Crear una Aplicacion Iphone

Crear una Aplicacion Iphone

Web al instante

2010-01-25T10:09:00.000-03:00

¿Quiere vender su producto pero aún no tiene web?

¡Llegó Web Al Instante!

Y el Pack emprendedor vol 2 (bonus free)con los software que tú necesitas.

Accede Ahora a este productor que te ahorra muchas horas de trabajo

Autorespodedor Inteligente

2009-12-18T16:41:00.001-03:00

El novedoso autoresponder inteligente en español
Intel Responder es un programa PROFESIONAL adaptado a cualquier necesidad que su empresa exija.
Hace seguimientos programados de clientes, ya sea en texto o documentos HTML a todo color, puede trabajar con 10 clientes o con 100.000 sin notar la diferencia.

Usted puede gozar de este magnífico software solo con adquirirlo una sola vez y teniendo todos los autorespondedores que necesite
PARA TODA LA VIDA y sin más gastos mensuales.

Intel Responder está escrito íntegramente en ESPAÑOL, lo cuál lo hace mucho más sencillo y manejable a la hora de programar los mensajes deseados, sin necesidad de tener que recurrir a los complicados diccionarios de inglés.

Además, cuenta con una extensa ayuda paso a paso en formato PDF y audiovisual para facilitarle el manejo y la configuración del mismo, aunque usted no tenga conocimientos de programación.

El autoresponder inteligente en español Intel Responder es un software creado para cubrir AL COMPLETO sus necesidades a la hora de comunicarse con sus clientes y hacer los seguimientos necesarios en su negocio, facilitando así la fluidez de comunicación con sus clientes y abonados con sólo redactar sus mensajes SÓLO UNA VEZ.

ACCEDE AL AUTORESPONDEDOR INTELIGENTE

¿Se puede hacer una web en menos de 30 minutos?

2009-12-08T10:30:00.001-03:00

La respuesta es sí, SI se puede. Completando este curso, y dedicándole un poco de tu tiempo, podrás armar cualquier página web en menos de 30 minutos

	Aprenderás cómo hacer páginas estáticas y páginas dinámicas para que tus visitantes puedan dejar comentarios
	Tendrás un editor de textos que te permitirá agregar contenidos "frescos" sobre tu empresa y tus productos.
	Tendrás la posibilidad de cambiar el aspecto de tu web de una manera tan sencilla que inclusive podrás hacerlo todos los días.
	Podrás posicionar tu web rápidamente en los buscadores más importantes, como Google, Yahoo, Msn, etc.
	Tendrás acceso a varias estadísticas para identificar de dónde vienen tus visitantes.

Anotate en el CURSO MI WEB en 30 MINUTOS

Desarrollo de Rich Internet Applications con JavaFX

2009-10-28T11:30:00.000-03:00

Desarrollo de Rich Internet Applications con JavaFX

Conferencia sobre JavaFX por Paula Gutiérrez - Campus Ambassador de Sun Microsystems.
Desarrollo de Rich Internet Applications en la Viernes 30 y Sábado 31 de Octubre Aula 15, Edific io Newbery y Rivadavia, UNNOBA Junín La entrada es libre y gratuita, pero debe realizarse previa inscripción obligatoria en http://www.unnoba.edu.ar/sl
Detalles de los expositores, de las charlas, preguntas, consultas en http://www.lugju.com.ar

Aprendiendo HTML, CSS y JavaScript

2009-10-20T08:21:00.001-03:00

HTML: (Clase 1)
- Breve repaso de HTML.
- Estructura de un documento HTML.
- Formateado de texto.
- Links.
- Imagenes.
- Tablas.
- Formularios.

CSS: (Clases 2 y 3)
- Introduccion a CSS.
Proposito. Elementos y atributos. Sintaxis. Palabras reservadas. Propiedades. Etiquetas LINK y STYLE. Comentarios.
Mecanismos de colaboracion HTML-CSS: Propiedades STYLE, ID y CLASS. Etiquetas LINK y STYLE. Selectores: Sintaxis. Tipos de selectores: De atributos, de clase y de ID. Archivos CSS externos.
- Propiedades de texto:
- Colores, fondos y bordes:
- Propiedades de posicionamiento y visibilidad:

JAVASCRIPT: (Clases 4 y 5)
- Rudimentos del lenguaje.
- Mecanismos de colaboracion HTML-JavaScript:
- Etiqueta SCRIPT: Insercion en la pagina. Seleccion del lenguaje y de la version. Uso de archivos externos.
- Escritura de instrucciones, para la regulacion de eventos.
- Instrucciones: Propositos. Secuenciacion.
- Literales: Numeros. Textos. Booleanos.
- Salidas por pantalla: Ventana alert. Metodo document.write.
- Variables: Declaracion. Asignacion de valores.
- Entrada de datos: Ventanas prompt y confirm.
- Operadores y expresiones.
- Estructuras de decision y de repeticion: if. switch. for. while.
- Funciones internas

El Club de Programadores- Asociacion Civil, invita a participar del curso 'Aprendiendo HTML, CSS y JavaScript' que se dictara los dias Miercoles de 18.30 a 21.30 hs. a partir del 28 de Octubre de 2009, en Auditorio Congreso, Entre Rios 166

Diseño Web

2009-08-29T19:12:00.001-03:00

Preguntas sobre Diseño Web

2009-06-21T17:54:00.000-03:00

Curso 'Dreamweaver CS3 desde 0 con RSS y Spry

2009-05-08T19:59:00.000-03:00

Curso 'Dreamweaver CS3 desde 0 con RSS y Spry'
los dias Martes de 18.30 a 21.30 hs. a partir del 12 de Mayo de 2009, en Laboratorio Congreso, Entre Rios 166

Al finalizar el curso, el alumno debera ser capaz de planificar, disenar graficamente y desarrollar sitios Web comerciales, aplicando RSS que son archivos que contienen informacion de una pagina Web con las ultimas actualizaciones que se han hecho en ella, tambien aprendera a incluir elementos dinamicos en las paginas HTML. Por ejemplo se pueden incluir acordeones, barras de menus, validacion de formularios, acceso a datos XML, etc.

Requisitos: No es necesario que se posea ningun conocimiento especifico previo del tema.Ç

1- Temario a desarrollar

.. Conceptos basicos de Dreamweaver
o Que es Dreamweaver
o HTML basico
o Novedades de Dreamweaver CS3
o Editar paginas Web
o Como tener una pagina en Internet
o Arrancar y cerrar Dreamweaver
o Abrir y guardar documentos
o Mi primera pagina

.. El entorno de trabajo
o La pantalla inicial
o Las barras
o Los paneles e inspectores
o Personalizar el area de trabajo
o Vistas de un documento

.. Configuracion de un sitio local
o Introduccion
o Crear o editar un sitio Web sin conexion a Internet
o Vistas del sitio
o Subir archivos al servidor
o Comprobar tamano para optimizar la carga
o Propiedades del documento
o Los colores

.. El texto
o Caracteristicas del texto
o Listas
o Caracteres especiales
o Estilos CSS. Introduccion

.. Hiperenlaces
o Introduccion
o Tipos de enlaces
o Crear enlaces
o Personalizar nuevos enlaces
o Destino del enlace
o Formato del enlace
o Enlace a correo electronico
o Vinculos rotos

.. Imagenes
o Introduccion
o Tipos de imagenes para una Web
o Insertar una imagen
o Cambiar el tamano de una imagen
o Mapas de imagen
o Imagen de sustitucion. Rollover
o Botones Flash
o Texto Flash
o Barra de navegacion

.. Tablas
o Introduccion
o Insertar una tabla
o Rellenar las celdas
o Seleccionar elementos de una tabla
o Formato de tabla
o Cambiar tamano de tabla y celdas
o Anadir y eliminar filas y columnas
o Anidar, dividir y combinar celdas
o Modos de tabla
o Adaptar Webs a distintas resoluciones

.. Formularios
o Introduccion
o Elementos de formulario
o Crear formularios
o Validar formularios

.. Multimedia
o Peliculas Flash
o Sonido
o Videos

.. Las plantillas
o Introduccion
o Crear plantillas
o Establecer regiones editables en una plantilla
o Basar paginas en una plantilla

.. Otros elementos
o Marquesinas
o Fecha
o Regla horizontal
o Codigo de otras paginas

.. Capas
o Introduccion
o Insertar una capa
o Formato de una capa

.. Comportamientos
o Introduccion
o Insertar un comportamiento
o Mostrar-Ocultar capas

.. Comportamientos Avanzados
o Mensajes Emergentes
o Texto de la Barra de Estado
o Carga Previa de Imagenes
o Abrir una Ventana del Navegador
o Comprobar Navegador
o Comprobar Plug-ins
o Menus de Salto
o Menus Emergentes

.. Sitios Remotos
o Configurar un Sitio Remoto
o El Panel Archivos

.. XML y RSS
o Introduccion
o Importar datos de un Archivo Externo
o Trabajar con elementos XML
o Crear Repeticiones
o Ordenar elementos
o Sentencias condicionales
o Insertar un fragmento XSLT
o Paso de parametros

.. Acceso a datos con Spry
o Introduccion
o Conjunto de datos XML
o Crear una Region de Spry
o Repeticion de Elementos
o Listas de Repeticion
o Tablas de Datos
o Mostrar Maestro/Detalle

.. Spry y Formularios
o Introduccion
o Validacion de Campos de Texto
o Estados de Validacion
o Validacion de Campos Desplegables
o Casillas de Verificacion
o Areas de Texto

.. Controles Spry Avanzados
o Introduccion
o Barra de menus
o Navegacion por Fichas
o Control Acordeon
o Panel con Contraccion
o Cambiar Estilos CSS

Programación de páginas WEB dinámicas desde cero con PHP

2009-05-07T10:48:00.000-03:00

Curso Club de Programadores

Programación de páginas WEB dinámicas desde cero con PHP
Horario: Martes de 18.30 a 21.30 hs.
Docente: Sergio Rodriguez
Comienzo: 26-05-2009
Lugar: Laboratorio Congreso
Arancel: 720.00
Horas: 24 horas, en ocho clases de tres hs.
Inscripción : por mail a clubdeprogramadores@fibertel.com.ar o por TE al 4383-2056

TUTORIALES: DreamWeaver curso pagina web videotutoriales.es

2009-03-06T14:22:00.000-02:00

TUTORIALES: DreamWeaver curso pagina web videotutoriales.es

Adobe AIR 1.5

2009-01-12T00:11:00.000-02:00

Adobe AIR 1.5 es un componente clave de la Plataforma Adobe Flash, que permite que los desarrolladores Web usen HTML, JavaScript, ActionScript y el marco de trabajo de fuente abierta Flex para entregar aplicaciones web fuera del explorador.

La plataforma para desarrollo de aplicaciones de Adobe también cuenta con funcionalidades incluidas en Adobe Flash Player 10, como soporte para filtros y efectos personalizados, transformación y animación 3D nativa y diagramación de texto rico extensible.

Además, Adobe AIR 1.5 incorpora el motor de fuente abierta WebKit HTML, acelera el funcionamiento de la aplicación con “SquirrelFish”, el nuevo intérprete de WebKit JavaScript, e integra una base de datos encriptada que cumple con los requisitos de seguridad empresarial al tiempo que almacena datos de manera más segura en las computadoras de los clientes.

Adobe Dreamweaver CS4

2009-01-10T20:28:00.002-02:00

Adobe presento el nuevo Dreamweaver CS4
Segun la venta de Adobe:
"Cree sitios Web y aplicaciones de gran calidad y difusión con una de las herramientas de creación Web líderes del sector. El software Adobe® Dreamweaver® CS4 es ideal para diseñadores y desarrolladores Web, así como para diseñadores gráficos."

Los cambios tienen carácter inmediato
La formación en línea facilita el cambio
La edición de páginas Web es rápida y sencilla

Algunas preguntas

Algunos Tutoriales de Adobe, Dreamweaver y Macromedia

Espectacular Curso Dreamweaver Cs3 Totalmente En Espa�ol

Precio: $35.00

Modelo de CAJA en CSS

2008-12-07T09:56:00.000-02:00

Contenidos: Es lo que esta adrento de un elementoa HTML
Padding: Lo que esta entre el contenido y el borde tambien llamado relleno
Borde:Lo que rodea al contenido y al relleno.
Margen: lo que separa esta caja de las caja adyacentes.

El padding y el margen son transparentes

Herencia en el Modelo de Caja

Analisis del Sitio Singular Kitchen

2008-11-26T16:58:00.004-02:00

Por medio del Portal zync, se me ofrecio la posibilidad de realizar un pequeño analisis en el campo del diseño web, al sitio Singular Kitchen. Primeramente resaltare los puntos a favor en el diseño del mismo.

Al analizar el sitio, se noto una gran esfuerzo en la interaccion con el usuario. animacion usando video y sonido para comunicar opiniones, incluso la opcion de diseñar la propia cocina son puntos muy a favor, porque permiten al usuario sentirse comodo.

Tambien, permiten, usando google maps, encontrar cual es el centro Singular mas cercano al domicilio del cliente. Es mas, añadiendo los productos utiles para cocinar, como son los electrodomesticos, permiten a la persona sentir que obtendra no solo fisicamente la cocina, sino que tendra todo el paquete completo, sin pasar la molestia de buscarlo en otro sitio.

Ahora bien, hay ciertos detalles que resultan un tanto incomodos para navegar en este sitio.

Colores: Se utiliza demasiado los colores blanco y negro. La idea que evoca una cocina, es un lugar donde se preparan los alimentos, un lugar calido y agradable, tanto para cocinar o incluso para conversar.m Es muy conocido que el realizar actividades de cocina juntos impulsa la comunicacion entre los participantes. Los colores pasteles, con ms brillo y no tanto contraste serian mas recomendables de utilizar. Si la persona se siente calida en su sitio, no dudara en quedarse mas tiempo y asi crear una mejor posibilidad de Compra.

Personajes: La opcion de darles un dialogo a diferentes clases de personas, es una idea muy buena. Pero tiene que saber usarse a discresion. En la pagina principal, el negro del fondo se confunde con la ropa de las personas, y el movimiento autonomo de las personas, da una sensacion un tanto tetrica de la pagina. Recomendaria cambiar el vestuario, o en su defecto, cambiar el fondo, para que el sitio se vea mucho mas acogedor.

Navegacion: Existen problemas al intentar navegar en el sitio. Algunas aplicaciones consumen demasiado ancho de banda, y resultar ser muy lentas. Por ejemplo, en el diseño de la cocina, el proceso de insertar los componentes demora demasiado tiempo. Seria bueno optimizar los procesos dentro del sitio.

Videos: Seria bueno usar otro tipo de reproductos de video, como por ejemplo. uno que utilizo con mucha frecuencia es este mediabox. Recomiendo el uso del mismo porque concentra la atencion enteramente en el video, y procesa el video mucho mas rapido

Para cierto tipo de paginas, lo escencial es mantener un enfoque minimalista, es decir, mientras menos opciones tenga el usuario a elegir, mas comodo se sentira en el sitio. El menu superior e inferior realizan bien su cometido, pero en el procedimiento de Compra, el mas importante de todos, el esquema de pasos con mucha informacion resulta ineficiente, y cansino. Recomendaria utilizar un video explicativo el cual permitiria a la persona enfocarse en el mismo y evitar la lectura, que a fin de cuentas es a lo que ya estamos acostumbrados.

en resumen, considero al sitio muy funcional, con ciertos detalles a cambiar, pero sin ser necesariamente grandes ni imposibles de realizar.

45 Reglas para el diseño de un Logo

2008-10-07T14:55:00.001-03:00

He aqui 45 de las reglas mas comunes para el diseño de un logo, algo que es muy comun para todo diseñador web. Aqui las exponemos:

1. No use más de tres colores.
2. Deshazte de todo lo que no es absolutamente necesario.
3. Tipo debe ser lo suficientemente fácil para su abuela a leer.
4. El logotipo debe ser reconocible.
5. Crear una única forma o el diseño para el logotipo.
6. Ignorar totalmente lo que sus padres y / o cónyuge pensar en el diseño.
7. Confirme que el logo se ve atractivo a más de tres (3) personas.
8. No combine elementos de logotipos y populares afirman que como obra original.
9. No utilice imágenes prediseñadas bajo ninguna circunstancia.
10. El logotipo debe lucir bien en blanco y negro.
11. Asegúrese de que el logotipo es reconocible cuando invertido.
12. Asegúrese de que el logotipo es reconocible cuando el tamaño.
13. Si el logotipo contiene un icono o símbolo, así como el texto, el lugar cada fin de que se complementan entre sí.
14. Evite recientes tendencias de diseño del logotipo. En cambio, que busque el logotipo atemporal.
15. No usar efectos especiales (incluyendo, pero no limitado a: los gradientes, sombras, reflexiones, y ráfagas de luz).
16. Ajustar el logotipo en un diseño cuadrado, si es posible, evite los diseños oscuros.
17. Evite detalles intrincados.
18. Considere la posibilidad de los diferentes lugares y formas que el logotipo se presentará.
19. Invocar sentimientos de ser audaz y confiado, nunca aburrida y débil.
20. Darse cuenta de que usted no va a crear un logotipo perfecto.
21. Use las líneas de negocios fuerte, suave para el buen líneas de negocios.
22. El logotipo debe tener alguna relación con lo que representa.
23. Una foto no tiene un logotipo.
24. Usted debe sorprender clientes con la presentación.
25. No utilice más de dos fuentes.
26. Cada elemento del logotipo debe ser alineados. Izquierda, centro, derecha, arriba, o abajo.
27. El logotipo debe ser sólida, con elementos no rastrero.
28. Saber quién va a estar buscando en el logotipo antes de pensar en ideas para ello.
29. Siempre elige la función de innovación.
30. Si el nombre de marca es memorable, el nombre de marca debe ser el logo.
31. El logotipo debe ser reconocible cuando se refleja.
32. Incluso las grandes empresas requieren una pequeña logotipos.
33. Todo el mundo debería al igual que el diseño del logotipo, no sólo las empresas que la utilizan.
34. Crear variaciones. El más variaciones, más probabilidades hay de hacerlo bien.
35. El logotipo debe mirar coherente a través de múltiples plataformas.
36. El logotipo debe ser fácil de describir.
37. No utilice taglines en el logotipo.
38. Esbozar ideas usando lápiz y papel antes de trabajar en un equipo.
39. Mantenga el diseño simple.
40. No utilice ninguna "swoosh" o "mundo" los símbolos.
41. El logotipo no debe distraer la atención.
42. Debe ser honesto en su representación.
43. El logotipo debe ser equilibrado visualmente.
44. Evite luminoso de neón, colores y oscuridad, colores mate.
45. El logotipo no debe romper ninguna de las normas anteriormente mencionadas.

Las 7 tecnicas y elementos mas usados en el Diseño Web

2008-10-02T10:37:00.004-03:00

Es todo diseño busca el mismo a usted? ¿Está usted de diseño gráfico siguientes tendencias subconscientemente?

Estas son dos preguntas para reflexionar en los próximos seis semanas en esta serie de seis que muestra la mayoría de las técnicas en exceso, los efectos, iconos, formas, conceptos, fuentes, imágenes y clichés utilizados en el diseño de hoy.

Rayos de Sol/ Rayos de Luz

Con mucho, la mayoría abusa de la técnica utilizada en el diseño de hoy es el infame rayos de luz por lo general se encuentra escondido en el fondo de un diseño o en la propia vanguardia del diseño, como en la imagen de arriba.

Siluetas negras o de colores

Las siluetas de personas y otros objetos esta segundo en la lista. Hizo famoso por la campaña iPod esta técnica puede ahora ser visto en todo el mundo.

Manchas de Tinta

Muy contendientes con el número 4, están en todas partes. Esto hace añadir un fresco de moda de mirar hacia un diseño y mezcla bien con diseños de estilo grunge Sin embargo debe utilizarse con moderacion

Remolinos/Flores/Ornamentos

Remolinos parecen estar de moda en el momento en que son muy atractivos y, en general, sólo agradable de ver. Florece y adornos ir bien juntos para crear orgánicos, frescos diseños, que es bastante en este momento.

Lineas de flujo

Líneas fluidas en general, añadir movimiento y fluidez a un diseño que le da una cierta emoción cuando se combina con otros elementos que, generalmente, es la razón por la que aparece tan a menudo.

Circulos

Circulos de colores son evidente en numerosos diseños a través de la web y como el nombre sugiere que da un diseño un aspecto muy "funky" que sin embargo están siendo utilizados en todo el mundo!

Humo como textura

Estos efectos de humo no son tan evidente como los demás, ya que siempre están en el fondo de un diseño sin embargo, si usted busca un poco más, estos efectos son de humo en todas partes.

Como darle a su Web el diseño 2.0: 3ra parte

2008-09-30T14:04:00.000-03:00

Sans Serif (Arial, Helvetica, ...)

Es que el particular estilo de fuente que ha sido en torno a las edades de ahora. Recuerdo un momento en que era absolutamente y "Nerdy" Arial a utilizar para cualquier cosa que usted escribió. Simplemente porque geeks intentó separar a sí mismos a partir de la cada día los usuarios procesador de textos, que fueron la elección de Arial, ya que la mayoría de fácil lectura, además de Times New Roman. Y ahora, wohoo, los principales regresar. Literalmente Arial (y Helvetica, y similares ...) se ha convertido en una norma de simple, pero de gran apariencia de diseño web. Font-size 8 a 10 es un fresco que hay que hacer recientemente. Ahora estamos hablando de tamaños de 14 y hasta. No es broma. Si alguien me pidió el diseño de una página web para que los visitantes afectada lo más probable es que creó un sitio web 2.0Culture. A pesar de que no era muy popular a ceñirse a "una navegación fácil y legible el contenido" en los últimos días, las cosas han cambiado gran momento por el día de hoy. No más font-size 8 100% Flash - Por favor, espere mientras pre-carga del 1% - los sitios web. Me congratulo de ello. Webdesign tiende a ser fácil con este enfoque. Suponiendo CSS3 es realmente van a hacer las cosas más fáciles, por supuesto. No se olvide de marcar todo el contenido con los términos como "partidas", "listas", "links", los "apartados". Más información sobre la que entonces más abajo. Sólo un rápido resumen de esta norma Arial:

* Use una base de tamaño de la fuente de su sitio web. Y hacer todas las otras fuentes con respecto a que uno (por ejemplo, font-size: 115%). Esto permite a los usuarios obtener Foxy con su rueda del ratón para girar a través de los tamaños de fuente -, mientras que su sitio web todavía ve bien.

* Siempre definir su fuente ajustes pertinentes dentro de un archivo CSS.

* Como de costumbre: una fuente PER página web está totalmente bien, confiar en mí.

* Nunca use más de 3 diferentes tamaños de fuente.

Pastell v2.0

Esto ha sido muy conocido por un largo tiempo. La única además de que es una combinación de colores pastell con 100% verde, azul o rojo. Mantenga su sitio web los antecedentes y elementos de la interfaz en gris, blanco o muy pastell colores de la luz. Y ahora, usted podría ser capaz de utilizar un 100% Verde barra de encabezado. O (por favor, note la O, Y no) uso de un rojo de navegación con enlaces blanco. Seguir adelante y hacer la descarga vínculos cielo azul. Va a la regla. Pero de nuevo, mire a su alrededor y obtener una primera impresión sobre cómo se ve en este 2.0Culturals profesional. Esto debería obtener su comenzado bastante rápido. Simplemente no exagerar, que es la razón por la que debería realmente cuenta de la "O". Creo que encontrará su camino a través.

Se ha convertido en uno que debe tener. Pies de página. La mayoría de los usuarios ni siquiera se percaten. Puede que nunca han hecho clic en uno también. Pero todavía, que necesitan estar allí para hacer un sitio web profesional buscar. Sin ellos, todo el mundo da por supuesto que se ejecute un sitio web personal. Creer o no, pruebe y vea usted mismo. Oh sí, y por favor, no pensar nunca de hacer de su pie de página se adhieren a la parte inferior de la pantalla, totalmente impresionan comportarse de desplazamiento. Eso es un no no. Eso es demasiado geek, me temo. Hay dos grandes tipos de pies de página, tiene que decidir usted mismo, que uno es más adecuado para su particular diseño. He preparado dos enlaces con los dos grandes implementaciones para usted:

Botones

Dentro de los principales tendencia de pasar de un ordenador en casa interfaz de aplicación a todo el mundo acogió una aplicación basada en web, el diseño, también se encuentra el origen de los recientes avistamientos de botón-como elementos de navegación. No, no estoy hablando de aquellos-ir al infierno-applet Java botones. Brrr, congelación. Estoy hablando de "botones de imagen". O bien redondeadas o estrictamente en forma de rectángulo. Y en su mayor parte bastante grandes también. El número uno de utilización de estos botones es el deber-tener: botón Descargar. Cuando se utiliza en la navegación por el sitio, los botones parecen ser un poco menor. Y no se olvide de utilizar Arial para subtítulos, te lo dije.

Prueba de concepto:
Font-size: Tarjetones

MHM. Derecho. Enorme fuentes. A no no no en los días de héroes y Frontpage libre webspace aficionados a la "Mira mamá, tengo un sitio web!". Pero los tiempos cambian. Johnny Cash está muerto y las grandes fuentes están de vuelta. Deseo que era el revés, pero vamos a conseguir nosotros mismos actualizado a 2.0 y aceptar fuentes de gran tamaño. No gran cosa con ello, simplemente recordar a establecer todos los ajustes de su fuente, dentro de su archivo CSS y definir una base de la fuente y el tamaño, mientras que utilizando tamaños relativos después de eso. Eso es procedimiento común. Si usted es totalmente incómodo con eso, me podría usted a punto de un 2.0Culture compatible el trabajo en torno a:

* Use las grandes partidas, los hacen destacar
* Use mediano sub-rúbricas como un fundido de las grandes líneas de contenido a la normalidad.
* Use el contenido de tamaño normal.
* Evite largo bloques de texto a continuación, esto es crucial.
* Trate de separar su contenido en cajas medianas

Véase aquí: http://clipmarks.com/ o http://www.banshee-project.org/Main_Page

Descriptivo HTML (estilo XML)

Por último, pero nunca menos - aburrido normas. Parar! No esta vez. Esto es un debe debe debe. Deje a cabo y permitir a su sitio web se ahogan en el navegador de compatibilidad de las guerras. Odio el término, pero es más apropiado aquí: KISS. Sí, le mantenga pequeño y simple. Si intenta obtener uno de los muy, muy antiguo diseño de la web los libros, la enseñanza sobre cómo aplicar "a href" y los párrafos, listas, títulos - que tomar en serio. Recuerdo cuando leí a través de esos artículos en ese entonces, pensando que este podría ser ok para "profesor de la Universidad de diseño de la web", pero no para enfriar - Soy un geek - cuestiones de diseño. ¿Cómo me fue mal. Retro estilo está caliente de nuevo. No porque se ve bien, pero mucho más porque es perfectamente descriptiva. Ok, a fin de comprender esto, puede que tenga que han hecho algunos primeros pasos en XML para obtener una idea. Como Jeff Bezos puso recientemente: Web 2.0 está haciendo la web más legible para ordenadores. Esa es la razón real detrás. Examen de las APIs de su sitio web tienen que ser conectados a que enfoque descriptivo. Imagínense que estaba usando una Web 2.0, mientras que la API de tener que ajustar su diseño global a ese contenido. Uhw, feo. Simple contenido Web 2.0 sea hecha de las listas, párrafos, secciones (muy importante) y no a javascript enlaces. Muy simple, no es la misma. Otro beneficio de utilizar este enfoque es una mejor integración en los motores de búsqueda. Echa un vistazo a los foros SEO y encontrarás la verdad. Google ama a los sitios web básicos. Usted es un héroe de Google si su sitio web comienza con una simple H1-como las partidas. Pruebe usted mismo. No exagere con los cuadros o similares. El plan debe ser sencillo, si usted quiere tener 2.0Culture.

Como darle a su web un diseño 2.0: 2da parte

2008-09-25T14:01:00.000-03:00

Formas redondeadas

Ok, este tipo de break-aburrido-html-normas tendencia parece que tienen bastante deber-tiene hoy en día. Francamente, yo también prefiero formas redondeadas más apretado rectángulos. Mismo con las mujeres, supongo. Sin embargo, algunos proveedores de 2.0Culture todavía no atenerse a los planes de diseño de rectángulo. No hay problema en absoluto, echar un vistazo a writeboard.com - su editor es una interfaz rectangled. Así como de Niza. Para intentar una "psicológica" para esta diferencia, podría señalar estos hechos:

* Cifras redondeadas formas de mirar más inventiva, más joven, flexible y experimental
* Rectángulos impresionar a hacer con profesionalidad, gran empresa, digna de confianza

Por lo tanto, esta es mi interpretación personal. Llamas bienvenida. Sin embargo, tómate tu tiempo y pensar en usted mismo. Echa un vistazo a algunos diseños diferentes y hacer que su decisión sobre lo que está sucediendo "dentro de ti mismo" mientras mira a ellos. Supongo que una decente interconexión entre profesionalidad y una brisa fresca de los jóvenes de la actividad inventiva Área de la Bahía de setas podría ser nuestro perfecto para este proyecto. ¿Cómo lograr eso? Simple: Combine. Tenemos 2 soluciones:

* Use un contenedor rectangled sitio web y formas redondeadas para la interfaz, como cajas de divs de contenido y navegación.

* Use una forma redondeada sitio web de contenedores y mantener el contenido y la navegación divs muy recto.

Todo depende de lo que usted prefiere para su proyecto. Yo de hecho como ambos. Aunque tengo que decir que utilizando el segundo enfoque podría ser un poco más fácil de aplicar para la media diseñador de la tela. Usted puede hacer un simple diseño de Photoshop para ese fin. Usted puede tomar unos 15 minutos para hacerlo. Para ser honesto, creo que la tendencia va hacia un no limita sitio web incluyendo un montón de formas redondeadas (que es el primer enfoque entonces). Así que prepárate para el paso a una velocidad superior y cavar un poco más guías CSS.

Por lo tanto, conseguir un café o té y abrir los libros virtuales. Esto puede tener que unos 30 minutos a una hora si eres nuevo en esto. Pero vale la pena el esfuerzo. Piense en la compatibilidad del navegador, es un duro.

Tonos

No exagere con matices, pero pensar en su utilización. No es evidente para un diseñador de páginas web a pensar de ellos, pero los usuarios se sienten la diferencia que tengan en torno a ellos en un sitio web. No trata de hacer un diseño 3D, pero empujando más información acerca de la llanura, plana cajas diseñadas en una nueva dimensión visual de recognizeability (esta es una palabra?). Generalmente se utiliza como un buen telón de fondo de una partida o principio contenido en torno a las cajas

Como darle a su Web el diseño 2.0: 1ra parte

2008-09-23T13:49:00.002-03:00

Cuando hablamos de la Web2.0/Ajax - no estoy hablando de la tecnología en sí. Al parecer no fui capaz de encontrar un término adecuado para que el muy popular plan de diseño que aparecen muy a menudo últimamente en TechCrunch entradas o comentarios similares. Es debido al hecho de que la mayoría de estas "aplicaciones web" están usando la tecnología Ajax y beneficiarse de la interconexión de servicios web (Web 2.0) - a fin de que la razón por la que tienden a llamar "Web2.0/Ajax". Creo que lo nombre "2.0Culture".

Con el fin de obtener atención a su flamante 2.0Culture respaldado sitio web, usted necesita traer algo decente "actualizada" de diseño de la misma. No, no estoy hablando de CSS en lugar de cuadros o similares. Estoy hablando de la simplicidad combinada con grandes fuentes, shaders brillante y muy, muy extraño nombres de marca. A pesar de que lo que tiene que hacer su tarea de aprendizaje acerca de las etiquetas, las nubes y mucho más pegadiza de estas palabras - aún puede ser un gran "nueva ola" de diseño - sin ser un pro 2.0Culture tecnología geek.

En primer lugar, consulte los siguientes sitios para una visión general básica. Trate de identificar las principales similitudes entre los distintos conceptos. Todos ellos parecen de origen desde el mismo desarrollador. Aunque no hay directriz (con excepción de uno esta aquí, wooho!) . Mire aquí:

https://gtalkr.com/
http://www.flock.com/
http://instantdomainsearch.com/
http://www.silverorange.com/
http://www.read.io/
http://www.noodly.com/
http://instantdomainsearch.com/

Como usted puede notar, estos diseños son bastante similares. Esto es sólo un pequeño extracto y vamos a poner una especial atención a este tipo de diseño para este artículo. Hay millones de otros sitios, buscando totalmente sin dejar de ser reconocido como un "eh, esto parece como 2.0Culture" de diseño. Si desea obtener más información sobre la tecnología detrás de él, utilice nuestro amigo, Google.
Esto debe hacer:

* Formas redondeadas
* Tonos
* Sans Serif
* Pastell v2.0
* Pies de página
* Botones
* Font-size: Tarjetones
* Descriptoras HTML (estilo XML)

Grandes NO:

* Applets de Java (Script está bien aunque)
* Gifs animados (la más blinky)
* 100% Flash Sitio web
* Visible tablas

Como arruinar un buen diseño: la curva de aprendizaje aplicada al diseño

2008-08-13T23:55:00.002-03:00

Como diseñador web profesional que he notado una tendencia en la mayoría de los proyectos que he trabajado en: El que más tiempo se dedica a analizar y criticar un diseño incorrecto de los tipos de personas que lo peor que le da el diseño. La misma tendencia se aplica al número de personas involucradas en el proceso de diseño.

Grupo de inteligencia es multiplicativo idiotas cuando están involucrados - la combinación de una media de ingenio con otro medio de ingenio no da lugar a una completa ingenioso persona, esto resulta en un cuarto de ingenioso persona (1 / 2 x 1 / 2 = 1 / 4) . La combinación de un completo ingenioso individuo con una media de ingenio sólo se obtiene un medio de ingenio. Los más de estos "mal tipo de personas" que han participado en el proceso, las cosas se ponen peor.

He creado dos gráficos para ayudar a ilustrar esta tendencia.

Calidad vs Tiempo

Calidad vs Críticos al diseño

Por "el tipo equivocado de la gente", me refiero a:

* Aquellos que nunca han diseñado algo visual (web, impresión, o de otro tipo)
* Aquellos que piensan que las tendencias del 1996 son todavía en onda.
* Directivos, ejecutivos, etc que no tienen experiencia en diseño pero da igual pra ellos, porque tienen dirección creativa simplement. Estos clientes suelen asumir la mayor parte del tiempo aúnque termiean teniendo los peores sitios web

Por lo tanto, cuales son los tipos apropiados de personas?

* Cualquier persona con un gran ojo para el diseño, no importa cual sea su título de trabajo
* Utilidad de expertos que ofrecen asesoramiento que tiene experiencia real detrás de él
* Aquellos que realizar una crítica constructiva. Mi ejemplo favorito de los mal tipo de crítica es cuando alguien dice "no se siente con derecho a."
* Los que entenienden que lo contrataron para crear algo grande. Ellos podrán entender mejor su negocio, pero en última instancia, que han dejado su confianza con usted para entregar una calidad de diseño.

Pero el gasto mayor en él significa que obtendrá mejor, ¿verdad? No necesariamente. Gracias a esto nacio nuevo término nació: DISEÑADOR-ITIS (se pronuncia como la meningitis). "Designer-ITIS" es mi nombre de la enfermedad que sufren los diseñadores de los casos en que hayan sido mirando a algo de forma, manera demasiado tiempo. Que unas pocas personas reflexionar sobre su diseño para un par de horas y ver que se extendió como el ébola.

10 CSS Tips de un profesional Front-End Architect : Segunda Entrega

2008-08-12T22:48:00.002-03:00

6. Use la regla @import para organizar tus CSS.

No sólo la regla de importación @ ahorrarle de un efecto indeseado de la herencia con navegadores, como IE4, IE5 y MAC Netscape 4 (algunos todavía existen!) Es más fácil de mantener. Puesto que usted cuidadosamente organizado su documento que no se avergüenza de su estilo-de marcas.

7. La organización ayuda a su CSS con los futuros de mantenimiento del sitio.

Comience con un maestro de hojas de estilo. Dentro de esta hoja de estilo importar sus reset.css, global.css, flash.css (si es necesario) y structure.css y, en ocasiones, una tipografía de hojas de estilo.

Aquí está un ejemplo de un "maestro" de hojas de estilo y la forma en que está incrustado en el documento:

* @ Import url ( "reset.css");
* @ Import url ( "global.css");
* @ Import url ( "flash.css");
* @ Import url ( "structure.css");

Uno de los aspectos de diseño web que ofende a los diseñadores es la falta de tipografías que se consideran seguras para su uso. Si bien es cierto que sólo hay un puñado de fuentes web seguras, tenemos a nuestra disposición muchas que pueden llegar a ser muy poderosas. Por sobre esto, el código CSS nos ofrece algo llamado cascada de familias tipográficas(font stack).

Las cascadas de familias tipográficas te dan libertad.

Quieres utilizar Gill Sans?, úsala entonces. La cascadas de familias tipográficas son listas de prioridades tipográficas, que son definidas en el atributo “font-family” del CSS, el cual proporciona la información para que el navegador busque dentro de las opciones que les damos y que además estén instaladas en el sistema. Esto significa que puedes utilizar Gill Sans, y si los usuarios no la tienen, puedes darles la opción de un sustituto adecuado que no opacará su experiencia de uso. Como Richard Rutter ya ha ilustrado, hay toda una gama de tipografías que pueden ser utilizadas para servir las necesidades de diseño.

Lamentablemente no se está utilizando este atributo a toda su capacida, tanto en prácticas comunes de diseño web o en tecnologías asociadas al desarrollo de sitios. Hay una clara desconsideración en el proceso de creación de estas cascadas. Por ejemplo, Dreamweaver nos entrega estas opciones:

Arial, Helvetica, sans-serif
Courier New, Courier, monospace
Times New Roman, Times, serif
Georgia, Times New Roman, Times, serif
Verdana, Arial, Helvetica, sans-serif
Geneva, Arial, Helvetica, sans-serif

Como pueden ver no hay muchas posibilidades y las tipos sustitutas no son las más adecuadas. Este es un ejemplo de cómo la carencia de normas tipográficas en la web están dando lugar a una toma de decisiones que encaminan hacia un mal diseño. Para que vamos a especular en cuanto a quién es el culpable de que la tipografía en la web deje mucho que desear, ya que hay tantos culpables como infracciones. Diré, no obstante, que las cascadas de familias tipográficas son, en definitiva, factores de diseño y deberían ser analizadas como tal.

Todo queda en la familia

Cuando se crea una cascada tipográfica, en primer lugar hay que considerar el contexto del texto. ¿Elegiremos una tipografía para título, sub-título, párrafos ó textos extensos? Estas posibilidades determinarán el orden que debemos seguir. Sabemos que ciertas tipos funcionan mejor para títulos y encabezados y otras para textos extensos. Por ejemplo, Helvetica trabaja bien en pantalla cuando el texto esta en tamaños grandes, mientras que Helvetica Neue, debido a que es un poco más ancha, se lee mejor en tamaños más pequeños en pantalla. Arial también se ve mejor que Helvetica en tamaños pequeños. Por lo tanto, la cascada tipográfica para Helvetica puede ser diferente dependiendo de si se utiliza para textos extensos o títulos de página.

Teniendo en cuenta el contexto, hay un par de cosas más que considerar cuando creamos la cascada. En primer lugar, seleccionar la tipo ideal. Desde ahí, el camino que debemos seguir siempre será en función del contexto.
En el proximo post hablaremos mas sobre la tipografia de los titulos, los párrafos, y la estructura general de un correcto uso del CSS.

Pseudoclases Enlaces

2008-06-23T00:29:00.002-03:00

El standar de las hoojas de estilo CSS definen cuatro llamadas pseudo-clases para aplicar estilos avanzados en los enlaces de una pagina
Las pseudo-clases aplican diferentes estilos a un mismo enlace en función de su estado:

link: enlace no visitado.
visited: enlace visitados
hover: enlace en el que se pasa el puntero del ratón por encima
active: enlace activo

Funciones en JAVASCRIPT

2008-06-13T18:01:00.000-03:00

Las funciones en caulquier lenguaje permiten no epetir codigo.
Por ejemplo si queremos realizar una suma varias veces.

El codigo javascript de la SUMA seria

function suma(a,b) {
  resultado = a + b;
  alert("El resultado es " + resultado);
}

Para llamra a la funcion se adjudicaran las 2 variables y luego se llamran a la funcion por los parametros
var a=10;
var b= 5;
suma(a,b);

Si se quisiera en lugar de abrir una ventana devolver un dato, se utiliza la palabra clave return.

function suma(a,b) {
  resultado = a + b;
  retun resultado;
}

En este caso al llamarlo se adjudicaria el resultado a una variable

var a=10;
var b= 5;
var suma2numeros=suma(a,b);

Variables booleanas en JAVASCRIPT

2008-06-12T15:09:00.000-03:00

El tipo logico de datos conocido habitualmente como dato Booleano, o boolean toma dos valores true o false

EL uso en JAVASCRIPT es similar a otros tipos de datos.

var ok=true;
var confimation=false;

El operador de negacion ! devuelve el estado opuesto al valor de una varible

Por ejemplo: !ok --> false

Sentencias de Escape en Javascript

2008-06-11T15:05:00.000-03:00

Sentencias de Escape en Javascript.

Las sentencias de escape se utilzar cuando se quieren incluir dentro de un String o cadena de tetxo, otras comillas, o un salto de linea,...
Las utilizadas en JAVASCRIPT son:

Salto de linea \n
Tabulador \t
Comilla simple \'
Comilla doble \"
Varra inclinada \\

Ejemplo:
var b= "El paysado me dijo:\"Hola\" y se fue ";

Programacion Basica Javascrip: Variables

2008-06-10T14:58:00.000-03:00

Programacion Basica Javascrip: Variables

Las variables en javascript se crean utilizando la palabra reservada var

Por ejemplo:
var a;
var b;

Luego se le puede dar un valor

a= "Hola";
b= 15;

pero tambien se pueden crear e inicializar en la misma sentencia por ejemplo

var a= "Hola"
var b= 15;

JAVASCRIPT tambien permite usar variables sin declarar (el sistema la declaro internamente como globales)
Por ejemplo:

suma= 10 + b;

IMPORTANTE: El nombre de las variables no pueden empezar con numero

Sintaxis de Javascript

2008-06-09T16:43:00.000-03:00

La Sintaxis de Javascript provieene del lenguaje C.
Y es similar a la usada tambien en JAVA:

Es Case sensitive: O sea distingue mayusculas de minusculas. Ej: No es lo mismo la variable HOLA que la variable hola
No es obligatorio declarar el TIPO de las variables
Los comentarios de una sola linea se escriben con // y los multilinea se encierran con /* */
Javascrip no considera los espacios en blanco al igual que HTML, aunque la practica para una mejor comprension se sugiere colocar una sentencia por linea, indentar el codigo y todo aquello que ayude a la compresion.

JAVASCRIPT en un archivo externo

2008-06-08T16:33:00.000-03:00

Una de las maneras mas comunes de incluir JAVASCRIPT es en un archivo externo

Se coloca en el HEAD

<_script type="text/javascript" src="micodigo.js"><_/script>

Donde en el archivo micodigo.js se encuentra el Codigo JAVASCRIPT

La ventaja de este metodo sobre el incluir en codigo mismo de la pagina es el mantenimiento.
Si uno cuenta con muchas paginas, solo es necesario la modificacion de un solo archivo

JAVASCRIPT en un documento HTML

2008-06-07T16:28:00.000-03:00

Una de las formas de incluir lenguaje JAVASCRIPT es el mismo documento entre
las etiquetas
<_script> <_/script> (sin el guion bajo _)

Esto lo incluimos en en el lugar de comunento que ejecutaremos el programa

<_script type="text/javascript">
 alert("Ventana de Advertencia");
<_/script>

Lo mas habitual es incluir el codigo en el HEAD . (En el ejemplo anterior se abrir una ventana)

Javascript y XHTML

2008-06-06T16:22:00.001-03:00

El JAVASCRIPT es un lengauje muy versatil que se utiliza incluido dentro de paginas web
Como incluir codigo JAVASCRIPT en una pagina HTML o XHTML

En el mismo documento (En el HEAD o cada vez que se invoca)
Como archivo externo
En la mismas lineas del HTML XHTML como evento.

Amplieremos cada una en sucesivos POST de Aprender Diseño Web

Que es JAVASCRIPT?

2008-06-05T14:59:00.002-03:00

Javascript es un lenguaje de programación utilizado para crear programas encargados de realizar acciones dentro del ámbito de una página web.

El navegador del cliente es el encargado de interpretar las instrucciones Javascript, es un lenguaje que se ejecuta del lado del cliente a diferencia de Lenguajes de Servidor como PHP, ASP, JPS)

Javascript no tiene nada que ver con Java.

Preguntas de ProgInternet.com.ar

Colores CSS RGB Decimal y RGB Porcentual

2008-06-02T15:50:00.000-03:00

El modelo de colores RGB es un modelo donde se especifica la cantidad de Rojo (red), verdr (green( y azul (Blue) que tendra.
En CSS cuando se quiere especificar un color RGB en Hexadecimal se puede ver en el POST anterior pero si queremos el RGB decimal debemos anteponerle la palabra "rgb"

Por ejemplo:

h1 { color: rgb(71, 98, 176); }

RGB Porcentual

El formato es similar solo que se indica el porcentaje de cada color

Por ejemplo
h1 { color: rgb(27%, 38%, 69%); }

Al igual que sucede con el RGB decimal, si se indica un valor inferior a 0%, se transforma automáticamente en 0% y si se indica un valor superior a 100%, se trunca su valor a 100%.

Colores RGB Hexadecimal

2008-06-01T15:49:00.000-03:00

3) Colores CSS Hexadecimal RGB

Es la forma mas comunmente usado. Se define con numeral (#) y los tres valores de RGB (Red Green Blue) en formato Hexadecimal
El negro es #000000 y blanco es #FFFFFF

El formato RGB permite comprimir. Por ejemplo el color lime #00FF00 se puede escribir #0F0

Colores CSS por palabra clave y Colores del Sistema

2008-05-31T15:45:00.001-03:00

1) Por Palabras clave

CSS define 17 palabras clave segun el siguiente grafico

2) Colores del Sistema
Este metodo no se utiliza y se refiere a los colores usados en el sistema opertivo del usuario

Colores en CSS

2008-05-30T15:34:00.002-03:00

El metodo mas comun para definir colores en CSS es el RGB hexadecimal pero es bueno saber que existen 5 formas de especificar los colores en CCS

Palabras clave
Colores del sistema
Hexadecimal RGB
numérico RGB
Porcentual RGB .

Esquinas Redondas con CSS

2008-05-26T21:03:00.002-03:00

Esquinas Redondas con CSS es uno de los trucos habituales buscados por quienes suman expertise en estilos CSS
Una explicacion sencilla cd Esquinas redondas con CCS http://simplelogica.net/caoticoneutral/?p=15

Despues navengado por internes accedi al siguiente listado

ThrashBox - crea cajas con esquinas redondeadas con un efectos de sombra.
Even More Rounded Corners With CSS- técnica de diálogos con esquinas redondeadas fluidas y soporte para border con transparencia Alpha y degrades.
DomCorners - una técnica muy simple para conseguir esquinas redondeadas.
virtuelvis.com Rounded corners in CSS
Transparent custom corners and borders version 2 - una técnica para crear esquinas redondeadas personalizadas y borde con una transparencia Alpha opcional.
CSS Teaser Box with rounded corners - por Roger Johansson, el mismo autor de Transparent custom corners and borders version 2.
News List - fue diseñado para mostrar enlaces de noticias recientes.
CSS Liquid Round Corners
Anti-aliased Nifty Corners - basado en Nifty Corners y modificado por Steven Wittens.
Simple Box by tedd - otra simple técnica para crear esquinas redondeadas.
CSS and round corners making accessible menu tabs - técnica para crear menú con tab con un estilo de esquinas redondeadas.
CSS and round corners borders with curves
Airtight Corners - genera cajas con esquinas redondeadas usando solo una imagen.
Mountaintop Corners - una manera más fácil para crear esquinas redondeadas decentes.
Editsite Rounded Corners - creando esquinas redondeadas con javascript.
Create a rounded block or design with CSS and XHTML - crear bloques redondeados fácilmente.
Resizable box with freely stylable corners and surface - cajas redimensionables con esquinas redondeadas.
Smart Round Corners
Lean and Clean CSS boxes
Broader Border Corners
Snazzy Borders
Rounded corners in CSS by Adam Kalsey
curvyCorners - un script Javascript para crear esquinas redondeadas on-the-fly solo en elementos DIV.
Nifty Corners - una solución basada en CSS y Javascript para obtener esquinas redondeadas con imágenes.
quinncrowley.com - basado sobre una combinación de pixy y Kalsey

Menus Espectaculares con CSS

2008-05-25T17:38:00.002-03:00

Menus Espectaculares con CSS

Algunas direcciones con recursos

CSS: Unidades de Medida

2008-05-25T16:31:00.000-03:00

Hay 2 tipos de medidas:

Absolutas
Relativas

Ambas medidas se escriben poniendo el nombre e inmediatamente la unidad de medida tomada

UNIDADES RELATIVAS

em: relativa al tamaño de letra usado. Si bien no es exacto el valor 1 seria el ancho de la letra M mayuscula del tipo de fuente que se esta usando

ex: relativa a la altura de la letra x minuscula tipo defuente que se use
px: El pixel, una de las mas comunes que es relativa a la pantalla

Por ejemplo:

p { font-size: 0.8em; }

Indica que es 0.8 del tipo por defecto de la fuente que se usa en el navegado.


UNIDADES ABSOLUTAS

Son unidades completas.

in: "inches" del inglés pulgadas donde 1 pulgada son 2.54 centímetros
cm,: centímetros
mm: milímetros
pt: puntos donde 1 punto vale a 1 pulgada/72, aproximadamente 0.35 milímetros
pc: picas donde 1 pica vale a 12 puntos, aproximadamente unos 4.23 milímetros

La mas habitual de uso es PUNTOS (pt)sobre todo para documentos que se van a imprimir

Como realizar Menus con CSS

2008-05-24T17:29:00.000-03:00

Como realizar Menus con CSS?

La manera mas comun de realizar Menu, es utilizar Listas.
O sea estructuramos el MENU en XHTML con Listas y como no necesitamos Orden con listas No Ordenadas las UL.

Creamos un estilo personalizado (Estilo de clase)

#menu { 
 list-style:none; //No hay viñetas
 margin:0;  //No hay Margen
 padding:0; No hay padding (Distancia entre el contenido y el borde)
}

Luego a cada elemento .menu li a, le realizamos un diseño especial
y aca cada elemento .menu li a:hover tambien.

#menu a {
 text-decoration: none;
         width: 140px;
 color: #3366CC;
 background: #F0F7FC;
 padding: 3px 6px;
 
}


#menu a:hover {
 background: #DBEBF6;
}

CSS: Selector de clase

2008-05-23T16:15:00.000-03:00

CSS Selector de clase

Son los mas usados y se aplican en todos los elementos que tengan en atributo class que coincide con el nombre del Selector

.parrafoespecial { color: red; }
 
<_p>Hola Mundo!<_/p>
<_p class=""parrafoespecial">Hola Mundo en color rojo

En la aplicabilidad y la herencia hay que identificar 3 casos bien diferentes

Caso 1) Todos los elementos de tipo "p" con  class="parrafoespecial"

p.parrafoespecial{ propiedad:valor; }

Caso 2)
Todos los elementos con atributo class="parrafoespecial" que estén dentro de cualquier elemento de tipo "p" 
p .parrafoespecial { propiedad:valor;}

Caso 3)
Se aplica a todos los elementos "p" de la página y a todos los elementos con
el atributo class="parrafoespecial" de la página 
p, .aviso { propiedad:valor; }

CSS: Selector de Tipo Etiqueta

2008-05-21T16:09:00.001-03:00

Se aplica a los elementos HTML que coinciden con esa etiqueta.
Simplemente se coloca el nombre y entre llaves la propiedad y el valor o los conjuntos de propiedad valor sin son varios

h1 {
margin: 0 0 0.5em;
font-size: 1.8em;
line-height: 1.2;
}

Los selectores se pueden separar por comas y unificar diferentes etiquetas

h1,h2,p {
margin: 0 0 0.5em;
font-size: 1.8em;
line-height: 1.2;
}
En

En la practica conviene agrupar distintas etiquetas con propiedades comunes y luego hacer las propiedades especificas para cada uno.

Por ejemplo:

h1, h2, h3 {
color: #8A8E27;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

Selector Universal CSS

2008-05-19T15:57:00.002-03:00

CSS Selector Universal
El selector universal se escribe con un asterisco (*).
En la practica no se utiliza muy usado, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página.
Se aplica a algunos "hacks" para IE o en combinacion con otros selectores

Una de las aplicaciones basica es eliminar el margen y el relleno de todos los elementos HTML como en este ejemplo

* {
margin: 0;
padding: 0;
}

Sintaxis y selectores CSS

2008-05-17T16:14:00.000-03:00

Sintaxis y selectores CSS

Cada regla CSS dispone de Selector y de Declaracion

Selector: A quien se le aplica

Declaracion: Que se hace
5 selectores Basicos

1) SELECTOR UNIVERSAL: Se aplica a todos los elementos de la pagina
Se representa con el asterisco "*"
por ejemplo

*{margin:0;}

2) SELECTOR DE ETIQUETA: Se aplica a cualquier etiqueta HTML
(p, h1,table, tr,li....)

Por ejemplo

ol{ font-family:Arial;}

3) SELECTOR DESCENDENTE (hijo):
Se aplica a elemento dentro de otros elementos
por ejemplo:
p strong {color:red;}

4) SELECTOR DE CLASE : Se aplica a todos los elementos que tengan el mismo atributo class

La sintaxis se le antecede un punto "." por ejemplo: .destacado{color:green;}
y se usa de la siguiente manera

<_p class="destacado"> Hola Mundo <_/p>

5) SELECTOR DE ID :Se aplica de manera similar a los Selectores de Clase con la diferencia que los selectores de ID se usan una sola vez por pagina y en lugar de punto se usa el numeral "#"

por ejemplo: #menu: {color:red;}

Cuales son los medios CSS

2008-05-15T16:05:00.000-03:00

CSS presenta como ventaja la posibilidad de configurar los estilos acorde los diferentes medios que usemos (pantalla, impresora, dispostivo, etc)
El mas utilizado es screen

Listado de Medios disponibles

all -------------------------> Todos los medios definidos
braille ---------------------> Dispositivos táctiles que emplean el sistema braille
embosed ------------------> Impresoras braille
handheld ------------------> Dispositivos de mano: móviles, PDA, etc.
print ----------------------> Impresoras y navegadores en el modo "Vista Previa para Imprimir"
projection -----------------> Proyectores y dispositivos para presentaciones
screen ---------------------> Pantallas de ordenador
speech ---------------------> Sintetizadores para navegadores de voz utilizados por personas discapacitadas
tty ------------------------> Dispositivos textuales limitados como teletipos y terminales de texto
tv --------------------------> Televisores y dispositivos con resolución baja

<_link rel="stylesheet" type="text/css" style="font-weight: bold;">media="screen" href="style.css" />

<_link rel="stylesheet" type="text/css" style="font-weight: bold;">media="print" href="printstyle.css" />

Sintaxis de CSS

2008-05-14T15:50:00.000-03:00

La Sintaxis de CSS esta definida de la siguiente manera:

Una Regla CSS:

Incluye un Selector en el que esta definida (empieza con llave "{") La Propiedad y el valor (separados por ":"), si en selector tiene diversas tuplas, Propiedad:Valor se separan entre ellas con ";" Finalizando con el cierre de la llave "}"
Todos los conjuntos de propiedad valor se denominan: Declaracion
Por ejemplo:

p {color:red;}

p {color:red; font-family:Arial}

Como usar CSS en un Sitio web

2008-05-13T14:19:00.001-03:00

Hay 3 formas de usar CSS en un SItio web

Incluir CSS en el mismo documento HTML
Definir CSS en un archivo externo
CSS en los elementos HTML

1.-CSS en el mismo documento

Los estilos se definen en la cabecera del propio documento HTML .
Con la etiqueta<_style> dentro del <_head> del documento.

<_style type="text/css">
p { color: red; font-family: Verdana,Arial; }
<_/style>

Utilizacion:

Cuando existen un número pequeño de estilos
Cuando se incluyen estilos específicos en un determinado documento HTML

Desventajas:

Cuando se quieren modificar los estilos se debe modificar cada pagina

2.-CSS en un archivo externo

Todos los estilos se incluyen en un archivo externo (por ejemplo style.css ) y se vinculan mediante la etiqueta <_link> .
Por ejemplo:
<_link rel="stylesheet" type="text/css" href="style.css" media="screen">

style.css es un archivo de texto con la extension CSS donde estan definidos todos los estilos

VENTAJAS

Se puede incluir el mismo archivo CSS en muchas paginas HTML estableciendo un estilo homogeneo al todo el sitio web
Es facil de mantener, un solo cambio modifica la apariencia de diversos documentos

3.-CSS en los elementos HTML

Es similar a aplicar la etiqueta formato con HTML

<_p style="color: red; font-family: Verdana,Arial, Helvetica;">Hola Mundo

Diseño de Colores Armonicos

2008-05-12T23:21:00.000-03:00

Si quieres obtener un Diseño de Colores Armonicos
no dejes de visitas
http://wellstyled.com/tools/colorscheme2/index-en.html

Que es CSS?

2008-05-12T11:06:00.003-03:00

CSS (Cascade Stylee Sheet) es un lenguaje de hojas de estilos creado para controlar la presentación de los documentos electrónicos definidos con HTML y XHTML (paginas web).

CSS separa los contenidos y su presentación

Ventajas:

Obliga a crear documentos HTML/XHTML bien definidos y con significado completo
Mejora la accesibilidad del documento
Reduce la complejidad de su mantenimiento
Permite visualizar el mismo documento en infinidad de dispositivos diferentes

HTML/XHTML se utiliza para marcar los contenidos (para designar lo que es un párrafo, lo que es un titular o lo que es una lista de elementos)

CSS se utiliza para definir el aspecto de todos los contenidos, es decir, el color, tamaño y tipo de letra de los párrafos de texto, la separación entre titulares y párrafos, la tabulación con la que se muestran los elementos de una lista, etc.

Posicionamiento y Trafico con Youtube

2008-05-02T23:43:00.000-03:00

Posicionamiento Páginas Web. Tráfico Gratis Con YouTube

Escrito por: Alejandro Bustos

Hay muchos métodos para crear tráfico gratis hacia tu sitio, pero en este artículo te enseñaré específicamente como generar tráfico con YouTube o demás sitios de videos en línea y aumentar así el tráfico hacia tu sitio y el posicionamiento páginas web.

YouTube se ha convertido en una fuente invaluable para generar tráfico gratis hacia tu sitio, lo primero que debes hacer es una búsqueda de tu nicho de mercado o de tu tema en YouTube y mirar la cantidad de videos que hay, cuantas visitas han recibido esos videos y que tipos de comentarios reciben. Es muy importante concentrarse en analizar los videos que tengan más visitas y fijarte en 3 cosas:

1. El título

2. Las tags

3. La descripción

Una vez hecho esto, ya podrás darte cuenta si vale la pena o no colgar un video y si es así, que tipo de video le gustaría ver a la gente, el próximo paso a seguir es producir tu video, actualmente hay varios programas gratuitos para editar videos, hasta el mismo Movie Maker de Winodws lo puedes utilizar, pero el programa que yo utilizo porque es genial y te permite hacer miles de cosas a tu video es definitivamente Camtasia Studio.

Una vez tengas tu video listo debes pensar bien el título, las tags y la descripción que vas a ponerle, ya que de esto va a depender el posicionamiento de tu video y la cantidad de visitas que recibirá tu sitio, no olvides poner siempre una marca de agua al video con la dirección de tu sitio para que la persona que lo vea siempre la tenga presente, y en la descripción del video siempre debes colocar un enlace a tu página para que la gente haga click, recuerda que nosotros somos muy perezosos y es más fácil hacer click que escribir la URL y también ayuda al posicionamiento páginas web.

Te aseguro que si haces esto el tráfico a tu sitio web va aumentar dramáticamente, personalmente esto me ha funcionado bastante bien y me ha ayudado a generar tráfico importante en menos de un día y optimiza mi posicionamiento páginas web.

Fuente del artículo http://www.articulo.org/autores_perfil.php?autor=1228

Servicio para crear paginas web Gratis de Google

2008-02-28T16:55:00.001-02:00

Nuevo Servicio de Google para crear paginas web Gratis

Google Sites, como se llama el nuevo sistema, es una versión reducida de JotSpot, un servicio fácil de editar para que organizaciones y particulares construyan y editen páginas web y que Google adquirió hace 16 meses bajo condiciones no publicadas.

El nuevo servicio marca el último paso de la empresa en su estrategia de entrada en el mercado empresarial y educativo.

La iniciativa permite a los usuarios no entendidos en la materia organizar y compartir información digital como enlaces web, calendarios, fotos, videos, presentaciones, archivos adjuntos y otros documentos en una página fácil de mantener, o crear su propia "intranet" para gestionar proyectos en equipo.

"Crear una página web para un equipo siempre ha sido demasiado complicado, requería hardware especializado y software, así como conocimientos de programación," dijo Dave Gorouard, director general de la unidad Enterprise de Google, dirigida a trabajadores de oficinas.

Google Sites es una versión reducida del programa SharePoint de Microsoft, que permite a los usuarios de una organización compartir documentos y mantener calendarios en páginas web seguras, pero es mucho más complejo de construir y mantener.

Las páginas son gratis o con una pequeña cuota en función del número de usuarios, dependiendo de si las organizaciones han adquirido versiones completas de Google Apps, un paquete de software que incluye procesador de textos, hoja de cálculo y un programa de presentaciones, además de correo electrónico y herramientas sencillas de publicación web.

"La idea es que los departamentos de Tecnologías de la Información no tengan que hacer nada salvo facilitar a los usuarios valerse por sí mismos," indicó Gorouard.

A diferencia de SharePoint, que normalmente exige a las organizaciones comprar y mantener su propio hardware y software, con un gasto que puede oscilar entre decenas y cientos de miles de dólares para cien usuarios, Google Sites está alojada en los ordenadores de Google y es gratis para los usuarios de Google Apps.

Según Google, más de 500.000 empresas y varios miles de escuelas y universidades adoptaron Google Apps durante el año pasado.

Fuente: Reuters

Ahora lee tambien las noticias de Aprender Diseño Web en Proginternet BLOG

Venta de Desarrollo Web | Curso de Dreamweaver | Hosting Paginas Web

La psicología del color al diseño web

2008-02-23T17:07:00.001-02:00

Escrito por: Jose Carlos Ibañez Manchego

Si usted desea ser un profesional en cualquiera de los campos del arte, debe, como un paso importante conocer el color. En este artículo, conoceremos un poco la Psicología del color.

Los colores afectan nuestros estados de animo. Dependiendo de la parte del mundo en la que vivamos, tendremos distintas percepciones del color basadas en nuestra cultura. Incluso dentro de un mismo territorio o país, nuestra percepción a cambiado con el paso del tiempo. A pesar de que la psicología convencional rechaza la idea de que los colores pueden afectar nuestros estados de ánimo, hoy muchos psiquiátras han descubierto algunas verdades universales acerca del color y su efecto en nuestra conciencia.

Y usted se preguntará ¿Porqué esto es importante en el diseño de mi sitio web? Muy sencillo, por ejemplo, si usted esta creando un sitio web sobre la naturaleza, o cosas relacionadas con la naturaleza, entonces debe alejarse completamente del color púrpura. Porque el púrpura esta completamente alejado de la naturaleza, ya que es muy poca o mínima la presencia del púrpura en la naturaleza, es así que el púrpura es a menudo visto como un color artificial. Sin embargo si su sitio trata sobre enseres, muebles o decoración con un tono de abundancia, los tonos púrpuras serían perfectos para esto, ya que estos imparten ideas de realeza, lujo, riqueza y sofisticación.

Ahora que ya entendió la idea, pongamos manos a la obra. Como ya mencioné la idea de los colores puede, y debería, afectar el diseño de nuestro sitio web. Existen muchas reglas simples para escoger las combinaciones correctas de color, y la mayor parte de ellas tienen relación en como afecta el color la mente consciente de los individuos.

Por ejemplo, si usted realiza ventas de productos en su sitio web, debería entender el rol específico de la psicología del color en el marketing online. El rojo estimula la acción, representa agresividad, excitación y combinado con el gris, representa impulsividad. El azul, representa sensibilidad y lealtad. En un negocio online, sombras de color rojo, azul y marrón, representan seguridad. Mientras el blanco es siempre visto como profesional, pues es asociado con un sitio comercial. Es el color el que brinda la primera impresión.

Trabajando de la forma correcta la psicología del color, usted podrá rápida y fácilmente realizar un trabajo más profesional en sus diseños de paginas web. Tómese un tiempo y estudie o lea acerca del significado de los colores y de como estos afectan nuestra conciencia.

Fuente del artículo http://www.articulo.org/autores_perfil.php?autor=968

www.haciendowebs.com

La psicología del color al diseño web

2008-02-23T17:07:00.000-02:00

Escrito por: Jose Carlos Ibañez Manchego

Si usted desea ser un profesional en cualquiera de los campos del arte, debe, como un paso importante conocer el color. En este artículo, conoceremos un poco la Psicología del color.

Fuente del artículo http://www.articulo.org/autores_perfil.php?autor=968

www.haciendowebs.com

Clase PHP para ver videos Youtube

2008-02-02T10:16:00.000-02:00

Con esta clase en php podreis insertar en vuestras web videos embedidos de youtube y las capturas de imagenes que tienen:

class YouTube {

//recoge el id del video
function _GetVideoIdFromUrl($url) {
$parts = explode('?v=',$url);
if (count($parts) == 2) {
$tmp = explode('&',$parts[1]);
if (count($tmp)>1) {
return $tmp[0];
} else {
return $parts[1];
}
} else {
return $url;
}
}

// muestra el video embedido
function EmbedVideo($videoid,$width = 425,$height = 350) {
$videoid = $this->_GetVideoIdFromUrl($videoid);
return '';
}

//recoge la url de la imagen del video
function GetImg($videoid,$imgid = 1) {
$videoid = $this->_GetVideoIdFromUrl($videoid);
return "http://img.youtube.com/vi/$videoid/$imgid.jpg";
}

//muestra la imagen

function ShowImg($videoid,$imgid = 1,$alt = 'Captura de video') {
return "";
}

}

http://www.zonaprecios.com

Fuente del artículo http://www.articulo.org/autores_perfil.php?autor=878

PHP Dudas y preguntas

2008-01-08T10:11:00.000-02:00

PHP Es un lenguaje de programacion del lado del servidor.
Algunas preguntas frecuentes

Sistema de Foros en PHP y MYSQL

2007-11-13T20:22:00.000-03:00

En este tutorial crearemos un foro desde cero aprendiendo a separar la programación del diseño, y modularizando nuestra aplicación para que sea simple de configurar y de adaptar.
La Estructura
Primero y antes que nada, debemos preparar la tabla en la base de datos que contendrá todos los temas de nuestro foro. Lo que esta tabla tendrá, es la información de nuestros mensajes, el autor del mismo, y otros datos que servirán para identificar a que Tema pertenece un mensaje.

Pero mejor, veamos la estructura propuesta:
CREATE TABLE `foro` (
`id` int(7) NOT NULL auto_increment,
`autor` varchar(200) NOT NULL default '',
`titulo` varchar(200) NOT NULL default '',
`mensaje` text NOT NULL,
`fecha` datetime NOT NULL default '0000-00-00 00:00:00',
`respuestas` int(11) NOT NULL default '0',
`identificador` int(7) NOT NULL default '0',
`ult_respuesta` datetime default NULL,
KEY `id` (`id`)
) TYPE=MyISAM;
Si quieres aprender sobre Base de Datos y SQL

Veamos en detalle que campos tendrá nuestra tabla de Foros:
• id: Será el identificador principal de la tabla. Sirve para diferenciar cada uno de los mensajes.
• autor: El autor del mensaje.
• titulo: El titulo que tendrá el mensaje. Si este mensaje es el iniciador de un tema, será el que mostrará en el home del Foro.
• mensaje: El mensaje en si mismo.
• fecha: Un campo DATETIME que indicará en que fecha se ha publicado este mensaje.
• respuestas: Si este mensaje es el iniciador de un tema, aquí se acumularán la cantidad de respuestas que reciba.
• identificador: Este campo guarda el valor del id del mensaje que se está respondiendo. Si el mensaje es iniciador de un tema, entonces este campo valdrá cero.
• ult_respuesta: Si el mensaje es iniciador de tema, aquí se actualizará valor de acuerdo con la fecha de la última respuesta que haya recibido. Sirve para poder mantener un orden en los foros.
La sentencia SQL anterior, pueden guardarla en un archivo.sql y correrla en su base de datos desde el phpMyAdmin, o si lo prefieren, pueden ingresarla línea por línea en un cliente de texto de mySQL (como el mySQL monitor). Una vez que hayan creado la tabla en su base de datos, entonces podemos avanzar al siguiente paso.
Antes de ponernos a programar cualquier parte del foro, vamos a encargarnos de hacer un pequeño script que realice una tarea que vamos a repetir mucho, y que es conectarnos a la base de datos. Este script lo incluiremos en cada página en la que tengamos que acceder a la base de datos:
Ejemplo de la página de configuracion.php

Cómo vemos, no hay gran ciencia en este script, tan solo unas variables conteniendo la configuración de nuestra base de datos, y el código mínimo y necesario para conectarnos y guardar el recurso de conexión en una variable $con que luego utilizaremos cuando hagamos nuestras consultas.
Los Templates
Antes de dar un paso más en la explicación, quiero hacerles unos comentarios respecto al "simple" sistemita de templates que utilizaremos en el foro. Primero, para aquellos que no sepan que es un Template, les recomiendo que lean los artículos de Nok y de Luigi en nuestra sección de Templates de Zonaphp.com, por lo menos para que tomen una idea de que son y para qué sirven.
Ahora, mi idea al utilizar templates, fue la de que los usuarios, pudieran modificar a su gusto el aspecto del foro, sin por ello tener que tocar el código de la aplicación. Esto es algo que el tutorial anterior no tenía en cuenta e incluía todo el código HTML de salida dentro del código mismo del foro, lo cual no es siempre recomendable. Lo que haremos en este caso es utilizar archivos .html que dentro contendrán solo diseño (o sea, código HTML ) y en los lugares en los que deseemos colocar contenido "dinámico", utilizaremos el formato simple para mostrar el contenido de variables, esto es : .
Para "interpretar" un template, primero lo leemos en memoria utilizando la función file() y luego utilizaremos una simple función a la que le pasaremos como parámetro el template y las variables que hay que reemplazar. Para muestra, basta un botón:
Ejemplo de la página de ejemplo.html
Nombre:

Edad :

Domicilio :

Ejemplo de la página de ejemplo.php
".$tema." array("nombre"=>"Marcelo", "edad"=>"25", "domicilio"=>"VeraCRuz 342"),
"1" => array("nombre"=>"Alejandra", "edad"=>"18", "domicilio"=>"Los Olmos 67"),
"2" => array("nombre"=>"Micaela", "edad"=>"23", "domicilio"=>"Prof. Mariño 8")
);
$tpl = implode("", file("ejemplo.html"));
foreach($agenda as $registro)
{
mostrarTemplate($tpl, $registro);
}
?>

Aquí vemos como, partiendo de los datos que tenemos en un array, los mostramos basándonos en un simple template. La función mostrarTemplate toma como parámetros el contenido del template y un array asociativo con los valores a reemplazar. La función de PHP extract() se encarga de pasar estos valores al ámbito en el que se llama la función, en este caso, el ámbito de la función. Por lo que si tenemos un arreglo del tipo $a = array("clave" => "valor"), al ejecutar extract($a), entonces pasaremos a tener una variable disponible, de nombre $variable y con "valor" como contenido. Luego, la función eval() se encarga del resto, o sea, de ejecutar todo el código (el del Template) que se le pasa como parámetro.
Algunos se preguntarán, porqué no hacemos simplemente un "include" ? La respuesta es muy simple. Eficiencia. La función include implica un acceso a disco, lo cual la hace bastante "costosa" en términos de eficiencia. Así que leyendo el template 1 sola vez en memoria, y luego utilizándolo varias veces, hacemos un mejor uso de los recursos.
Teniendo estos temas en cuenta, es que podemos seguir ahora con el desarrollo el Foro.
Un Tema por vez
Ya teniendo las bases de nuestro foro, el diseño de la tabla en la base de datos y conociendo como funciona nuestro sistema de templates, podemos comenzar a crear la primera página, en la que mostraremos todos los temas del foro:
Ejemplo de la página de index.php
0)
{
// Leemos el contenido de la plantilla de temas
$template = implode("", file("temas.html"));
include('titulos.html');
while($row = mysql_fetch_assoc($rs))
{
$color=($color==""?"#5b69a6":"");
$row["color"] = $color;
mostrarTemplate($template, $row);
}
}
include('footer.html');
?>

¿Eso es todo? Si, eso es todo. Ahora revisemos paso a paso lo que hace el script. Primero tenemos una serie de requires e includes. El primero incluye el primer Script que hicimos, que realiza la conexión a la base de datos. El segundo, incluye un archivo.php que contiene funciones importantes del foro, como por ejemplo, mostrarTemplate. El tercero, incluye un header genérico que utilizaremos para darle a todas nuestras páginas, un diseño similar. Allí podremos colocar un logo del sitio, links importantes, banners, etc.

$sql = "SELECT id, autor, titulo, fecha, respuestas, ult_respuesta ";
$sql.= "FROM foro WHERE identificador=0 ORDER BY ult_respuesta DESC";
$rs = mysql_query($sql, $con);
if(mysql_num_rows($rs)>0)
{

Aquí lo que hacemos es ejecutar un query en la base de datos, que nos traerá todos los mensajes que son iniciadores de un tema, o sea, cuyo identificador esté en cero. El resto de los mensajes, que sean respuestas a un tema en particular, tendrán en el campo identificador el valor del mensaje al que responden. A estos temas, le pedimos a la base que los ordene por la fecha de última respuesta, de manera descendente, así en nuestro foro, tendremos los mensajes más recientes primero. También realizamos una decisión, solo mostraremos los temas de nuestro Foro si la cantidad de filas recuperadas desde la base, son mayores a 0.
Luego, dentro del While principal del programa, hacemos toda la "magia":
// Leemos el contenido de la plantilla de temas
$template = implode("", file("temas.html"));
include('titulos.html');
while($row = mysql_fetch_assoc($rs))
{
$color=($color==""?"#5b69a6":"");
$row["color"] = $color;
mostrarTemplate($template, $row);
}

Aquí comenzamos a trabajar por primera vez con los templates. Primero leemos el contenido del template en memoria y lo guardamos dentro de la variable $template. También incluimos un archivo, que contiene una fila de la tabla de Temas, con los títulos de las celdas. EL resto ya lo vimos anteriormente, llamando a la función mostrarTemplate mostramos los datos de cada tema.
Finalmente, solo agregamos otro archivo HTML, con el código para cerrar la página y mostrar algún que otro mensaje de Copyright (o lo que queramos poner). Con esto ya tenemos nuestra página inicial del Foro, mostrando los temas que haya. Ahora, vamos a crear el formulario necesario para ingresar nuevos temas o para responder algún tema existente.
Participar es la Base
El ahorro es la base de la fortuna, suelen decir, y esto se aplica a casi todo. Así que, haciendo caso al dicho, podemos utilizar el MISMO formulario para crear un nuevo tema y para contestar un tema en particular. Esto lo vamos a lograr, pasando una variable por el URL, indicando que estamos citando un mensaje anterior, sacando de la base de datos el mensaje que citaremos, y completando el formulario con esos datos. Si la variable no está presente, entonces no hacemos nada y mostramos el formulario.
Ejemplo de la página de respuesta.php
$id);
if($citar==1)
{
require('configuracion.php');
$sql = "SELECT titulo, mensaje, identificador AS id ";
$sql.= "FROM foro WHERE id='$id'";
$rs = mysql_query($sql, $con);
if(mysql_num_rows($rs)==1) $row = mysql_fetch_assoc($rs);
$row["titulo"] = "Re: ".$row["titulo"];
$row["mensaje"] = "[citar]".$row["mensaje"]."[/citar]";
if($row["id"]==0) $row["id"]=$id;
}
$template = implode("", file('formulario.html'));
include('header.html');
mostrarTemplate($template, $row);
include('footer.html');
?>

En el script vemos como primero capturamos de la URL, las variables $id y $citar, y si ésta última es igual a 1, entonces consultamos en la base de datos toda la información del tema que estamos citando, para agregarlo en el arreglo $row, que luego será pasado al template. Noten como al titulo del mensaje, le anteponemos la cadena "Re:", indicando que es una respuesta, y como al cuerpo del mensaje, si estamos citando, lo rodeamos por un tag [citar] y [/citar]. Esto lo veremos más adelante.
Ejemplo de la página de formulario.html

">

Autor
Titulo	">
Mensaje	<?=$mensaje?>

Aquí vemos como colocamos las variables dentro de los atributos "value" de los inputs y el textarea. También podemos ver como tenemos un campo escondido, llamado "identificador", que solo tendrá un valor asignado, cuando estemos respondiendo a un mensaje, pero que no existirá cuando sea un mensaje nuevo. Solo queda ver el script que se encarga de grabar el mensaje en la base de datos, agregar.php.
Ejemplo de la página de agregar.php

En este script, luego de tomar las variables desde el formulario (con el método POST), primero verificamos que exista un nombre de autor y el título del mensaje, caso contrario le asignamos un valor por defecto. También utilizamos la función de PHP htmlentities() para convertir todos los caracteres especiales ( >, <, ", &, etc ) en sus respectivas entidades HTML ( >, <, "e;, &). Con esto evitamos que un usuario ingrese código HTML en nuestro Foro (con la respectiva vulnerabilidad que este implica). A continuación, grabamos el mensaje en la base, y obtenemos, mediante la función mysql_insert_id(), el último id autoincremental que le corresponde a este registro. ¿Para qué? Simple. Si este mensaje que acabamos de grabar es el primero del tema, no necesitamos hacer nada, pero si es un mensaje en respuesta a otro ( esto lo averiguamos preguntando por el valor de $identificador), entonces tenemos que actualizar ese primer mensaje, indicando que tiene una respuesta más, y cambiando la fecha y hora del último mensaje. De esa manera, nos aseguramos que tenemos bien ordenado el foro, con los temas con nuevos mensajes primero. Finalmente, dependiendo del caso, redirigimos al usuario al home del foro, o a la respuesta que acaba de ingresar. Miles de posibilidades Ya solo nos queda un último paso, y es el de crear la página que mostrara un tema y todas las respuestas que haya en él. Para ello, vemos como en el home del foro, llamamos a un script foro.php y le pasamos el id del tema que queremos ver. Luego, solo tenemos que obtener de la base el o los temas, en los que el id sea igual al que pasamos, o que el identificador (el campo que indica que ese mensaje es en respuesta a cierto tema) sea igual al identificador, los ordenamos por fecha y listo, foro al dente. En este caso, el template que utilizaremos para mostrar cada uno de los mensajes, será una tabla con todos los datos necesarios: el autor del mensaje, el título, la fecha del mensaje, el mensaje en si mismo. Pero también agregaremos dos detalles. Primero, un link hacia el formulario que creamos antes, de modo que un usuario pueda citar un mensaje en particular, y segundo, un Anchor (o Ancla) para que al responder a un mensaje, se pueda acceder directamente al mismo por su id en la base de datos. Ejemplo de la página de post.html
">

">

Enviado el :

[ &citar=1">CITAR ]

Ahora, veamos el código PHP que utilizaremos para "parsear" este template:
Ejemplo de la página de foro.php
0)
{
include('titulos_post.html');
$template = implode("", file('post.html'));
while($row = mysql_fetch_assoc($rs))
{
$color=($color==""?"#5b69a6":"");
$row["color"] = $color;
//manipulamos el mensaje
$row["mensaje"] = nl2br($row["mensaje"]);
$row["mensaje"] = parsearTags($row["mensaje"]);
mostrarTemplate($template, $row);
}
}
include('footer.html');
?>

Como siempre, incluimos la conexión a la base de datos, el archivo de funciones y validamos de que exista la variable $id, ya que de lo contrario, nada podríamos hacer y nuestro foro fallaría en el Query. Hablando del Query, podemos ver como utilizamos la función de mySQL DATE_FORMAT() para convertir el formato por defecto del tipo datetime ('AAAA-MM-DD hh:mm:ss') en algo que sea más común para nuestro idioma ('DD/MM/AAAA hh:mm:ss'). Si quieren más información sobre esta función, pueden visitar y consultar el manual de mySQL.
Lo más destacado en este script que podemos ver, son dos transformaciones que le hacemos al mensaje, antes de enviarlo al template. Como vemos, primero utilizamos la función de PHP nl2br(), que convierte todos los saltos de linea, en tags
, de esa manera, los saltos que un usuario ingrese en el textarea, serán agregados correctamente al mostrar el mensaje. Luego, vemos como llamamos a la función parsearTags(). ¿Qué hace esta función? Veamos:
Ejemplo de la página de funciones.php

", $mensaje);
$mensaje = str_replace("[/citar]", "

", $mensaje);
return $mensaje;
}
?>

Dentro de esta función, podemos agregar todas las modificaciones que queremos realizarle al mensaje, antes de mostrarlo en el Foro. En el ejemplo, vemos como hemos implementado el uso de un tag propio, [citar]. El mismo, dentro de la función, será reemplazado por el código HTML necesario para destacar el citado de un mensaje, todo esto gracias a la función str_replace() de PHP (más info en el manual). Este es el tag [citar] que se agrega automáticamente, y que notamos cuando respondíamos un mensaje.
Esta función, pueden personalizarla de la manera que deseen, agregando todos los tags que quieran, para ofrecerles a sus usuarios la libertad de darle formato a sus mensajes. Podrían, por ejemplo, agregar un nuevo tag, para poner palabras en negritas, o quizás alguna expresión regular que convierta automáticamente cualquier URL presente en el mensaje, en un link. Los límites son los de su imaginación.
Misión Cumplida
Cómo intenté demostrarles en este pequeño artículo, realizar nuestro primer foro es algo completamente sencillo, si sabemos utilizar mínimamente mySQL y PHP (más bien, algunas funciones más que útil del PHP). En estas pocas líneas aprendimos:
• Crear una tabla en MySQL para que contenga los datos de nuestro foro.
• A conectarnos a MySQL desde nuestro script PHP.
• A utilizar un sistema de templates casero y simple.
• La utilización de funciones de PHP como: extract(); eval(); implode(); file(); nl2br(); mysql_insert_id(); str_replace();
• La utilización de la función DATE_FORMAT() de MySQL.
• Cómo trabajar de manera segura con la directiva Register_Globals en OFF, tomando uno a uno los contenidos de las variables, desde sus respectivos arrays $_POST y $_GET.
Y varios conceptos más a la hora de programar nuestros scripts. Ahora, este sistema es muy básico, como simple. Así que de ahora en más, es campo fértil para que Uds. mismos puedan agregarle todas las características y funcionalidades que deseen, personalizando el foro a su gusto. Como ideas, puedo mencionarles algunas:
• Agregar más tags para que sus usuarios puedan dar formato a sus mensajes.
• Incorporarle un sistema de usuarios.
• Contadores de visualizaciones de un tema, para hacer un Ranking de temas más vistos.
• La posibilidad de que los usuarios puedan utilizar firmas.
Y seguro que a uds. mismos se les deben estar ocurriendo otras muchas buenas ideas para mejorar el Foro. Por lo pronto, espero que hayan disfrutado este tutorial, y sigan programando simple, seguro, pero ante todo, bonito.

Por: Andrea González
Diseño de páginas Web Profesionales y Económicas http://www.loquequierasya.com

Este artículo viene de artículo.org.

Hosting Web Dedicado - Liquid Web

2007-10-15T14:24:00.000-03:00

Uno de los problemas mayores al crecer nuestro sitio web es obtener un buen hosting, ya sea que necesitemos un Plan Grande, un VPS o un Servidor Dedicado.
Hay buenas opciones en el mercado, algunas mas seguras que otras.

Liquid Web
Es una empresa que brinda buenos dedicados administrados y es una de nuestras recomendaciones.

Si otras empresas de Hosting nos quieren mandar servicios para evalur con todo gusta las publciaremos

Planeacion de un Sitio Web: Etapa 1 Análisis

2007-08-23T17:00:00.000-03:00

Planeacion de un Sitio Web: Etapa 1 Análisis

La creación de un Sitio Web es una labor delicada que requiere de una planeación detallada de todas las actividades que se llevarán a cabo, para esta labor se sugiere las siguientes etapas para la creación de un sitio web:

Análisis
Diseño
Desarrollo
Evaluación
Implementación

La planeación te da la mejor garantía de que tu proyecto cumpla con su objetivo y esté listo en la fecha programada.

Primera etapa: "El análisis"

En la etapa de análisis el desarrollador debe involucrarse con la organización en la cual se trabaja y determinar con precisión los objetivos a lograr a través del sitio Web.

Esta etapa puede requerir de entrevistas y revisiones de sitios Web anteriores y/o relacionados con el tema. De acuerdo con las necesidades y recursos disponibles se forma el equipo de trabajo y se determina la estrategia a seguir.

Actividades a realizar

Identifica el perfil de tus clientes.
Selecciona el medio de entrega (Software).
Establece una estrategia.
Conforma el equipo de desarrollo.

Plan de trabajo

Etapas
Actividades
Responsables
Requerimientos
Fechas límite

Productos

Plan de trabajo
Reporte de avance

Una vez terminada la etapa de planeación tendrás practicamente el 20% de avance en la construcción de tu Sitio Web y podrás continuar con la siguiente etapa "El Diseño".

Escrito por: Joaquín Be-Mena. Director de http://www.asesordecomputo.com

ARTICULO.ORG

Themes Wordpress y Plantillas Blogger

2007-07-21T10:15:00.000-03:00

Themes Wordpres:

Plantillas Blogger:

Alojamiento de archivos y pagan cada 1000 descargas

2007-07-11T01:50:00.000-03:00

Alojamiento de archivos y pagan cada 1000 descargas
http://hostfil.es/
Alojamiento de archivos y pagan cada 1000 descargas

Downloads Payout
1000 $10
5000 $50
10,000 $100
100,000 $1000

($10 cada 1000 downloads)

No lo hemos probado aun dicen que pagan via PayPal a la semana

Web 2.0 Badges Galardones

2007-07-10T23:37:00.000-03:00

Para hacer Web 2.0 Badges como el Boton OK! del costado. Los podes realizar gratis online
Web20Badges is a set of free and very cool Web 2.0 Badges.

http://www.web20badges.com/

Generado de botones automaticos

2007-06-05T17:45:00.000-03:00

Introduce el texto que aparecerá en el botón, el color del texto y el color y tipo del botón

http://www.webtaller.com/utilidades/generador_botones/botones.php

Cree sus carteles y banners con Xara

2007-06-05T17:32:00.000-03:00

Elementos Graficos Gartis para tu web

2007-06-05T09:55:00.000-03:00

http://www.milesdebanners.com/elementos_graficos.htm

Flechas

Bolas

Iconos

Reglas horizontales animadas

Reglas horizontales

Fondos horizontales

Fondos verticales

Fondos de colores

Fondos con dibujo

Recursos Graficos - GIF Animados

2007-06-05T09:50:00.000-03:00

Coleccion de GIF Animados organizados por Categorias
http://www.gifanimados.com/

Recurso Grafico gratuito

Hosting Gratuito para paginas web

2007-05-30T15:02:00.000-03:00

Listados de Hostin Gratuitos para hospedar sus paginas web y sus diseños

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

Iconos Libres Gratuitos

2007-05-08T09:14:00.000-03:00

15,000 Iconos Libres Gratuitos de alta calidad

http://www.freeiconsweb.com/

2007-04-11T17:02:00.000-03:00

El color HTML (Tutorial de www.programacionweb.net)

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:

Texto de color rojo

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:

#000000 #009900 #00FF00 #000099 #0000FF #009999 #00FFFF
#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

2007-04-08T00:29:00.000-03:00

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.

Tutorial completo muy bueno en Cristalab

Adobe Creative Suite

2007-03-29T16:05:00.000-03:00

Fiel a su intención de ofrecer a creativos y desarrolladores un amplio espectro de opciones innovadoras para la realización de tareas de diseño, la compañía californiana lanzó un nuevo paquete de actualizaciones de software bautizado con el nombre de Creative Suite 3.

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

2007-03-24T10:10:00.000-03:00

Ya está disponible la versión final de Microsoft Expression Web (herramienta que forma parte de la familia Expression Studio). Expression Web es una herramienta profesional apuntada a diseñadores web y que puede ser utilizada para crear sitios modernos y basados en estándares que otorgan calidad superior en la Web.

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

2007-03-10T02:43:00.000-03:00

El Club de programadores - Asociacion Civil, invita a participar del curso de Microsoft Project con uso de PC que comenzara a dictarse el dia lunes 19 de marzo de 2007 de 14.30 a 17.30 hs. en el Laboratorio Congreso

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

Aprender Photoshop: Adobe Photoshop Online gratis

2007-03-01T23:40:00.000-03:00

Aprender Photoshop: Adobe Photoshop Online gratis

Repositorio de archivos Multimedia

2007-02-17T16:00:00.000-03:00

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

2007-02-07T02:02:00.000-03:00

En Tepedia.com

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

2007-01-29T01:24:00.000-03:00

Aprender Diseño Web

hace su primera aparicion en el famoso Page Rank de Google con 3

Gracias google. Gracias a todos los sitios que nos enlazan y nombran en sus post

Herramientas de colores

2007-01-09T00:44:00.000-03:00

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.

Video Diseño web. Posicionamiento web.

2006-12-31T18:39:00.001-03:00


Diseño web y posicionamiento en buscadores desarrollo de Tiendas virtuales preparadas para buscadores, Marketing online, Diseño grafico, Presentaciones multimedia, imagen y publicidad.

Descarga gratis de Curso JAVASCRIPT

2006-12-20T10:34:00.001-03:00

Descarga gratis de Curso JAVASCRIPT

http://www.tepedia.com/libros-gratis/descarga-curso-javascript.php

Descarga gratis Adobe Photoshop CS3 Beta

2006-12-16T00:44:00.000-03:00

Desde hoy es posible descargar la versión beta de Adobe Photoshop CS3.

Requiere que te registres y además funcionará como trial, pero puede activarse con un número serial que provee Adobe. Digitando un número serial antiguo de Photoshop CS2, Creative Suite 2, Production Studio, Adobe Web Bundle o Adobe Video Bundle. Por lo que si ya eras usuario de la Creative Suite o alguno de los productos de Adobe, podrás usar la Beta publica sin ningún problema.

Leido en Cristalab

Herramientas para programar HTML

2006-12-13T00:41:00.000-03:00

Que herramientas o programas necesitamos para programar HTML se preguntara...

Respuesta: Ninguna herramienta es espacial. Cualquier editor de texto simple como el Bloc de Notas de Windows (Notepad) servira ya que el HTML es texto puro, no necesita compilarse ni agregarse nada especial.

Siemplemente escribimos el codigo en el Bloc de Notas y lo guardamos con la extension HTM o HTML y listo.
mas info en http://curso-html.blogspot.com

Curso de HTML

2006-12-09T17:17:00.000-03:00

Un curso HTMl dictado por un destacdo profesional Universitario comenzo en CURSO-HTML.BLOGSPOT.COM

Sin duda un curso para aprovechat todos aquellos que se inician en la programacion Web

Diseño para el Acceso Rápido

2006-12-06T19:48:00.000-03:00

Siempre es bueno que la paginas carguen muy rapido

Se dice que un lector de una pagina esperara:

5 segundos para que aparezca algo visible en la pantalla
10 segundos para que aparezca algo legible en la pantalla
30 segundos hasta hacer un click hacia otra parte del sitio o hacia otro sitio

Si bien aqui no somos promotores de las tablas sino maquetar con CSS encontramos
diferentes formas de diagramar las paginas con tablas para que carguen mejor en
http://www.guiaweb.gob.cl/guia/capitulos/tres/accesorapido.htm

Un diseño web paso a paso

2006-11-29T16:50:00.000-03:00

Leido aqui

Significado de los colores

2006-11-21T21:34:00.000-03:00

Blanco:

El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.
El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotación positiva. Puede representar un inicio afortunado.
En heráldica, el blanco representa fe y pureza.
En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.
Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imagenes vestidas con ropas blancas.
El blanco se le asocia con hospitales, médicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud.
Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imagenes vestidas con ropas blancas.
A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.

Mas de los colores

Landing Page - Paginas de Aterrizaje

2006-11-18T03:06:00.000-03:00

Landing Page se denominan a las paginas de aterrizaje a las paginas destino de una campaña publicitarias. Es la pagina donde vamos cuando hacemos click en un aviso.

Que beneficios tiene diseñar una landing page en vez de dirigirse directamente a nuestro sitio

Segun algunos datos:
"El usuario dedica sólo 1,8 segundos de tiempo para dar un vistazo al anuncio y decidir si hacer clic en él (datos de Enquiro Search Solutions, Inc.) y luego, una vez llega a la página de destino, el web dispondrá sólo de 13,2 segundos para convencerle de que se ha dirigido hacia el lugar adecuado. "

"El estudio sobre ROI de Jim Novo demuestra que cuando se dirige a los usuario hacia la homepage, éstos invierten más tiempo en el sitio y visitan más páginas pero la mayoría de ellos abandonan el sitio sin haber completado las tareas que habíamos previsto para ellos. Si, por el contrario se les dirige a páginas especiales relacionadas directamente con el anuncio que les atrajo, los usuarios realizan visitas más cortas pero los ratios de conversión (descargar información, marcarlas como favoritas o suscribirse) son hasta 3 veces superiores a los que se consiguen dirigiéndoles a páginas generales."

Mas informacion

Interface Dreamweaver 8

2006-11-15T16:17:00.000-03:00

La interface del Dreamweaver 8 es similar a las de sus predecesores. Si nunca la vio o quiere hacerse una idea de como es y que herramientas tiene un documento nuevo HGA CLICK EN EL GRAFICO PARA AMPLIAR

NVU Software libre para paginas web

2006-11-12T21:59:00.000-03:00

El Macromedia Dreamweaver es una de las principales herramientas del mercado para realizar paginas web. Pero funciona solamente para Windows y a veces su costo puede resultar inaccesible sobre todo si uno se esta iniciando y no tiene totalmente asumida la dedicacion

Recomendamos el software NVU
Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola en una interesante opción para diseñar sitios web.

El creador de este proyecto es Daniel Glazman. NVU es un editor de páginas web WYSIWYG (es un acrónimo "lo que ves es lo que obtienes", en inglés) es un programa que se puede utilizar en diferentes Sistemas Operativos o sea que es multiplataforma. Se encuentra basado en Mozilla Composer, pero de ejecución independiente.

Inicialmente pensado para rivalizar con aplicaciones como Dreamweaver o FrontPage, Nvu es una alternativa para los que no tienen un gran dominio del HTML.

Informe Completo sobre sus caracteristicas e Instalacion

Curso de HTML y Javascript para descarga gratis

2006-11-05T05:07:00.000-03:00

Nueva direccion de descarga de cursos de HTML y Javascript gratuitos

Descargar CURSO DE HTML y Javascript GRATIS

Informatica y Diseño web en la enciclopedia

2006-11-01T19:20:00.000-03:00

TePedia.com
Enciclopedia tematica de Expertos

Enciclopedia de Expertos TePedia.com

2006-10-27T09:40:00.000-03:00

TePedia.com
es una Enciclopedia de Tenatica de Expertos que ha nacido como fruto de la union de mas de 50 portales tematicos especializados en diferentes tematicas.
Entre los temas que se indexan diariamente se encuentra la Programacion, el diseño web, temas de infromatica y computacion en su canal especializado.

La Enciclopedia Tematica

Aprender Diseño Web

Estudiar Diseño Web en Junin

Crear Pagina Web En Flash

Aprende a Crear una Aplicacion Iphone

Web al instante

Autorespodedor Inteligente

¿Se puede hacer una web en menos de 30 minutos?

Desarrollo de Rich Internet Applications con JavaFX

Aprendiendo HTML, CSS y JavaScript

Diseño Web

Preguntas sobre Diseño Web

Curso 'Dreamweaver CS3 desde 0 con RSS y Spry

Programación de páginas WEB dinámicas desde cero con PHP

TUTORIALES: DreamWeaver curso pagina web videotutoriales.es

Adobe AIR 1.5

Adobe Dreamweaver CS4

Los cambios tienen carácter inmediato

La formación en línea facilita el cambio

La edición de páginas Web es rápida y sencilla

Modelo de CAJA en CSS

Analisis del Sitio Singular Kitchen

45 Reglas para el diseño de un Logo

Las 7 tecnicas y elementos mas usados en el Diseño Web

Rayos de Sol/ Rayos de Luz

Siluetas negras o de colores

Manchas de Tinta

Remolinos/Flores/Ornamentos

Lineas de flujo

Circulos

Humo como textura

Como darle a su Web el diseño 2.0: 3ra parte

Como darle a su web un diseño 2.0: 2da parte

Como darle a su Web el diseño 2.0: 1ra parte

Como arruinar un buen diseño: la curva de aprendizaje aplicada al diseño

10 CSS Tips de un profesional Front-End Architect : Segunda Entrega

Pseudoclases Enlaces

Funciones en JAVASCRIPT

Variables booleanas en JAVASCRIPT

Sentencias de Escape en Javascript

Programacion Basica Javascrip: Variables

Sintaxis de Javascript

JAVASCRIPT en un archivo externo

JAVASCRIPT en un documento HTML

Javascript y XHTML

Que es JAVASCRIPT?

Colores CSS RGB Decimal y RGB Porcentual

Colores RGB Hexadecimal

Colores CSS por palabra clave y Colores del Sistema

Colores en CSS

Esquinas Redondas con CSS

Menus Espectaculares con CSS

CSS: Unidades de Medida

Como realizar Menus con CSS

CSS: Selector de clase

CSS Selector de clase

CSS: Selector de Tipo Etiqueta

Selector Universal CSS

Sintaxis y selectores CSS

Cuales son los medios CSS

Sintaxis de CSS

Como usar CSS en un Sitio web

3.-CSS en los elementos HTML

Diseño de Colores Armonicos

Que es CSS?

Posicionamiento y Trafico con Youtube

Servicio para crear paginas web Gratis de Google

La psicología del color al diseño web

La psicología del color al diseño web

Clase PHP para ver videos Youtube

PHP Dudas y preguntas

Sistema de Foros en PHP y MYSQL

Hosting Web Dedicado - Liquid Web

Planeacion de un Sitio Web: Etapa 1 Análisis

Planeacion de un Sitio Web: Etapa 1 Análisis

Themes Wordpress y Plantillas Blogger

Alojamiento de archivos y pagan cada 1000 descargas

Web 2.0 Badges Galardones

Generado de botones automaticos

Cree sus carteles y banners con Xara

Elementos Graficos Gartis para tu web