Mi jefe descubrió que uso Free Code Camp para aprender a codificar y me pidió que rediseñara nuestra página corporativa. ¿Cómo debería construir mejor un sitio como este: http://demo.themeum.com/starter/?

¡Hola a todos! Gracias por sus respuestas muy útiles. Permítanme actualizarlo con este. Realmente estaba pensando en agregar esto como un detalle adicional de la pregunta, pero solo permite 300 caracteres o palabras, así que publico esta actualización como respuesta.

António Almeida realmente colaboró ​​conmigo para hacer esto “desde cero” utilizando una plantilla similar en la que ambos editamos y trabajamos durante algunas semanas. Mi jefe (y los otros jefes) estamos bastante contentos con lo que he hecho (a través de la ayuda de António, por supuesto). Como estamos usando una plantilla, todo lo que tuvimos que hacer fue colocar el contenido del sitio web anterior al nuevo que usamos. En realidad solo estaban en eso por el aspecto moderno. En realidad, estaba a punto de agregar algunas mejoras al sitio web cuando fui implementado en un cliente de la empresa. Todavía estoy trabajando con el cliente ahora y mi jefe me dijo que volvería a trabajar en el sitio web después de este período con el cliente de la compañía.

La respuesta de Gill Matthews capturó mi situación actual en la compañía en ese entonces. No estaba empleado como desarrollador web, de hecho utilicé su consejo para enmarcar las discusiones que tuve con mi jefe. La cuestión es que estaba esperando el despliegue en un cliente de la compañía que me empleará como desarrollador PL / SQL (para lo que he sido entrenado). Definitivamente es un juego de tazas. El impacto fue menor porque Free Code Camp me presentó el diseño receptivo de Bootstrap e hicieron un gran trabajo explicando los conceptos y proporcionando ejercicios prácticos que me ayudarán a construir fácilmente una página web en mi local.

Otro problema que también tuve fue que mi jefe tampoco es muy competente técnicamente con el desarrollo web, así que supongo que aquí es donde la respuesta de Shane Lilge arrojará más luz sobre lo que me ha sucedido. Descubrí que el objetivo final era simplemente darle un aspecto moderno al sitio web. En realidad, se volvió más loco cuando me pidieron que creara y proporcionara diseños gráficos de posibles iconos web y de productos que revisarán. También me pidieron que les proporcionara un manual de marca o documentación que se utilizará para referencia futura. Aquí es donde realmente me perdí realmente. En este momento, también estoy probando WordPress en mi tiempo libre y creo que esto también podría resolver fácilmente mi tarea. Solo tengo que ser firme y honesto con ellos si lo que están buscando está fuera del alcance de mi conjunto de habilidades actual.

De todos modos, todavía estoy aprendiendo con Free Code Camp y pude usar la pila MEAN para las aplicaciones web que he creado con algunas personas para algunos hackatones a los que me he unido. Pero esto es para otro tema, supongo.

Proporcionaré más detalles sobre el progreso del sitio web de mi empresa principal después de nuestro proyecto con el cliente de la empresa. ¡Todo lo mejor para todos!

Si tiene más preguntas sobre esto, solo comente esta respuesta.

Estoy del lado de Gill Matthews aquí.

Mi sugerencia, muy fuerte, sería asegurarme de que su jefe entienda que no debería ser un asunto trivial. Averigua qué espera de él. No solo el aspecto y las características, sino el objetivo final. Esté listo para explicar que tal vez no sea lo que obtiene al hacer que alguien sin experiencia lo haga. Esta será la cara de su empresa y hay mucho más que solo un bonito diseño o habilidades de codificación.

A menos que sea una simple página de bienvenida y su empresa sea pequeña e insignificante, le explicaría a su jefe que desarrollar adecuadamente un sitio web corporativo requiere varias habilidades: diseño (diseño, activos, etc.), programación multidisciplinaria, redacción publicitaria, SEO, SEM, y más. Ayuda a conocer otros aspectos, incluidos los negocios y la psicología, y un buen conocimiento de su empresa, sus creencias, objetivos, marca, etc.

Si su jefe insiste en que quiere un nuevo sitio y usted es la persona a quien recurrir, le sugiero que investigue muchos temas de WordPress y encuentre uno que le brinde todo lo que cree que necesita. Como lo mencionó Towhid Zaman, puede usar el tema en el enlace que proporcionó. Esa sería la mejor manera de construir un sitio como ese si no tienes experiencia previa.

tl; dr Use Bootstrap.

Si te sientes cómodo con HTML, CSS y JavaScript , echa un vistazo a Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos.

Parece que ese sitio web está basado en él, y usted también debería crear el suyo. Si nunca creó un sitio web con Bootstrap, consulte Crear un sitio web de Codecademy para obtener ayuda sobre cómo usarlo de manera efectiva.

Una vez que haya terminado, descargue Bootstrap y Sublime Text si no tiene un editor de texto, y use lo que ha aprendido.

Comience con una de las plantillas de ejemplo y vaya desde allí, o comience por su cuenta con la plantilla básica, y agregue lo que desee desde allí.

Además, Bootstrap Expo es un gran lugar para inspirarse, y me refiero a la inspiración, no a estafar el sitio web de alguien.

Codecademy’s Make a Website Projects y Make a Interactive Website también pueden ayudarlo a practicar más con Bootstrap, una práctica valiosa.

Aquí está mi último sitio web usando Bootstrap de una manera muy simplista:
http://simulcand.whoisantonio.com . ¡Está en portugués pero échale un vistazo!

Espero que esto haya ayudado !! Si quieres que agregue algo o creas que estoy equivocado, no dudes en decirlo.

Nota: ¡ Dígale a su jefe que usar Free Code Camp para aprender a codificar no lo convierte automáticamente en un “Rediseñador de sitios web corporativos”, pero espero que funcione bien!

¿Has estado usando Free Code Camp para aprender a codificar? Entonces deberías saber ” Cómo ” puedes construir un sitio web como ese. Me uní a Free Code Camp cuando era muy joven (en noviembre de 2014) y he visto a muchas personas (como yo) aprender todo lo que saben de allí. He respondido personalmente las consultas de cientos de campistas y los he visto construir cosas increíbles. Entonces, lo que puedo concluir de su pregunta es que no pudo usar Free Code Camp para aprender a codificar correctamente.

La pregunta ahora es, ¿qué hacer ahora ?
En primer lugar, debe iniciar Free Code Camp desde cero. Intenta concentrarte en lo que estás aprendiendo y practicarlo todos los días . La práctica es la clave para aprender a codificar.
En segundo lugar, comience a leer el código fuente de los sitios web que encuentre interesantes. El enlace que compartió, presione CTRL + U (Estoy en Windows) y obtendrá una página que muestra el código fuente de la página. Estúdialo y trata de entenderlo. No entenderás todo ahora, pero solo trata de encontrar las partes que haces.


Practique la construcción de partes de ese sitio web todos los días. Si desea experimentar primero, vaya a CodePen e intente construir diferentes componentes del sitio web, como el encabezado y el pie de página, la barra de navegación, etc.
Si te quedas atascado, haz preguntas en cualquier lugar que puedas. Recomiendo la sala de chat Free Code Camp.

¡La mejor de las suertes para el proyecto!

Lee la respuesta de Shane Lilge diez veces. Lee la segunda oración diez veces más. Estás comenzando desde el final equivocado.

1 – Observe detenidamente el sitio web existente y haga una lista de lo que puede hacer para mejorarlo. (Mejor significa atraer más clientes al negocio)

2 – Programe una reunión: una reunión honesta con Dios donde la puerta se cerrará y usted no será interrumpido.

3 – Pregúntale a tu jefe qué quiere lograr con un rediseño. Toma nota. Si menciona algo que está en su lista, dígale que lo ha pensado y que tiene algunas ideas. Si él menciona algo en lo que no has pensado, escríbelo y dile que vas a buscar la mejor manera de lograrlo. Entonces, y solo entonces, si tienes algunas ideas con las que no tuvo éxito, menciónalas. Solo proceda a explicarlos en detalle si muestra interés.

4 – Existe un concepto que los diseñadores web tienden a perder, incluida la mayoría de las personas en este foro. (lo siento, sabes quién eres)

ESTÁ CONSTRUYENDO EL SITIO WEB PARA EL CLIENTE, NO PARA USTED.

Tal vez solo quiere un lavado de cara. Quizás él quiera ir en una dirección diferente con el contenido.

5 – Decide qué necesitas que haga el sitio web antes de decidir qué idioma vas a usar y qué plantilla vas a usar. Esquema y navegación primero; Contenido segundo; Layout last. Si comienza en reversa, corre el riesgo de construir un sitio realmente atractivo que las personas no puedan encontrar, y cuando lo hacen, no les dice lo que necesitan saber. LOL – Sabes que están ahí afuera.

Dígale a su jefe que la codificación y el diseño son cosas totalmente diferentes. La codificación hace que el sitio funcione, no diseña el aspecto. (El diseño es una obra de arte, no una programación; el programador programa lo que el diseñador diseña).

O puede hacer lo que hizo el sitio de demostración y comenzar con WordPress y comprar el tema que utiliza el sitio de demostración. (Sugiero que primero se sienta muy cómodo con PHP si va a realizar cambios en el código del WordPress subyacente. Incluso para un desarrollador PHP experimentado, WordPress se parece más a un tazón de espagueti recocido que al código PHP).

Supongo que no trabajas como desarrollador web y que tu jefe no quiere gastar dinero. Creo que tienes un mejor nivel con él y le dices que tus habilidades aún no están a la altura. Luego puede darle la opción de darle algo de tiempo para volver a la escuela de códigos y aprender cómo hacer el trabajo o comprar una plantilla comercial. Supongo que te dará algo de tiempo en horas de trabajo si elige la primera opción. Trabajar en su tiempo libre sin dinero para un empleador que puede pedirle cuentas si las cosas no van bien es un juego de tazas. Aceptar la responsabilidad de algo que todavía no entiendes realmente también me parece una muy mala idea, así que asegúrate de ser sincero sobre tu conocimiento hasta ahora.

Si su tiempo no es suficiente, o siente que aprender html5 + css hace que el sitio adaptable sea demasiado difícil, puede intentar construir un sitio web con un sistema CMS , él es muy eficiente

Sistemas comunes de CMS
wordpress: WordPress ›Herramienta de blog, plataforma de publicación y CMS
joomla: Joomla! El CMS en el que confían millones para sus sitios web
drupal: Drupal – CMS de código abierto
Si son gratis

Hola junpeng
Sugeriría comprar una plantilla de WordPress. Elija una de las más vendidas con soporte (en caso de que se quede atascado), bien documentada y actualizada con la última versión de WordPress. Entonces, vaya a themeforest.net y mire Enfold o Estocolmo. El usuario avanzado crearía este sitio web en un día.

Sin embargo, crear un sitio web no es una habilidad rara. Lo que realmente importa, en mi humilde opinión, es el proceso, algunos lo llamarán una estrategia.
El diseño y la tecnología deben cumplir el propósito.

El sitio web que ha mencionado en su pregunta se ve hermoso porque hizo uso del marco de Twitter Bootstarp. Un marco muy popular y fácil de usar para crear sitios web elegantes y receptivos. Una vez que esté familiarizado con los conceptos básicos de los diseños de cuadrícula de este marco, puede crear fácilmente sitios web de aspecto decente y también puede ahorrar mucho tiempo, ya que bootstrap viene con clases predefinidas.

Una vez que haya terminado con los conceptos básicos de bootstrap, creo que puede diseñar fácilmente su página corporativa en un par de horas. Dirígete a Bootstrap 3 Tutorial. Obtenga información básica y comience a escribir código para eso. No recomendaré plantillas en este momento ya que todavía estás aprendiendo a codificar. Creo que usar plantillas mientras aprendes lo básico es una mala práctica. Una vez que tenga la idea básica de bootstap, definitivamente puede usar plantillas.

Si has estado usando Free Code Camp, ¿qué has aprendido de él?

Nunca lo he usado, pero si no has aprendido lo suficiente, probablemente deberías buscar una nueva fuente para aprender.

Si buscas desesperadamente un marco rápido para resolver tus problemas, utiliza Bootstrap o Foundation de manera desafiante.

Si va a través de freeCodeCamp, entonces ese sitio web que ha vinculado es muy similar al freeCodeCamp Zipline: Cree una página web de cartera personal, que es uno de los proyectos básicos de desarrollo front-end. Debería poder completarlo con bastante facilidad si ha completado todo el proceso de secuencias de comandos de algoritmo básico. http://www.freecodecamp.com/chal

Y sí, como otros han dicho, querrás usar Bootstrap.

Disminución. Dígale a su jefe que la codificación no es igual al diseño. Explíquele a su jefe que el diseño resuelve los problemas de marketing mientras que la codificación resuelve los problemas tecnológicos. Si contratara a un profesional para diseñar y le pidiera que lo codificara, aún podría ahorrar dinero. Te arriesgas a que sea muy infeliz, lo que podría traducirse en insatisfacción con tu desempeño, lo que sería una apropiación indebida.

Si no se toma en serio el marketing o la reputación, entonces mi respuesta es irrelevante y, por favor, no la tenga en cuenta.

Si desea un sitio web fácil de construir, le recomiendo que use WordPress y un tema premium como base y luego modifique según sus necesidades.
Recomiendo este tema Home App | Verko
se ve profesional y tiene un diseño similar con tu ejemplo,
es muy corporativo pero aún se ve moderno y elegante
si desea un sitio web de una página, puede usar el tema Best One Page, fácil de usar y compatible con dispositivos móviles

¿Te das cuenta de que la dirección que publicaste es para un tema de WordPress que realmente puedes comprar y usar ahora mismo?

¿Correcto?

¿O solo quieres clonarlo como está? porque en ese caso el tiempo y el esfuerzo para hacerlo difícilmente valdrían los pocos dólares que cuesta comprar el tema.

¿Por qué no puedes usar el tema Themeum Starter para crear tu sitio web? Parece que es un tema gratuito y seguramente te ahorrará mucho tiempo.