Pour bien commencer il nous faut un graphisme d'interface...
Je vous laisse le soin de réaliser quelque chose de plus esthétique mais pour l'exemple nous allons utiliser le graphisme suivant

Nous allons donc utiliser les paramètres suivants :
- Largeur : 800 px
- Hauteur : 600 px
- Résolution : 72 pixels/pouce
- Contenu de l'arrière plan : blanc

Maintenant cliquez sur "fichier" puis "importer" et allez chercher votre fichier template.jpg

L'outil "Découpe" permet de couper un graphique en plusieurs parties dans le but de le transformer en page web.

Nous allons donc tracer différents cadres afin de définir les parties de notre page web (logo, header, etc...).

Si certaines tranches ne vous conviennent pas, vous pouvez les modifier en les sélectionnant avec le pointeur et en faisant glisser les lignes.
Vous pouvez aussi utiliser le panneau des propriétés en bas à gauche de l'écran.

C'est également à cette étape que vous devez définir le niveau de qualité des éléments graphiques de votre page :
Commencer par sélectionner toutes vos découpes puis ouvrez le panneau "optimiser" en haut à droite.
Modifiez les paramètres jusqu'à obtenir le rendu souhaité.

C'est presque terminé : il ne reste plus qu'à "exporter".

Cliquez sur "Fichier" puis sur "exporter".
après avoir vérifié les paramètres, cliquez sur "Enregistrer"

Il ne vous reste plus qu'à travailler un peu le code source, insérer vos scripts, votre contenu, etc... et votre site web sera terminé ;)