Cómo crear un sitio web hermoso como http://drewwilson.com/

No estoy seguro si está preguntando más sobre diseño o más sobre desarrollo.

En su caso, Drew Wilson es diseñador / desarrollador. Me imagino que se le ocurrió un diseño para servir como su cartera de trabajo y luego lo construyó desde cero.

Necesitarías

1) Planificar el sitio. Piensa en tus objetivos, tu público objetivo, etc. Tengo una serie de publicaciones sobre planificación del sitio que pueden ayudarte con esto. Son viejos, pero los principios generales aún se aplican. Tutorial de planificación de su sitio web

2) Determinar una plataforma de desarrollo. ¿Construirás desde cero con HTML y CSS? ¿Preferiría usar un CMS autohospedado como Blog Tool, Publishing Platform y CMS? ¿Prefiere una solución alojada como Squarespace – Crear un sitio web?

3) Diseñe el sitio o elija un tema preexistente. Puede comenzar el proceso de diseño con lápiz y papel o usar un programa de gráficos como Photoshop.

Si ha elegido usar un CMS o una solución alojada y no ha hecho mucho diseño, puede preferir usar un tema preexistente. Muchos temas gratuitos y de pago están disponibles.

4) Crear contenido basado en su plan de sitio. Esto puede implicar escritura, ilustración, fotografía, video o audio.

5) Construye el sitio. Si está tomando la ruta pasada de moda, necesitará crear archivos HTML para cada página y crear una hoja de estilo basada en su diseño. Si se requiere funcionalidad adicional, también puede necesitar JavaScript, PHP, MySQL, etc. Como mínimo, necesitará HTML y CSS.

Si está utilizando un CMS, lo instalará en su servidor web, seleccionará un tema y comenzará a agregar contenido a través de una interfaz web. Si hiciste tu propio diseño, querrás crear un tema personalizado para eso. Eso requeriría más conocimientos de codificación.

Si lo necesita rápido, contrate a un diseñador web, un desarrollador web y un desarrollador back-end.

Si tiene algo de tiempo disponible, necesitará al menos medio año para estudiar a tiempo completo en desarrollo web, Javascript, CSS y algunas cosas más. Y aprende a usar nginx

Por otra parte, ese sitio no parece muy complicado. Esos desarrolladores experimentados que he mencionado probablemente puedan construirlo en tres semanas. Quizás incluso más rápido. ¿Para ti? Todavía tomará una cantidad considerable de tiempo entender cómo se construye ese sitio.

Por cierto, parte de la belleza está en las imágenes, las ilustraciones y las fotos. Los necesitará también, pero no solo los copie de Internet, de lo contrario se meterá en problemas por violaciones de derechos de autor.

Gracias por el A2A. No sé exactamente lo que buscas, así que voy a ir con algunas declaraciones generales.

  • Si eres bastante nuevo en la programación y no tienes una línea de tiempo, considera esta oportunidad. Descomponerlo y construirlo pieza por pieza. Aprenderá mucho más descifrándolo que pidiendo asistencia general “ayúdame por favor” aquí.
  • Cuando te quedes atascado en detalles particulares, pide ayuda. A la gente le encanta responder pequeñas preguntas enfocadas. Nos da la oportunidad de sentirnos inteligentes sin trabajar demasiado para entender lo que realmente quiere.
  • Vaya a su biblioteca local y vea qué libros tienen sobre CSS y Javascript. No te molestes con ningún libro de más de 5 años, pero el resto debería ser un buen consejo para ti.
  • Invierta algo de tiempo en lecciones de diseño, ya sea en línea o, si puede obtenerlas, clases nocturnas en su escuela de arte local. Confía en mí cuando digo que una pequeña lección es muy útil cuando se trata de aprender diseño web.
  • Cuando comience a meterse en la maleza, regrese aquí y haga preguntas puntuales específicas. O vaya al desbordamiento de pila con su problema exacto. ¿Mencioné que a la gente le gusta responder preguntas bien enfocadas?

Finalmente, no te rindas. Definitivamente puede hacerlo, y si está interesado en avanzar en el desarrollo web, le recomendaría que visite un campo de entrenamiento de desarrollo web cerca de usted. Son un poco caros, pero probablemente valen cada centavo.

No estoy seguro de por qué querrías copiar algo cojo y ordinario, pero si quieres copiar en lugar de crear:


ver fuente -> guardar el código en un archivo de texto con una extensión html haga clic en el enlace en la fuente para el CSS y guárdelo en un archivo de texto con una extensión .css.


Ahora que ha robado el código, todo lo que necesita es desarrollar contenido único para llenarlo. Si también usa el contenido que probablemente terminaría en problemas legales, ya que el sitio vende cosas. el código real para construir un sitio de este tipo reside en el servidor y, si desea una duplicación completa, le sugiero que se ponga en contacto con drewwilson y vea si están dispuestos a vender o licenciar el código y el contenido del lado del servidor.


O puede probar un poco de creatividad al observar lo que están haciendo y luego diseñar su propio sitio que sea mejor para lo que considere atractivo de ese sitio.

¿Estás buscando tener un sitio web en marcha o estás buscando desarrollar una carrera como desarrollador web?

Hay innumerables temas listos para usar que puedes encontrar que están cerca o incluso mejor que el sitio web que acabas de vincular. Solo busca un poco. Los sitios web de una página con contenido estático requieren muy poco tiempo para configurar y personalizar. Con el tiempo que ahorra, inviértalo en la creación de contenido de muy alta calidad para el sitio web. Bill Gates una vez acuñó el término “el contenido es el rey”, así que enfóquese en eso si su propósito es crear un sitio web de cartera o algo así. Nunca está de más familiarizarse un poco con las tecnologías utilizadas para personalizar el tema según sus necesidades.

Como algunos de los otros han eludido, el problema no es tanto el lado del desarrollo, sino más bien tener contenido e imágenes hermosas. Esto es lo que hace que el diseño funcione y no es algo que debería guardar directamente desde el sitio de otra persona.

Para construir el sitio, puede usar Pixel Together, que le permitirá crear un sitio como este muy fácilmente, sin necesidad de codificar. Enviar Pixel Together admite un correo electrónico si necesita ayuda en el camino.

Espero que esto ayude.

Necesita saber HTML, CSS y JavaScript (para su interfaz). Si tiene un back-end, entonces necesita aprender un lenguaje y un marco (puede usar JavaScript si lo desea con Node.js).

¿Hermosa? Meh Para cada uno de ellos, creo que su sitio solo parece una copia, y no una buena, de lo que cada otra persona está haciendo en estos días, que es una página de desplazamiento larga con secciones de gran tamaño. Es una forma increíblemente molesta de ver contenido.

Mi opinión sarcástica a un lado. Simplemente tome su html y css de su sitio y aprenda cómo funcionan. Realmente no es particularmente sofisticado. Será una excelente manera de aumentar esas dos tecnologías.

Este es un buen sitio, aunque no es demasiado complicado, el diseño y el código son relativamente breves y no se utiliza un marco CSS. Lo que debe hacer es aprender un poco de css, html5 y javascript y simplemente comenzar a construir.

Compre una plantilla por $ 5- $ 10, cambie los datos por los suyos y disfrute de un fin de semana gratis.

More Interesting

¿Por qué algunos desarrolladores de backend ven Node.js como un juguete y prefieren un lenguaje como Scala y Python para el backend?

¿Qué son los términos front-end, back-end, del lado del cliente y todos los demás términos relacionados en el desarrollo y administración web? ¿Qué quieren decir?

¿Qué es la programación de back-end?

Soy el único desarrollador de back-end de una startup web. ¿Cuánta seguridad debo saber?

¿Qué métricas consideran los desarrolladores al elegir los marcos de aplicaciones web front-end o back-end?

Cómo comenzar a aprender GO Lang

¿Debo usar un marco MVC de back-end o front-end para desarrollar una aplicación web?

¿Puedo obtener más de 1 rupia lakh por mes si voy a ser un desarrollador de pila completa con Ruby on Rails como una habilidad de fondo?

Cuando se usa Angular en el front-end, ¿cuál es una gran alternativa para un marco PHP voluminoso para crear un back-end para los inicios de sesión de los usuarios y la recuperación de datos?

¿Hay alguna forma de adivinar qué marco de back-end puede usar un sitio? ¿Qué tipo de pistas o patrones se pueden encontrar en el marcado o en otro lugar para regalar algunos de los marcos más conocidos como Rails o Django?

¿Qué se consideraría un logro en el desarrollo de back-end?

¿Cuáles son algunos lenguajes de programación que debo aprender para el desarrollo web tanto para front-end como para back-end?

¿Puedo construir un sitio web de red social atractivo y funcional usando solo ASP.NET, C # y SQL para back-end y HTML y CSS para front-end?

¿Es difícil encontrar trabajo como desarrollador de backend en Malasia o Singapur?

¿Cómo se desarrolla un sistema back-end en múltiples lenguajes de programación?