web-dev-qa-db-fra.com

Produire un prototype HTML statique à partir de fragments?

Quel serait un outil recommandé (fonctionne sous Linux) pour gérer les fragments HTML inclus comme les pieds de page partagés, dans un répertoire de HTML statique servant de prototype d'interface utilisateur cliquable?

Je veux pouvoir servir le prototype à partir d'un répertoire web de contenu statique (sans dynamisme côté serveur), tout en gérant facilement les éléments partagés de navigation, en-têtes, pied de page. Peut-être même gérer la mise en page de page passe-partout.

Inspiration: cette question a été inspirée par mon expérience en essayant la Handcraft webapp de prototypage. C'est HCML langage de template qui permet la réutilisation de HTML avec des "parties" (inclut) et des "mises en page" (maîtres).

Fondamentalement, quelque chose comme les segments de bibliothèque de Dreamweaver ". Quelque chose qui insère des extraits (comme Komodo) n'est pas suffisant - à moins qu'il n'ait le pouvoir de mettre à jour simultanément tous les fichiers où cet extrait a été précédemment inséré.

J'imagine quelque chose comme ça dans mon HTML statique:

<html><body><div id="include_footer">The Footer</div></body></html>

Et lorsque je modifie "Le pied de page" pour lire "Le meilleur pied de page" et que j'exécute cet outil, les autres fichiers contenant un div de id = "include_footer" seront mis à jour vers le dernier pied de page.

7
Graham

J'utilise maintenant Jekyll . Il fait exactement ce que j'ai demandé dans la question. Fondamentalement, il compile mon prototype à partir de pièces réutilisables dans un formulaire HTML statique utilisable.

Jekyll prend en charge les inclusions ("extraits") et les mises en page ("maîtres").

Et il compile les fichiers modèles pour compléter les fichiers HTML pour servir de prototype statique sous Apache ou même simplement à partir du système de fichiers. Tout ce qui n'est pas basé sur un modèle est copié tel quel.

Il recompilera même des parties du prototype lorsque j'y apporterai des modifications, éliminant la recompilation manuelle pour l'aperçu.

4
Graham

Si je comprends ce que vous essayez de faire, vous pourriez regarder un système de modèles comme Moustache. Ce qui est génial, c'est que vous pouvez démarrer avec des modèles côté client , puis migrez les mêmes modèles côté serveur si et quand vous implémentez réellement le protoype.

1
peteorpeter

Utilisez un éditeur HTML comme Komodo qui prend en charge les extraits. J'ai installé Komodo pour me permettre d'insérer des extraits basés sur le Framework Foundation. Donc, au lieu d'avoir à taper Div/conteneur, div/ligne, div/quatre colonnes, etc., je peux simplement double-cliquer sur un extrait de code, éventuellement entrer des variables si j'ai configuré l'extrait de cette façon, et boom.

En outre, je suppose que puisque vous faites référence inclut que vous construisez PHP. Installez MAMP (ou LAMP ou WAMP, quel que soit le système d'exploitation que vous utilisez), et assurez-vous que vous enregistrez vos pages dans votre espace * AMP htdocs. Puisque vous avez maintenant un serveur local implémenté, vous pouvez l'utiliser pour "charger" la fin PHP page qui est générée en fonction de votre code.

1
Mike Earley

Aujourd'hui, il existe une grande quantité de générateurs de sites statiques proposant des modèles de mise en page et des partiels/inclus.

Jetez un œil à: https://www.staticgen.com/

J'utilise Harpe moi-même; c'est assez simple si vous connaissez HTML/CSS et un peu de Javascript - bien que vous n'obteniez pas autant de fonctions d'aide intégrées que par ex. Jekyll ou Hexo.

0
agib