¿Cuál es la forma más utilizada para diseñar el diseño de un sitio web y codificarlo?

Básicamente, todos esos métodos que ha explorado son parte de una práctica común.

Hay dos partes distintas de la creación de sitios web,

  1. Diseño web: esta parte tratará sobre la creación de gráficos y diseños de maquetas, como usted publicó en un comentario. Pero para que el desarrollo web (segunda parte) sea útil, hay estándares (sugeridos) que se utilizarán para el diseño web. Uno de ellos puede estar usando una cuadrícula. Uno debe asegurarse de que el diseño debe seguir los límites de su marco / CMS y no debe ser todo el desafío para convertirse. (A menos que tenga un equipo y recursos talentosos para hacerlo).
  2. Desarrollo web: se tratará de crear las páginas web y el sitio reales. Puede usar HTML, PHP, etc. para hacer sus páginas, o puede usar CMS como WordPress, Joomla, Drupal, etc. para crear sitios basados ​​en CMS o puede usar generadores de sitios estáticos como Jekyll • Sitios estáticos, sencillos, conscientes de los blogs.

Para facilitar el desarrollo, sugeriré usar

Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivo.
o
El marco front-end receptivo más avanzado del mundo.

Hay pocos scripts y softwares para convertir su diseño en HTML, pero no lo recomendaré, ya que no siempre crea código optimizado o fácil de editar.

Espero que esto ayude