Como usuarios vemos lo "bonito" o "agradable" que un sitio web puede ofrecer a la vista; mientras mejor se vea, entonces más llamara la atención. Un elemento que pocas veces se le da la importancia que debe es a la tipografía. Estos elementos visuales ahora también llamados "fuentes" son en muchas ocasiones las que dan pautas en un buen diseño, ya que llevan el ritmo de lectura para hacer que un usuario comúnmente se quede en el sitio a leer, si no hay un buen manejo de fuente, espacios y colores, simplemente el usuario optara por irse, incluso cuando la información sea de gran importancia para el/ella.
Los buenos usos de la tipografía o fuente van más allá de como se ve bien en un diseño para web, aquí se involucran además de conceptos de diseño y buen gusto, conceptos de programación e imple.....
Leer el arículo completo
Seguramente has escuchado hablar del "Responsive web design", un término que hace poco tiempo ha tomado una fuerza importante en los blogs de diseño web por el mundo.
Básicamente el "Responsive web design" o diseño web orientado a flexibilidad es un concepto de diseño y programación donde las pantallas de un sitio web se ajustan dependiendo de la resolución de las pantallas.
Por ejemplo, hay 3 pantallas de ajuste básicas, que son para Computadora, tablet y dispositivo móvil. Cada una de estas pantallas obviamente tiene una resolución diferente; normalmente 1280x900 en monitores, 1024x768 en tablets y 360x480 en móviles.
En el diseño web hay muchas cosas que normalmente no toman en cuenta los desarrollos y si como cliente deseas agregar estas características, el precio s.....
Leer el arículo completo
El diseño web ha evolucionado tanto que no es lo que era hace algunos años cuando las grandes empresas tecnológicas de ese tiempo como myspace, geocities, hi5, yahoo, etc estaban a cargo. Recurdo que en ese tiempo al usuario se le daba la posibilidad de modificar el perfil de sus cuentas a como ellos quisieran, agregar etiquetas HTML o CSS y en algunas casos JavaScript, haciendo los sitios lentos y contribuyendo a que dejaran la esencia que los había convertido en lideres.
Hoy en día ya casi no es común ver este tipo de acciones por parte de los sitios, que.....
Leer el arículo completo
No es algo que sea oculto para muchos de nosotros, o un tema "tabu" y que pocos queramos hablar de ello, lo cierto es que existen muchos puntos a tomar, y que siendo un profesional que te ha costado subidas y bajadas, quieras dar a conocer tus métodos para llegar una buena relación con los clientes.
Un buen manejo de clientes en cualquier mercado es crucial para que el flujo de trabajo y dinero este sano.
Como diseñador debes de aprender a sobrellevar a tus clientes, la disciplina, entregas a tiempo y un buen trabajo son puntos claves que con el tiempo te permitirán tener tus pagos y flujo de efectivo a tiempo, y que en caso que sea necesario, puedas hacer presión para soltarlos.
Te vamos a explicar a grosso modo, cuales son los puntos que debes pulir como dise.....
Leer el arículo completo
Hasta ahora universidades, museos, empresas y hasta el Vaticano están dispuestos a pagar un alto precio para comprar dominios con el sufijo .xxx para que su nombre no sea usurpado por páginas web de pornografía.
La venta de las terminaciones .xxx empezó la semana pasada, una vez que ICM Registry, la institución encargada de administrar e la atribución de estos dominios .xxx, proporcionó un periodo de gracia a instituciones, empresas y figuras públicas, para que asegurar que sus nombres no fueran utilizados con esta terminación.
Entre las instituciones que aprovecharon este periodo estuvieron; La Universidad de Standford, MoMa, el Louvre, Sony, Coca-Cola, el Vaticano y los movimientos Scout en tiempo y forma hicieron la reservación de sus direcciones .xxx, de acuerdo con whois Lookup.
Aún así al vaticano al parecer se le escapó www.BenedictoXVI.xxx, ya.....
Leer el arículo completo
Si lo que deseamos es obtener un resultado profesional en la elaboración de los botones de nuestrapágina web, tendremos que tener en cuenta que la mejor opción para realizarlos es mediante hojas de estilos, ya que a diferencia de flash, otorga una forma bastante ligera y profesional de realizar nuestro diseño teniendo una muy buena compatibilidad entre los navegadores que posean el estándar, para realizar nuestro botón, necesitaremos 3 imágenes distintas, una donde se muestre el botón en sí, otra donde se muestre el botón cuando el cursor esté encima de él y finalmente, una imagen del botón cuando ha sido presionado, el lugar donde el botón aparecerá será donde se ponga el código siguiente:
INICIO
Para aplicarle el diseño al botón, será necesario aplicar el siguiente código CSS,.....
Leer el arículo completo
Para realizar una página web donde se ofrezcan servicios profesionales en el ámbito de sistemas, deberá ser muy cuidadoso con respecto a lo que quiera transmitir al público en general, sobre todo teniendo en consideración cual es el fuerte de su empresa.
Si está enfocado a desarrollo de sistemas para la industria de las pequeñas y medianas empresas, donde los sistemas suelen ser desarrollos cortos y dinámicos, lo recomendable es transmitir por medio de diseños que posean colores vivos el dinamismo de la empresa, ya que dará a entender el propio diseño que se trata de una empresa joven que puede otorgar sistemas a un precio competitivo enfocados a las empresas dinámicas.
En caso de que su empresa de desarrollo de software a la medida sea enfocado a sistemas grandes para empresas maduras, algo recomendable es el uso de colores sobrios, donde abunde la es.....
Leer el arículo completo
Mediante hojas de estilo es posible poner las esquinas redondeadas a nuestros diseños, permitiendo de esta forma, una apariencia mucho más estética, con el método que describiremos a continuación, podremos ver cómo realizar esto de una forma sencilla mediante CSS3, cabe mencionar que se podrá visualizar correctamente en todos los navegadores actuales, excepto Internet Explorer, que soporta esta característica solo desde su versión 9.
En caso de que busquemos que todas las esquinas queden redondeadas de la misma manera, deberemos utilizar los siguientes atributos:
Para navegadores basados en webkit (Safari, Chrome):
-webkit-border-radius: 10px;
Para navegadores basados en mozilla/firefox sería el siguiente ejemplo:
-moz-border-radius: 10px;
Utilizando Opera o IE9+ la siguiente es la opción adecuada:
-border-radius: 10px;
En ca.....
Leer el arículo completo
Hemos hablado de la importancia de los colores en tu pagina web o blog, pero no hemos hablado de temas especificos, en esta ocasión te aconsejaremos como elegir los colores de un sitio web que esta enfocado a la comida (recestas, restaurantes y gastronomia en general)
En el mundo podremos encontrar clientes que tengan un negocio enfocado a la gastronomia y deseen saltar a internet por medio de una página web, en caso de que tu seas el dueño del negocio o bien el que hara el diseño, es bueno tener a la vista los siguientes conceptos que ayudarán a que nuestro trabajo sea un éxito.
Como siempre, hay que tener muy en cuenta la identidad del negocio al que le vayamos a hacer su página de internet, así como sus colores y logotipos, quizá no sean los adecuados para realizar nuestro trabajo y atraerles clientes, pero ahí es donde entramos nosotros, puesto que nuestro principal t.....
Leer el arículo completo
Cuando finalmente has adquirido tu hosting, y dominio y comienzas a planear la construcción de tu página web, es bueno que conozcas cuales son las alternativas en sistemas de gestión de contenido para tu sitio web.
Para crear una página web con aplicaciones y plug-ins que te permitan tener el sitio web que tú necesitas es importante que conozcas todas las opciones disponibles y sus beneficios.
A continuación WebTecker nos proporciona una lista con los CMS OpenSoucem, que nos ayudará a determinar cuál de estos sistemas de gestión de contenidos se adapta mejor a tus necesidades.
* Textpattern es un CMS open source, sencillo y flexible escrito en PHP y que usa mySQL para la base de datos. Acceso
* Drupal es un sistema de gestión de contenidos que además de las funcionalidades básicas permite tener foros, Newsletters, Podcasting y galerías de imág.....
Leer el arículo completo
Puede que este aspecto inicialmente nos parezca irrelevante al momento de crear una página web, pero hay detalles que pueden pasar desapercibidos pero son clave para mejorar la experiencia del usuario.
Sería un error crear una pagina web para una resolución de pantalla muy específica, ya que habrá usuarios que no la puedan visualizar de forma correcta e inmediatamente cerrarán la página.
Por ejemplo; si creamos una página web con una capacidad de resolución muy pequeña, para usuarios con altas resoluciones de pantalla será muy pequeña y les resultará muy difícil leer el contenido.
Para este problema existencial tenemos el ranking de google analytics que nos proporciona las resoluciones de pantalla más utilizaras por los usuarios en Internet.
Ranking Resoluciones de Pantalla 2011
1. 1024x768: 18.06%
2. 1280x800: 14.39%
3. 1366x.....
Leer el arículo completo
¡A la creación de una Página Web!
Las personas que recién se inician en el mundo de la informática ,ya sea para proyectos personales, empresariales y demás siempre ah tenido el mismo dilema ¿Cómo puedo crear una web ?una respuesta sencilla para una pregunta sencilla.
Hoy en día crear un sitio web está al alcance de todos, púes la informática avanza a pasos agigantados, lo cual nos facilita todo, y el software no es una excepción, ¿Qué tiene que ver con el desarrollo web el software ? prácticamente influye demasiado, púes ya existe software dedicado a la elaboración de páginas webs de forma sencilla y rápida, una opción infalible por si es necesario una página web sencilla.
Por otra parte existe de igual manera una opción infalible, en ésta ocasión para profesionales y no tanto, eso son los lenguajes de programación, que a diferencia del software empleado pa.....
Leer el arículo completo
Continuando con el tema.
El primer estilo a desarrollar será el de la mañana, que contendrá colores más claros que el resto, empezando por un fondo basado en un gradiente circular que ira desde el blanco hasta un amarillo claro.
?Código CSS?
* {
margin: 0;
padding: 0;
}
body {
height: 100%;
background: #DEB887;
font-size: 14px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, #FFFFFF 0%, #FFCC66 100%);
background: -webkit-gradient(radial, center center, 0, center center, 770, from(#FFFFFF), to(#FFCC66));
}
#contenedor {
width: 922px;
margin: 0px auto;
padding: 0px;
border: 1px solid #dfdfdf;
background: #FFF8DC;
color: #DEB887;
font: 1.0em/150% 'arial', sans-serif;
}
#cabecera {
float: left;
width: 100%;
height: 95px;
margin: 0px;
padding: 0px;
background: #FFEBCD;
}
#cabecera #titulo {
margin: 20px 0px 0px 30px;
padding: 0px;
color: #DEB887;
font: bold 2.5em 'arial black', sans-serif;
text-align: lef.....
Leer el arículo completo
Empezar a jugar con factores externos a nuestro servidor o al ordenador del cliente, nos hará capaces de forjar en nuestros usuarios experiencias más únicas y particulares que las reproducidas con los ejemplos desarrollados en los dos artículos anteriores de esta serie.
La capacidad de cambiar la apariencia de nuestro sitio en base a la hora del día resultó en una herramienta de dinamismo bastante satisfactoria, gracias a ello ahora podemos crear espacios y ambientes que van acorde a lo que el usuario observa en su ambiente natural en el mismo momento que navega por nuestro sitio, pero por qué no ir más allá y agregar a ese espacio lo necesario para adaptarlo al clima que prevalece en ese ambiente.
Para esta tercera parte de nuestra serie, nuestro objetivo es crear una estructura y su diseño relacionado, basándonos en las condiciones meteorológicas de cualquier región o ciudad del mundo que deseemos, todo de manera relativamente sencilla y con auxiliares totalmente gratuitos.
El p.....
Leer el arículo completo
Mucho se ha oído y hablado sobre la implementación del nuevo elemento Canvas en la quinta y más reciente revisión del lenguaje HTML, su potencial se ha convertido en fuente de energía para que tanto desarrolladores como artistas comiencen a explorar y emplearlo en brillantes proyectos que causan el asombro de varios.
Su concepto es básico, Canvas es una región dibujable hecha con HTML que cuenta con cierta altura y anchura, en donde se permite realizar trazos y composiciones a través de funciones. En dicho elemento se permite la generación, modificación y manipulación de gráficos mediante código, se pueden crear imágenes de cero, animaciones y juegos sin necesidad de algún editor externo y al ser un elemento más del código HTML puede ser accedido y manipulado mediante JavaScript directo o por métodos de alguno de sus frameworks como jQuery o Mootools.
Aunque.....
Leer el arículo completo
El uso de tablas para estructurar un sitio resulta únicamente cómodo para quienes se reusan a aprender los nuevos estándares que ofrecen varias y mejores alternativas, el simple hecho de seguir utilizándolas para presentar información que no es propiamente tabular resulta abrumador.
La culpable de todo esto es la maldita costumbre, muchos crecimos como desarrolladores utilizando las tablas como un elemento omnipresente que tenía cabida en cada parte de nuestros sitios, para casi todo lo que necesitaba presentar información existía una celda o una tabla completa que entraba al rescate.
Con ellas matábamos la accesibilidad y la flexibilidad del sitio pero en aquel entonces no nos importaba, era preferible complicarnos la vida utilizando gifs como separadores dentro de las celdas para que el sitio funcionará y se viera bonito, a adaptarlo para utilizar tecnologías emergentes como.....
Leer el arículo completo
Es una aplicación similar en el estilo de adobe Flash, la cual esta enfocada en construir y editar sitios Web basándose en estándares. Este programa fue creado por Macromedia, aunque en la actualidad esta bajo la marca de Adobe Systems. Es el programa de mayor uso entre la comunidad de diseñadores y programadores Web.
Por sus funciones, la integraron que ofrece con otras herramientas como Flash y el soporte que esta ofreciendo con los estándares del World Wide Web Consortium (es un consorcio internacional que produce recomendaciones para la World Wide Web). El software que compite directamente con Dreamweaver es Microsoft Expression Web, el cual tiene un soporte para animación y edición de imágenes a través de la integración con otras. El principal problema de ese software es que el código generado con frecuencia fue solo valido para Internet Explore.....
Leer el arículo completo
Qué es preferible usar Páginas web dinamicas o páginas web estaticas
Para el diseño y/o creacion de páginas web tenemos que tomar en cuenta que podemos hacer dos tipos de páginas, las estaticas y
las dinamicas.
Para saber cual debemos usar tendremos que hablar un poco sobre cada uno de ellas. Primeramente hablaremos de las Páginas web
dinamicas:
Las páginas dinámicas son las que tienen una visualización atractiva para el cliente, por lo regular tienen mucha más interacción
con los usuarios, además de tener un ambiente mucho más grafico que las páginas estaticas.
Estas páginas se generan a través de lenguajes interpretados, generalmente JavaScript, y/o programas que crean animaciones un
ejemplo podria ser flash. Una de las formas con las que el diseñador de la página web no se mete en problemas a la hora de crear
las páginas dinámicas es cuando son creadas por una .....
Leer el arículo completo
Drupal vs Jommla ¿Cuál es el mejor?
Varias veces nos hemos preguntado ¿Cuál de estos
dos es el mejor gestor de contenidos?.
En esta seccion trataremos de resolver esa duda
y asi tengas conocimiento de cuál usar para
desarrollar tu sitio web.Primeramente hablaremos sobre las carcateristicas
de Drupal:
En cuanto a gestión de contenido podemos notar lo siguiente:
Muy sofisticado. puede crear múltiples tipos de contenido,
cada uno con diferentes características.
Las funciones de la comunidad de drupal por defecto ofrece
la posibilidad de ampliar los perfiles de los usuarios
sencillos y de grupos de gran alcance.
Los permisos de usuario que ofrece drupal son ilimitados ya
que permite crear niveles ilimitados de usuarios y
personalizar en detalle en minutos.
En el poscionamiento de navegadores es muy bueno, las direcciones URL funcionan excelente, el códi.....
Leer el arículo completo
Qué es un Sitebuilder?
Un Sitebuilder es un constructor de sitio web, es una
herramienta que te permite crear una páginas web de
manera senciila y rápida, de tal forma que el sitio
web quede al gusto del cliente.
Los sitebuilder o mejor conocidos como constructores
de sitios web tienen cientos de diseños de páginas
web las cuales los usuarios tienen una gran gama para
escoger uno de ellos segun lo que ocupen y/o necesidades.
Los sitebuilder por o general manejan 5 pasos para crear
su sitio web:
*Inicio
*diseño
*páginas
*edición
*Publicacion¿Por qué las empresas estan optando por tener sitebuilder
en sus páaginas web?
Está herramienta ya esta siendo usada por empresas que
se dedican a la renta del dominio y hospedaje a páginas
web , ya que el cliente creara su página web segun sus
necesidades además de que es novedosa.¿Ventajas de usar sitebuilder en vez de usar programación
empezando de 0?
Los sitebuilder tienen muchas ventajas algunas de ellas
son:
U.....
Leer el arículo completo