¿Cómo se hace un sitio web profesional de principio a fin en términos de codificación, no de planificación?

Esto depende totalmente del sitio Y del desarrollador. Cada uno tiene su propio estilo, procesos y lenguajes. Y la codificación también requiere planificación. Tienes que averiguar lo que vas a escribir a medida que avanzas, pero es un proceso de detención e inicio en el que estás mirando tu pantalla diciendo “OK, así que esto debe estar aquí, pero está un poco detrás de eso hasta que el mouse pasa sobre esta cosa … etc. etc. “.

Pero, para tomar algunos puntos en común (sin embargo, esto está llegando a lo común):

Obtenga los diseños e intente descubrir cómo va a separar las diferentes características del diseño en elementos, imágenes y una combinación de ambos.

Cree HTML para establecer el diseño básico de los elementos de la página. Usaría un editor de texto compatible con HTML, como Sublime o Visual Studio para hacer esto (hay cientos). Si está utilizando un lenguaje de script del lado del servidor para permitir la reutilización de algunos elementos HTML (o para proporcionar información específica del usuario o datos del producto, por ejemplo), entonces colocaría su HTML en las plantillas relevantes y escribiría un script para organizar que se preste al navegador del usuario a pedido (es decir, visitando su sitio).

Luego, crea CSS para posicionar y diseñar el HTML. Hace referencia a elementos HTML (y las clases que les asignó) en su CSS, dándoles propiedades de estilo, como tamaño de fuente, ancho de borde y similares. También asignó tipos de posición y visualización, para decirle al navegador que desea que este elemento actúe como un bloque o como una tabla, por ejemplo.

Si desea alguna interacción en el sitio (además de simplemente cambiar de una página a otra), escribiría Javascript para cambiar dinámicamente los elementos en algún tipo de evento (por ejemplo, acción del usuario o paso del tiempo).

Tanto CSS como Javascript generalmente se guardan en archivos separados y se hace referencia en algún lugar de la página HTML (generalmente la parte superior).

Es importante tener en cuenta que casi TODO lo anterior, si bien es cierto, puede que nunca lo haya realizado una persona determinada que crea un sitio web profesional. La mayoría lo hará de manera similar a esto, pero usted es libre de hacerlo de la forma que desee (como se indicó en la respuesta anterior, que fue rechazada).

Por último, debe configurar su alojamiento, pero eso no es codificación, es configuración (es decir, configuración de software, no escribir idiomas en los editores). Pero nuevamente, eso no es necesariamente cierto, depende del tipo de servidor que esté utilizando. MS usa principalmente una configuración de software basada en GUI (puede usar scripts si lo desea), mientras que apache y nginx usan archivos de configuración y scripts, pero no GUI (la mayoría de las veces).

Esperemos que a estas alturas te estés dando cuenta de qué pregunta tan amplia es esta.

Si realmente desea comprender, aprenda HTML y luego PHP (para las secuencias de comandos del servidor). CSS y JS pueden esperar, ya que son más útiles para hacer que las cosas se vean interesantes (¡HTML es feo sin ellas!).

Todos los programadores tienen sus propias formas de hacer un sitio web, por lo que no se sabe lo que hacen.