Diseño WeB desde cero [LA GUIA MAXIMA]

Tamaño de Imagenes

2007-11-24T08:51:00.000-06:00

En mi surfeo diario en la web me encuentro con muchos sitios y personas que simplemente no toman en cuenta el tamaño de una imagen al ponerla en su web.

Por ejemplo, esta imagen de Paramore pesa 35kb y tiene un tamaño de 300x250, asi se ve en tamaño real:

Muchos pensarian que esta imagen se puede hacer mas pequeña con solo cambiar sus dimensiones:

Pero, que paso?

La imagen al ser reducida solo en su dimension se pixelea, ademas de que significa mas carga para el usuario.

Recomendaciones

Siempre muestra las imagenes en su tamaño real
Si estan demasiado grandes, editalas con photoshop
Dimensiones = peso, procura que sean imagenes pequeñas

Ganador Logotipo Madrid 2016

2007-09-29T13:13:00.000-05:00

Al fin, después de tanta polémica de plagios y jurados interesados la candidatura de Madrid para los Juegos Olímpicos 2016 tiene ganador, lo que es mera anecdota porque de todos es sabido que después de Londres 2012 el COI no eligirá otra ciudad europea… los políticos tienen que justificar gastos.

En la portada del ayuntamiento de Madrid podemos ver los resultados, que son los siguientes:

“Corle” encabezó las preferencias de los votantes con 36.379 votos (el 32%). Su autor es Joaquín Mallo, un argentino nacionalizado español desde hace 24 años, que ha querido representar la unidad de las distintas culturas que conviven en Madrid a través de una mano, formada por una línea continua que cambia de color y forma una M en su palma.

Ve mas en SOSNEWBIE.COM
http://www.sosnewbie.com/es/logotipos/ganador-logotipo-madrid-2016/

Plagio Logotripo Madrid 2016

2007-09-24T23:21:00.000-05:00

3-09-2007: La Fundación Madrid’16 ya ha eliminado del concurso el logo titulado “Light” , según palabras de Juan Antonio Villanueva “principalmente porque no es original”. El organismo no contempla en ningún caso la posibilidad de anular el concurso, que seguirá adelante con los nueve diseños restantes.

21-09-2007: otro logotipo bajo sospecha de plagio, el concurso entero está podrido
Diseñado por Luis Coderque, ya fue presentado en una versión prácticamente idéntica para la creación de la imagen de la marca Madrid. Pero lo peor es que este diseñador trabaja para Saffron, la empresa encargada de hacer la preselección de los 10 logotipos finalistas… de verguenza.

A la derecha propuesta para Madrid 2016, a la izq captura de pantalla de la web de Augusto Valenti, logo diseñado por Liberonline

Ve el articulo completo en SOSNEWBIE.COM
http://www.sosnewbie.com/es/logotipos/plagio-logotipo-madrid-2016/

Medidas contra el robo de imagenes

2007-09-17T13:09:00.000-05:00

Últimamente estamos descubriendo montones de páginas web que roban diseños de nuestra creacion, son páginas web dedicadas principalmente al porno o a la piratería, al ser actividades ilegales parece que tendremos complicado conseguir que retiren nuestros diseños. En este post intentaremos ponerles las cosas difíciles a los chicos malos.

Pero no creas que esto pasa sólo a los novatos, la mismísima Britney Spears plagia diseños bajo el amparo de la famosa marca de cosméticos Elizabeth Arden.

Si quieres leer más sobre este caso haz click en las imágenes.

Como ves, el plagio es algo que se da a todos los niveles, en nuestro caso hay que ser realistas, en condiciones normales ninguna empresa seria se arriesgará a plagiarnos, ya que sería más barato comprarnos el diseño que los posibles consecuencias de una denuncia. Nuestros plagiadores serán más del estilo de páginas web porno, piratería y cosas por el estilo.

¿Como protegemos nuestras imagenes?

LEE MAS EN SOSNEWBIE.COM
http://www.sosnewbie.com/es/negocios/medidas-contra-el-plagio-de-disenos/

Navegadores

2007-09-08T13:22:00.000-05:00

Cuando decides hacer tu pagina web, junto con tu tipo de publico debes decidir tu tipo de navegador.
Nunca es reco,endable diseñar para un solo navegador, el minimo recomendado son 2.

Reglas basicas y problemas de Compatibilidad:
Firefox 1.0-2.0x: Las mismas del W3C, son simples y si no estas seguro de que las hayas cumplido, ve a su Validador e introduce la URL de tu pagina, te dara un informe de los errores que encontro (si los hay) y si esta correcto un link para que muestres que fue revisada por la W3C. Este navegador NO ADMITE controles ActiveX, asi que te tendras que actualizar a Flash 9x. Algunas secuencias JavaScript no funcionan correctamente.

Internet Explorer 1-6: Este navegador es completamente impredecible, no se apega a las normas W3C por lo que no es posible saber que tipo de errores tendra, Algunas secuencias JavaScript no funcionan correctamente.

Internet Explorer 7x, Safari, Netscape, Opera: Estos navegadores funcionan muy similarmente y comparten caracteristicas, siguen las normas de la W3C asi que puedes usar el validador para ver su compatibilidad.

Dominios Gratuitos

2007-09-06T20:07:00.000-05:00

Por muchos sitios rondan los llamados "dominios gratuitos", pero ¿Son Gratuitos? y... ¿Son Dominios?

Muchos de ellos son algo como tunombre.cool.com o tunombre.cc.com
Estos "dominios" de hecho no lo son, son solo sub-dominios de algun dominio existente como google.com o yahoo.com.

Los subdominios son preoveidos por el servidor que hospeda la pagina, y en caso de que la empresa disponga de su servidor dedicado son ilimitados, si es hosting compartido se pone un limite de 999.
Muchos subdominios usan una tecnica de "masking", quiere decir que solo cubren la ubicacion real de la pagina y le ponen la que tu deseas, esto es generalmente malo para los buscadores, ya que el contenido de la pagina real no se encuentra, y en vez de eso se almacena el contenido de la pagina "masking".

En algunas paginas esto fue arreglado al usar etiquetas "keyword" y algunas instrucciones para los robots, como INDEX, FOLLOW y ALL.

El mejor proveedor sin duda es freedomain.co.nr, que te da dominios .co.nr sin necesidad de colocar publicidad en tu sitio.

Hosting Gratuito

2007-09-04T17:02:00.000-05:00

Muchas veces nuestros proyectos son simplemente una prueba o solo los haces como hobby, y por tanto no estas dispuesto a gastar dinero en hosting:

El hosting es algo facil de conseguir, solo tipea Free Hosting en google y te saldran cientos de miles de hosters, pero... ¿Cual es el mejor?

Depende de muchos factores, desde que tipo de pagina deseas alojar o a que publico esta dirigido:

HTML: Para paginas en simple HTML con widgets o detallitos que no necesiten ni bases de datos MySQL ni e-mails, ni poder enviar correos desde la pagina la mejor es:

110MB (link)
Caracteristicas:
2GB espacio
100GB de transferencia mensual
Fantastico Deluxe
SIN PUBLICIDAD
PHP y algunos otros idiomas

Overall: Muy bueno si no vas a usar MySql ni widgets que necesiten del sendmail activado, la opcion de sendmail y MySQL esta disponible a 15 dolares, nada recomendable.

PHP y Otros lenguajes: El mejor para paginas complejas y que disponen de CMS son:

X10 Hosting (link)
Caracteristicas del paquete sin publicidad:
300MB espacio
10GB transferencia mensual
SIN PUBLICIDAD
Fantastico Deluxe
CPanel X
E-MAILS!!!
SendMail ON!

Overall: Un paquete simplemente increible, completamente gratis y sin necesidad de dar tus datos de tarjeta de credito, con este puedes administrar tu propio dominio, si bien 300mb y 10gb de transferencia suena poco, es mas de lo que imaginas.

X10 Hosting (link)
Caracteristicas del paqueteCON publicidad:
2500MB espacio
45GB transferencia mensual
PUBLICIDAD
Fantastico Deluxe
CPanel X
E-MAILS!!!
SendMail ON!

Overall: Este paquete es si necesitas un poco mas, la publicidad es no intrusiva y tu la puedes colocar donde desees, de preferencia en el fondo del sitio. Muy Recomendable

Negociando Dominios

2007-09-03T17:59:00.000-05:00

A quien no le ha pasado que se le ocurre un nombre genial para una compañia o pagina, pero ya esta ocupado.
¿Que podemos hacer en este caso?

Si el dominio ya esta tomado, ve a Who.Is y busca el dominio que intentas obtener, por ejemplo digamos que estas interesado en adquirir aguavivainternacional.com.mx, te saldra lo siguiente:
En este caso no sale la informacion de contacto electronico, pero con la direccion que te muestra y un poco del todopoderoso google lo encontraras.

El siguiente paso es negociar el precio, ten en cuenta lo maximo que estas dispuesto a pagar, por ejemplo lo maximo que pagaria son 500 dolares, pero teniendo en cuenta que el dominio lo costo entre 5 y 20 dolares le voy a ofrecer 30.
Ve pujando poco a poco, sin precipitarte, con suerte no tendras que sacar esos 500 usd.

Ahora la informacion del dominio, es recomendable que hagas esto en persona para evitar malentendidos, recuerda cambiar la contraseña al primer momento que tengas para evitar un intento de robo a algo similar.

No dejes que te estafen, busca siempre alternativas en otras extensiones, si no esta en .com busca en net, o en nombres de paises como WS o TK, si lo prefieres usa el de tu pais de residencia MX, CC, CL, o CH, aunque nada como el com.

Espero que les sea de ayuda!

Que no Hacer en tu Hosting

2007-08-29T19:03:00.000-05:00

Reglas del Hosting

Antes de comprar un paquete de hosting, lee bien el contrato, ya que te puedes encontrar detallitos amargos.
Algunas de las reglas mas comunes de los hosters:

No contenido pornografico: Esto es en la gran mayoria de los sites no esta permitido, sin embargo hay algunos hosters que se dedican exclusivamente a este negocio, si este es tu negocio busca por ello en Google o pregunta a tu empresa de hosting sobre este tema. Este hosting es generalmente mas caro, hasta un 10% mas que el Linux normal.
No Banner Farms: Las banner farms (granjas de banners) es una pagina que no tiene ningun tipo de contenido, solo publicidad.
No paginas registradas: Esto significa que no puedes crearte una copia de MySpace o Rapidshare con otro nombre, ya que estarias violando la propiedad de los scripts del sitio.
No phising: El phishing es por ejemplo hacer una copia de una pagina del banco, un cliente llega, pone su numero de cuenta y PIN y tu se lo robas.
No Warez, o pirateria: Warez es un tipo de pagina dedicado a distribuir Keygens, Seriales y cracks de programas y paginas. Y obviamente la pirateria infringe los derechos de propiedad intelectual.

Generalmente si romes alguna de estas reglas te suspenden la cuenta, pero en las ultimas 3, como son delitos graves bajo leyes internacionales se generaran cargos contra ti, generalmente rastreando tu tarjeta de credito.

Cuidado con lo que hacen!

Eligiendo el Tipo de Pagina

2007-08-26T15:31:00.000-05:00

Hay paginas para todos los gustos, ¿pero que es lo que necesitas?

Blog: Puede ser para un diario en linea, articulos o un administrador de noticias. Son muy populares y son faciles de administrar. El mejor hoster gratuito para tu blog sin duda es Blogger.
La tecnologia que se recomienda es un CMS en PHP.
Pagina Publicitaria: Solo contiene la informacion basica de tu negocio, algunas fotos y descripciones. Este tipo de proyecto puede ser desde una simple pagina hasta un proyecto monumental.
En este tipo de proyectos se puede usar Flash (con prudencia), HTML, y recomendado pero no necesario PHP.
Pagina demostrativa: Este tipo de pagina contiene todas las caracteristicas de la publicitaria, pero a diferencia de ella, la demostrativa es actualizada cada 1-2 semanas, añadiendo datos, fotos y noticias.
La tecnologia de administracion tiene que ser a fuerza CMS en PHP, si bien puedes usar Flash, no lo hagas en exceso.
Pagina de noticias: Este tipo de pagina es identica a la demostrativa, pero con una diferencia: No tiene el fin directo de dar publicidad a algo, solo de informar noticias o acontecimientos.
Las tecnologias son las mismas,
Comunidades: Este tipo de paginas buscan reunir a una comunidad para compartir fotos, archivos u opiniones. Usar un CMS es necesario.

¿Que buscar en un Hosting?

2007-08-25T18:52:00.000-05:00

Cuando te estas decidiendo a comprar un paquete de hosting, que que buscas?

Precio: Si bien es lo primero que te fijas, no es lo mas importante, bueno, si tienes un presupuesto apretado si lo es.
Caracteristicas y opciones: Revisa que el hosting cumpla todas las necesidades de tu sitio que hemos visto anteriormente.
Soporte tecnico: Lee testimonios de clientes de esa compañia, revisa que tal es su soporte tecnico y la disponibilidad de sus representantes.
Contratos: Si bien el comprar el hosting por 12 meses es mas barato que comprar 1 mes x 12, no es lo mas recomendable si apenas vas empezando, en vez de eso revisa que tengan la opcion de pagar mes a mes.
Metodos de pago: La mayoria ofrece pago por tarjeta de credito, pero eso la deja abierta a que hagan cargos cuando deseen aun sin tu consentimiento, en vez de eso prefiere pagar con PayPal, usas tu tarjeta de credito pero cada vez que te quieran cobrar algo, tu decides si pagas o no, algo muy seguro.

Si ya has revisado todas las caracteristicas del hosting y estas convencido, ve por el!

¿Linux o Windows?

2007-08-25T12:01:00.000-05:00

Cuando vayas a escoger un paquete de hosting, te preguntaran un detalle muy importante:

¿Hosting Linux o Windows?

Las diferencias:
Linux es un sistema operativo basado en Unix, al igual que MAC OSX. Es un sistema operativo Open Source, que en la mayoria de sus distros en gratuito, es facil de instalar y configurar ademas de que es virtualmente imposible que le entren virus. La mayoria de los hosters usan este sistema operativo, soporta las siguientes tecnologias:
PHP, CMS, MySQL, PYTON, APACHE

Windows es el sistema operativo mas usado en el mundo, pero es mas inseguro e inestable ademas de mas caro que el Linux. Soporta tecnologias especificas:
ASP, MSQL, DOS

Conclusion: El hosting linux siempre sera mas barato que el windows, ademas de que las tecnologias que soporta son (en capacidad) mejores que las que Windows soporta.

A menos de que vayas a usar un Framework en asp Linux es para ti!

Terminologia y Caracteristicas del Hosting

2007-08-25T11:44:00.000-05:00

Cuando te decidas por comprar un paquete de hosting, te vendran muchas caracteristicas que tal vez no conozcas o no necesites, vamos a ver sus partes:

Espacio en Disco (Disk Space):Es el espacio que tendras disponible para subir tus archivos, imagenes y demas. Mientras mas espacio tengas disponible mas extenso podras hacer tu sitio y las secciones de el. Pero no compres mas del que necesites, y si no sabes cuanto necesitaras un minimo de 1 gb y un maximo de 10gb te caeran bien, mas de eso seria simplemente comprar algo que no necesitas.

Ancho de Banda (Bandwidht): Es la cantidad de archivos que el servidor dera capaz de transmitir, generalmente la cifra es mensual. Un minimo de 20gb es recomendado. Tambien puedes usar la siguiente formula: Espacio en disco X 15.

Cantidad de dominios (Addon domains): Es la cantidad de sitios que podras manejar desde tu cuenta, si tienes 15 sitios y compras un hosting en el que los puedas administrar juntos te ahorraras mucho dinero.

Bases de datos MySQL: La base de datos es un archivo necesario para todos los CMS y aplicaciones PHP, en caso de que vayas a usar HTML una base de datos no es necesaria. Pero si elijes un CMS necesitaras un minimo de 1 y el maximo solo se determina segun las aplicaciones que vayas a usar.

PHP, PERL, RoR: Tecnologias soportadas por el servidor, si piensas usar un CMS escoge uno que tenga soporte de PHP 4.0x

Espero que esto sea de ayuda!

Hosting

2007-08-24T22:18:00.000-05:00

Hosting

Por fin llegamos a la parte dificil y la mas cara del proceso de crear paginas o blogs, el hosting:

Pero...¿Que es el hosting?
El hosting es el servicio de "hospedaje" de tu pagina, es decir donde estara ubicada.

Hay 3 tipos de Hosting:

Compartido (shared): El mas común, es compartido debido a que en un mismo servidor tu y miles de sitios estan hospedados, de todos este es el mas barato y popular. Sus precios generalmente rondan los 3-10 dolares dependiendo de sus caracteristicas. El pago generalmente es anual, aunque muchos sitios tambien lo ofrecen mensual, aunque un poco mas caro que si lo compraras anual.
El mejor: GoDaddy 2.8 a 15 dls mensual

Reseller (revendedor): Este hosting puede llegar a costar hasta 10 veces mas que su contraparte compartido, aunque sus caracteristicas sean las mismas. Este hosting es especial debido a que puedes "revender" parte de tu espacio a tus clientes, util si tienes muchos clientes o muchos sitios. Generalmente el pago de este hosting es mensual, teniendo descuentos si pagas 12 o 24 meses, el precio x mes ronda los 20-150 dolares.
El mejor: HostGator 24-99 dls mensual

Dedicado (dedicated): Cuando tu sitio crezca a niveles estratosfericos, necesitaras un servidor dedicado, un servidor dedicado es una computadora que esta prendida las 24 horas a tu servicio, solo para ti. El precio es igual de estratosferico, ronda los 1,000 a 5,000 dolares MENSUALES.
El mejor: GoDaddy 63 a 230 dolares mensuales

RESUMEN

Si vas a hacer tu sitio casero, hobby o simplemente no necesitas demasiado el hosting compartido es la mejor opcion, si en cambio piensas hacer miles de paginas, un hosting de reseller te caeria bien.
Y si piensas hacerte un Google o Yahoo!, el hosting dedicado es para ti.

Hosting hay para todos, solo encuentra el que mejor se adapte a ti, o a tu billetera

Contratando un diseñador

2007-08-24T16:01:00.000-05:00

Contratando un diseñador

Tal vez te des cuenta de que simplemente no sirves para diseñar o que no sabes absolutamente nada de codigos, y te decidas por pagar a un diseñador para que haga y publique tu sitio.

Pero antes de que le digas que si, ten en mente unos detalles:

Antes de que empieze a trabajar acuerden el costo total y los detalles de lo que te esta dando, si inlcuye hosting, dominio o algo mas. No prosigas si no tienes esta informacion.

En cuanto a costo, varia demasiado para darle seguimiento.
Un starter te lo dejaria en 100-250 dolares por un diseño basico, pero un pro te puede cobrar desde 500 hasta 2500 dolares, si no esta en tu presupuesto no lo aceptes.

Revisa su portafolio, si no te gusta la manera en que trabaja, no lo contrates.

Si el va a manejar el dominio, dile que no lo adjunte a la cuenta de hosting, que lo mantenga registrado aparte.
Si te pide un adelanto (30%-50%) pide una garantia, un demo del sitio o algo similar.
Aclara el tipo de pagina que va a hacer, Html, Flash, PHP, las diferencias?

HTML: No podras editar ni agregar informacion sin tener que contactarlo, es la manera mas simple y rudimentaria de hacer paginas.
Flash: Si bien te va a dar un diseño impresionante, no vas a poder editarlo ni agregarle informacion.
PHP: De todas esta es la mejor manera de hacer negocio, puedes editar la pagina sin tener que saber nada de codigos, todo mediante una herramienta grafica.

Pero CUIDADO!, generalmente los sistemas de administracion de contenido en PHP (CMS) son hechos por los propios diseñadores, un trabajo arduo que te va a costar entre 700 y 2,000 dolares. En vez de eso pidele a tu dseñador que use alguna distribucion gratuita, como Joomla! o Mambo estas tienen la ventaja de los CMS, pero sin costarte absolutamente nada mediante su licencia GNU/GPL de distribucion gratuita.

Despues de darle el anticipo comenzara el trabajo y lo publicara PERO antes de liquidar su pago, pidele que te muestre como funciona la interfaz del sitio, y los detalles de el, de nada te sirve tener el mejor CMS si no lo sabes usar.

Suerte con esos diseñadores!

¿Que tipo de dominio?

2007-08-24T15:46:00.000-05:00

¿Que tipo de dominio comprar?

Existen cientos de extensiones de dominio: org, net, com, eu, us, mx, mc, ch, cc. Pero ¿Cual escoger?
Desde el punto de vista economico los dominios mas baratos son los .com, .net, .org e .info.
Estos son utiles si tu pagina va a ser "internacional" o simplemente no quieres revelar o hacer enfasis en el pais que estas ubicado.
Si en cambio buscas tener algun vinculo con tu pais de origen y deseas un dominio con esa extension el precio cambia mucho:

Org, Net, Com, Biz: de 6.99 a 9.99 dls
Us (Estados Unidos): 6.99 a 9.99
Cl (colombia): 29 a 49 dls
Mx (mexico): 39 a 59 dls
Mc (monaco): 399 a 599 dls

Como ves los precios varian mucho entre las diferentes extensiones, pero las mejor valoradas simpre seran las llamadas "genericas", Org, Net, Com, Biz.

Las que sin duda desde cualquier punto de vista son la mejor opcion para crear tu sitio.

Si te decides a comprarlas no dudes en hacerlo mediante GoDaddy!

Primer Paso: Dominios

2007-08-24T15:24:00.000-05:00

Para empezar a crear tu web lo primero que necesitas es un dominio.
El costo de estos puede variar de 5 a 20 dolares, la diferencia de precio entre varios hosters es increible, en Yahoo! los dominios rondan los 15-20 dolares, mientras que en GoDaddy empiezan desde 6.99.

¿Que buscar cuando se compra un dominio?

No es necesario que leas todas las letras pequeñas, pero si tienes que fijarte en algunas cosas:
Precio estable: Muchos te ofrecen un precio ridiculo al momento de inscribirte, 2 dolares o menos, la ganancia es que a partir del segundo año te cobran lo que quieren, 15, 20 y llegando hasta los 30 dolares anuales. Evita esto leyendo que el precio del dominio diga xdls/yr, esto significa que el precio es por año.
Buena reputacion:Si vas empezando no corras riesgos, ve a los grandes que ya tienen fama, en mi caso los compro en GoDaddy, buen precio, estabilidad y ademas aceptan pago por paypal.

Recomendados:
Como usuario (feliz con el resultado) te recomiendo que los compres en GoDaddy, tienen muy buena reputacion, buen servicio tecnico y un muy buen panel de administracion. Ademas de que manejan muchas extensiones.

Mas en la siguiente guia!