¿Cómo crean los programadores GUI para aplicaciones web?

Las páginas web son archivos de texto que contienen palabras clave especiales para indicarle al navegador web dónde colocar cuadros de texto e imágenes y otros gráficos.

Por ejemplo, si desea crear una página web con 3 cuadros multicolores, puede guardar el siguiente texto en un archivo llamado “test.html”;

  
Hola Mundo

Si hace clic en el archivo test.html, debería ver lo siguiente;

Las declaraciones Div en el ejemplo de código anterior indican al navegador web que dibuje un cuadro y lo rellene con el color de fondo. La instrucción de relleno le dice al navegador web que rellene el cuadro, que deje el espacio dentro del cuadro entre el borde del cuadro y lo que sea que coloque dentro del cuadro, de lo contrario no vería el fondo rojo y azul.

Si esto no funciona, asegúrese de que el archivo sea realmente un archivo html (algunos editores de texto lo guardan como un archivo .txt, incluso si elige html), e intente escribir el texto anterior en lugar de copiarlo y pegarlo (Quora a veces destroza las comillas).

Por supuesto, hay productos como dreamweaver que le permiten crear archivos de texto utilizando diseñadores visuales, como crear un documento de Microsoft Word. Pero los desarrolladores web experimentados a menudo prefieren tratar directamente con las instrucciones de texto html. Los paquetes de diseño visual producen páginas web adecuadas, pero si desea ese acabado perfecto, tiene que levantar el capó, herramientas manuales todo de la manera que lo desee.