Cómo construir un sitio web sofisticado que tenga capas deslizantes, capítulos y fotos enormes como esta

Eso es definitivamente MUCHO trabajo personalizado. Sé que sería maravilloso hacerlo con uno de los creadores de sitios mágicos que prometen mucho (y solo entregan clones), pero eso no está sucediendo. Sin embargo, sé cómo funcionan muchas de esas partes, por lo que puedo responder hasta cierto punto.

Lo primero que la gente no se da cuenta cuando quiere un sitio como ese es que necesita una fotografía de la más alta calidad . Eso significa un fotógrafo experto, no cosas del cellie de alguien. Enormes fotos de no expertos se verán aficionadas a ese tamaño, y posiblemente terribles. Entonces presupuesto para esa experiencia.

Hay muchas cosas de paralaje sucediendo allí. Un montón. En pocas palabras, eso es lo que permite a estos sitios que son solo una página y tienen efectos de desplazamiento súper elegantes. Esa es una mezcla de CSS y Javascript. Sí, hay cosas que puedes comprar que hacen un poco de paralaje de desplazamiento bloqueado y fuera de velocidad, pero no la precisión en esa página. Entonces hay otra partida presupuestaria.

Luego está la cuestión de editar el sitio . Eso significa un sistema de gestión de contenido. Hay muchos de esos, y muchos de ellos pueden ser adecuados para hacer que esa página sea editable. Soy un desarrollador de WordPress. WordPress es un sistema de gestión de contenido de calidad. Además, de hecho, hay temas de WordPress que tienen muchas características de paralaje. Usar algo así podría darte algo de ese mojo, pero no la genialidad de esa página. Y, por supuesto, hay una curva de aprendizaje para cualquier CMS, a menos que también contrates a alguien para eso.

Todo es don con html, css y JavaScript.

El CSS le daría las fotos enormes, javascript le daría las capas deslizantes.

Hay un montón de complementos js para el deslizamiento. Simplemente busca “Complementos de desplazamiento de Parallax”, que es lo que ese efecto es Desplazamiento de Parallax. Elegir el primero que encontré me dio ScrollMagic. Y te ofrece todo tipo de demostraciones de paralaje.

Si no está interesado en el diseño / desarrollo web, aún no podrá hacer mucho con esta información. Si está interesado, lo resolverá todo.

Si realmente quieres aprender diseño web y esforzarte. Realice una versión simple usando su propio código javascript (sin el complemento).

Gracias por a2a

Este es el juego de javascript. Si eres bueno en JavaScript, es muy fácil crear animaciones, capas deslizantes y mucho más.

Si no conoce JavaScript, hay muchos tutoriales en YouTube.

Video del que aprendí JavaScript: – Tutorial para principiantes de JavaScript 1 – Introducción a JavaScript

No estoy seguro de si podemos crear cosas complicadas (animaciones y todo) en WordPress. ¡Creo que todavía necesitas algo de experiencia en codificación!

Espero que te ayude!

¡Siéntete libre de preguntar!

Buddy First Tienes que tener muy claro lo que tienes que hacer. Me refiero a cuál es tu objetivo. qué tipo de sitio web desea crear que. Entonces tienes que crear una cartera de acuerdo con eso. e implemente una impresión azul adecuada para que brinde fluidez en su trabajo. Tengo soluciones que pueden ayudarlo en profundidad a crear sitios web sofisticados.

Enseñar a alguien a construir un sitio web no es tan simple como escribir unos pocos párrafos sobre Quora. Realmente necesitas ir a la escuela y tomar una clase, para que tengas un buen conocimiento práctico de HTML, codificación CSS y quizás Bootstrap. Sí, puedes aprender sin un título universitario, pero eso no significa que no necesites ir a la escuela y aprender los matices de la programación.

WordPress será la mejor compilación a largo plazo, utilizando Slider Revolution obtendrá un 80% allí.

Si quieres más rápido y más barato, estoy 95% seguro de que puedes hacerlo con SquareSpace en una tarde.

Algo tan simple como eso es como un sitio de $ 500. No se requiere nada loco o personalizado.