Por el momento, necesito crear una aplicación que cambiará dinámicamente sus secciones
Este es el diseño de la aplicación.
La sección principal sería una aplicación web independiente, porque seguiría cambiando su contenido. La barra de navegación es básicamente un conjunto de imágenes que funcionan como botones y cambian el contenido de la sección principal. La barra lateral tiene algunos usos paralelos, pero puede funcionar con la "aplicación web principal" (la que contiene todas las secciones
Por eso creo que tener una aplicación web anidada sería la mejor solución. Probé el sitio de Google, pero como realmente no puedo controlarlo, descarté la idea. Pero es posible lograr eso? En este momento, la aplicación necesita actualizar toda la página para aplicar incluso el cambio HTML más pequeño.
Estoy un poco confundido, podría hacer que esa parte genere información dinámicamente en la sección principal y todo lo demás sea estático.
Y la aplicación web se actualizará cada vez que cambie el código, ya sea que se trate de pequeños cambios html o cambios lógicos. a menos que esté implementado y no tenga la sincronización activada, debe sincronizarlo manualmente para mostrar los cambios.
Actualización: resolví mi problema al apilar divs y cambiar el activo ocultando los demás. También uso un include con mis plantillas, de manera que puedo dividir mi código HTML en una plantilla principal.
Utilizo dos tipos de include:
function include(filename) { return HtmlService.createHtmlOutputFromFile(filename).getContent(); }
Y
function includeTemplate(template) { return HtmlService.createTemplateFromFile(template).evaluate().getContent(); }
uno solía incluir HTML estático y otro HTML dinámico (plantillas)