Curso 'Dreamweaver CS3 desde 0 con RSS y Spry
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
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
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
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
TUTORIALES: DreamWeaver curso pagina web videotutoriales.es
Adobe AIR 1.5
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.
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
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."
Algunos Tutoriales de Adobe, Dreamweaver y Macromedia
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
- ¿Por qué no veo la opción de agregar botón flash en Dreamweaver CS4?
- Donde conseguir ADOBE CS4 MASTER COLLECTION final español
- Tutorial Dreamweaver CS4
- Como se instala el Dreamweaver cs4??
Algunos Tutoriales de Adobe, Dreamweaver y Macromedia
 |
| Espectacular Curso Dreamweaver Cs3 Totalmente En Espa�ol |
| Precio: $35.00 |
Modelo de CAJA en CSS
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
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
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.
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
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.
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
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.
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
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
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
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í:
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
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
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.
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
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");
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");