Archives
- October 2011
- September 2011
- June 2011
- March 2011
- October 2010
- August 2010
- July 2010
- June 2010
- December 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- December 1969
Categories
- Access
- ActionScript
- Adobe
- ADSL
- AJAX
- Algoritmos
- Analisis
- Analista de Sistemas
- apache
- ascii
- Automatas
- C
- Ciencias de la Computacion
- cliente-servidor
- Colores RGB
- Complejidad
- Conceptos Basicos
- Consejos – Tips
- CS4
- CSS
- Cupones
- curso
- Cursos
- Delphi
- Diseño Grafico
- diseño web
- Dreamweaver
- etiquetas
- Eventos
- Excel
- Expresion
- Flash
- Flash 8
- Flash CS3
- Flash General
- Flex
- FLV
- GoDaddy
- Graficos
- grafos
- Gratis
- Guia
- Herramientas
- Hojas de Estilo en Cascada
- Hosting
- htacces
- HTML
- imagenes
- Ingenieria de Software
- ingenieria en informa¡tica
- Internet
- introduccion
- Java
- javascript
- lan
- Lenguajes
- Licenciatura en Sistemas
- Linros
- logica
- man
- Maquetacion
- Microsoft
- mod rewrite
- MySQL
- Paradigmas de Programacion
- Password
- Photoshop
- PHP
- PHPMyadmin
- Pila
- Plantillas
- Preguntas Frecuentes
- Programacion
- Programacion Internet
- Programacion Logica
- Programacion Web
- Programador Universitario
- Prolog
- Proyect
- Que es una red
- Recomendaciones
- Recursos
- redes
- Redes Inalambricas
- RGB
- RIA
- Ruby on the Rails
- seguridad
- Seminarios
- Servicios
- Servidores
- Servidores Dedicados
- Sitios
- Sitios – Webs
- Software Diseño Web
- tipos de redes
- Tips
- Trucos
- tutoriales
- tutoriales
- Tutoriales
- tutoriales flash
- Universidad
- Usabilidad
- utilidades
- Video
- W3C
- wan
- Windows
- Word
- Wordpress
- XHTML
- XML
Links
Recent Articles
- Programación Básica en PLSQL
- Aprende Flash Facil
- Aprende Flash Facil
- Fazzil: Tu Página Web Fácilmente
- Curso de Phosohop en Junin
- Estudiar Diseño Web en Junin
- Curso de Programacion Python
- Tutorial Photoshop: Lineas de luz alrededor de personas
- Crear Pagina Web En Flash
- Flash CS5 Actionscript Facilito
-
Como darle a su Web el diseño 2.0: 3ra parte
No CommentsSans 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: TarjetonesMHM. 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 medianasVé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.
Originalmente escrito en Charles ProgInternet.com
Published on September 30, 2008 · Filed under: Programacion Internet;
Leave a Reply
You must be logged in to post a comment.
