Antecedentes:
Cuando eres un desarrollador web te es costoso hacer el trabajo de 0, a que me refiero, que si emplear mucho tiempo en hacer algo que ya esta hecho, si hablo de los templetes o diseño de tu sitio web. Habia usado o hecho ciertas maniobras para obtener "botones", "sliders" etc de otras paginas y asi crear una nueva, siempre usando recursos de otros.
Funciona pero....
Ventajas:
- "ganas tiempo" usando templetes ya desarrollado
- ya puedes acomodarte alo que se hico
- no es tan bonito volver a crear la rueda
Desventajas:
- El tiempo apremia el cliente no esperara a que tu obra este bien lista
- Te pasas un buen tiempo estudiando lo que hicieron y como lo hicieron
- Pierdes respeto, por que la gente que save te dira: sin creatividad, sin originalidad etc etc
Esta bien si crees que la relacion costo-tiempo no amerita hacer algo original o propio, o No.
Pero para aquellos que despues de haver pasado mucho tiempo copiando reutilizando y ahora como en mi caso necesitan crear con originalidad, belleza, creatividad. estos son pasos iniciales y basicos a seguir para crear el sitio web original y propio que necesitas.
Pasos
1.- Asegurate de llevar todo lo que piensas a un papel esto con el motivo de que se registre no importa el medio pero registra lo que va surgiendo en ideas.
Herramientas: esto te permitira crear una idea inicial, genial para mostrar al usuario lo que haras y lo que propones.
https://moqups.com/
Nota: recuerdas que existe muchas mas, unas que trabajan online o de escritorio o tableta elije la que mas se adecua a lo que buscas y necesitas, pocas opciones libres :/ .
2.- Con ayuda de una Herramienta de diseño (la que consideres mejor a tus necesidades pero seamos sinceros creo que una gran mayoria usa PS o uno de esos de Adobe ) en este caso sirve el PS por que la siguiente herramienta usa de algunos recursos que luego alivianara tu trabajo al maquetisar, conservar el diseño por capas te sera util y necesario despues.
Herramientas: Usar uno de estos no te hara daño, recuerda con el gimp abre archivos psd no sera problema alguno si solo usas PS.
3.- Tener un tamaño estandar recomendado 960px de ancho, de largo es indiferente pero no exageres.
Herramienta: BluePrintCss, Para el control del tamaño, dentro del paquete existe un archivo de blueprint/templete, este viene con un GRIP prediseñado "utilizalo, recomendado" que te ayudara con el tamaño y la posicion de tu diseño
http://www.blueprintcss.org/ (tomate tu tiempo para leer un poco su documentacion, recomendado)
Que tenemos hasta aqui: El diseño por capas dentro de un Grip,
Prepara tus Tipografias:
herramientas: trata de no usar fuentes de propietario evita problemas de derecho de autor :* .
4.- Maquetizar aqui es donde decides con que IDE trabajas, pero lo puedes realizar simplemente con /blueprint existen las carpetas con los recursos necesario solo debes de crear el archivo html y empesar a llevar el diseño a html o trabajarlo directamente herramienta que te permita previsualisar lo que estas haciendo, kodomo, dreamviewer,etc.
Es aqui donde determinaras si usar un recurso grafico como un logo, imagen, recursos netamentes de imagen , recuerda que debes de verificar lo optimo de navegacion, con peso de navegacion de las images.
El color,tamaño, estilo, es aqui donde tu debes usar tus habilidades y tener los conceptos de html, script, css claros, trata de usar todos los recursos que te ofrese blueprint para optimisar, no te gastes en trabajo doble cuando ya existe la herramienta.
5.- Estamos listos para el entorno de desarrollo Web.
Valida tu web http://validator.w3.org/ :D
Nota Final: Este no pretende ser un manual, mas bien una lista de sugerencias, apuntes cortos de como puedes empezar a crear sitios wed, autenticos, novedosos, originales, con ayuda de herramientas basicas. Seguro que se me paso de largo muchos detalles, si tienes una sugerencia o pregunta te invito a comentar.
Recurso Principal
T-SHOOT: Titanium Band Rings - TITanium Arts
ResponderEliminarT-SHOOT: Titanium Band Rings titanium dental implants and periodontics is an titanium white acrylic paint item titanium engine block by T-ShoOT ford edge titanium 2019 Limited, T-ShoOT Limited, T-ShoOT Limited, and suppliers of metal T-ShoOT Limited.