¿Cómo escribirías un post de “Creación de sitios web para maniquíes”?

Answer 1

Primero comienza con cómo construir la cosa y luego con la forma de hacerla vivir. Si me comunico con alguien completamente nuevo en diseño web que se encuentra en un momento crítico, sugeriría un sistema de administración de contenido como WordPress que sea fácil de usar, que haya perdido las diferentes plantillas disponibles y que simplemente pueda hacer el trabajo. Alguien podría comenzar a correr en días desde cero con WordPress, especialmente si usa WordPress.com.

Si WordPress no satisface sus necesidades, deben aprender a codificar HTML y CSS. Al menos lo básico. Les recomendaría un servicio como CodeAcademy o TeamTreehouse que ofrece excelentes tutoriales. Me gusta especialmente la casa del árbol. Es un servicio de pago, pero de manera realista, una suscripción de un mes lo ayudará con los conceptos básicos. También cubre todos los aspectos del diseño web, incluido el alojamiento y los nombres de dominio. También sugiero que se familiarice con jQuery si desea una funcionalidad más dinámica en su página.

Necesitas un editor de código. Puede usar el bloc de notas, pero incluso con un presupuesto, creo que algo que le ayude a entender el código es esencial para su código de color. Notepad ++ es gratuito y tiene una gran cantidad de características esenciales y toneladas de complementos, además de compilación en ftp (cómo llevar sus archivos a la web).

Entonces sugeriría usar marcos como HTML5 o Twitter Bootstrap. El programa de arranque de Twitter incluye especialmente buena documentación y ejemplos para ayudarlo a construir el sitio de la manera que desee. Una vez que tenga la estructura en su lugar, necesita alámbrico. Puede hacerlo en papel cuadriculado o en cualquiera de los servicios gratuitos disponibles. Realmente me gustan los moqups. Si realiza el cableado, ya sabrá cómo desea que se vea el diseño y se ahorrará el dolor de cabeza de cambiar de opinión un millón de veces.

Elige una paleta de colores. Esto evitará que su sitio se vea terrible por error, como sucede con los nuevos diseñadores, especialmente los adolescentes. ¿Recuerdas la forma en que todos usamos para hacer que nuestro myspace se vea? eek Hay un millón de servicios disponibles para esto, pero me gusta Kuler de Adobe. Le brinda muchas opciones y también le permite ver las paletas creadas por el usuario.

Código de código de código y prueba de prueba de prueba. El primer sitio web es el más intimidante. Mantenga su marcado semántico. HTML es para la estructura, CSS para el diseño y jQuery o JavaScript es para el comportamiento. Si lo mantiene todo separado, se ahorrará un dolor de cabeza. Asegúrese de que se ve bien en diferentes navegadores. Los grandes son Internet Explorer, Safari, Chrome, Firefox y Opera. También sugiero validar su código para reducir errores.

No te olvides de hacerlo sensible y también accesible. Responsive es un excelente recurso para el diseño responsive, y si sigue mi consejo sobre Treehouse, tiene una excelente sección sobre cómo crear sitios web responsive. No es tan difícil como piensas. También tienen una gran sección sobre accesibilidad. Siento que esto es algo que muchos principiantes pasan por alto, pero no quieres destituir a un grupo de usuarios solo por una discapacidad. Ya sea que su producto o idea sea relevante para ellos o no, ellos podrían CONOCER a alguien que estaría interesado.

Una vez que esté listo para hacerlo en vivo, debe encontrar un servidor y un nombre de dominio. Todo esto es bastante simple. El alojamiento compartido es probablemente bueno para la mayoría de los sitios web. Bluehost es uno de los servicios más populares, pero asegúrese de que cualquier servicio que use tenga una buena reputación. Los nombres de dominio se pueden comprar en un servicio como GoDaddy. Generalmente se pagan anualmente. Luego, solo tiene que apuntar su nombre de dominio al DNS que proporciona su host, cargar sus archivos y tendrá un sitio.

Además, lo más importante que puedo decir es que no te olvides. Si realmente tiene una comprensión limitada del código, probablemente no estará haciendo los sitios web más dinámicos. Pero simplemente sumérgete en los tutoriales y aprende tanto como sea posible y eventualmente podrás crear lo que quieras. Y por supuesto google y quora son tus amigos. Hay pocas preguntas de diseño web para principiantes que no han sido respondidas.

Enlaces a los sitios que mencioné:
Casa del Árbol: http://www.teamtreehouse.com
CodeAcademy: http://www.codeacademy.com
WordPress: http://www.wordpress.org
WordPress alojado: http://www.wordpress.com
jQuery: http://www.jquery.com
HTML5Boilerplate: http://html5boilerplate.com/
Twitter Bootstrap: http://twitter.github.com/bootst…
Moqups: http://www.moqups.com
Kuler: https://kuler.adobe.com/#themes/…
Esto es responsivo: http://bradfrost.github.com/this…
BlueHost: http://bluehost.com
GoDaddy: http://godaddy.com

Answer 2

La mejor manera es no estar demasiado envuelto en tecnologías. Utilice literalmente lo que sea que funcione, a menos que, por supuesto, tenga experiencia previa en programación con un lenguaje en particular, luego úselo. Pero, en general, se necesita un cierto lenguaje para programar el back-end (almacenar los datos y escribir el programa en sí sin tener en cuenta cómo se ve o qué hace). El “back end” frente al “front end” es a veces confuso, pero aprenderás la diferencia en el camino. Las opciones más comunes para el final son php, python y ruby. Php es probablemente el lenguaje más utilizado, pero no necesariamente el mejor. La razón por la que estos tres son tan populares es que 1. son buenos para este tipo de cosas y 2. cada uno tiene programas de andamiaje que puede instalar, lo que facilita mucho el desarrollo de aplicaciones web. Ruby tiene rieles (ruby on rails), php tiene bizcocho y python tiene algunos.

Eso es todo información de fondo, ahora aquí es donde entra. La programación web ha evolucionado muchísimo en los últimos 15 años. La gente tiene la falsa impresión de que para programar un sitio web debe comenzar desde cero, codificando cada línea a partir de su vasto conocimiento de programación al azar. Esta no es la manera de pensarlo. En su lugar, elija y elija fragmentos de código que las personas ya hayan usado y publicado en la web (millones de ejemplos excelentes). Elija un tutorial que muestre cómo crear un sitio web que sea lo más similar posible a su sitio final. Luego, a partir de ahí, use cualquier idioma que use el tutorial, y puede editar su código para hacer su sitio web, asumiendo que sabe cómo funciona, por supuesto. Haga lo que sea que hagan en el tutorial y luego agregue fragmentos y piezas (nuevamente de ejemplos en línea). Realmente no tienes que hacer nada de esto desde cero. ¿Quieres agregar comentarios? búsquelo ¿Quieres cambiar los requisitos del token de autenticidad del usuario (difícil, elige un tutorial que tenga un modelo de usuario similar al tuyo), aún así puedes consultar eso? De esta manera, puede crear los sitios web más fantásticos, creativos e incluso desconocidos.