Voici déjà les prérequis :
- Décompresser l'archive
TWS.zip
dans le répertoire de votre choix.
- Munissez-vous d'un éditeur de texte qui reconnais les extensions
*.yml
. Evidemment, le top c'est Emacs, mais pour les impurs Notepad++ fera très bien l'affaire.
Ceci ne devrait plus changer. Maintenant, nous allons créer notre premier projet et le compiler.
Pour cela, inspectons le contenu du répertoire TWS. On y trouve 3 répertoires :
bin
: un répertoire qui contient les fichiers du compilateur. Il ne faut rien modifier là-dedans.
prj
: le répertoire dans lequel on va mettre les sources de nos projets.
www
: le répertoire où vont se trouver les sites web compilés.
Créez un répertoire test
dans le répertoire prj
. Et dans ce répertoire, créez le fichier main.yml
avec votre éditeur de texte préféré (Emacs, ou alors Notepad++). Mettez-y le texte suivant :
Votre premier projet est terminé. Il ne nous reste qu'à le compiler et à comtempler le résultat.
Pour compiler le projet, double cliquez sur le fichier bin/tws.py
. Vous devriez obtenir un écran qui ressemble à ceci :
+-------------------------------------+
| ToloWebStudio 0.3.0 (Python 3.3.0) |
+-------------------------------------+
Quel projet voulez-vous compiler ?
1) test
Tapez le numero du projet a compiler : 1
Source: D:\Code\tolokoban\prj\python\tolowebstudio\bin\../prj\test
Destination: D:\Code\tolokoban\prj\python\tolowebstudio\bin\../www\test
Sauvegarde: D:\Code\tolokoban\prj\python\tolowebstudio\bin\../www\test.backup
Suppression du repertoire D:\Code\tolokoban\prj\python\tolowebstudio\bin\../www\test.backup
Le repertoire destination actuel a ete sauvegarde.
Le repertoire destination a ete cree.
> index.html
> style.css
> main.yml
--------------------------------------------------------------------------------
Taille totale : 42 ko.
Tapez ENTER pour continuer...
Bravo ! Vous venez de réaliser votre premier projet web. Vous pouvez voir à quoi il ressemble en ouvrant le fichier www/test/index.html
dans Google Chrome. Amusez-vous à redimensionner le navigateur pour voir comment le texte s'ajuste à la taille de l'écran.