Pour Commencer
Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement
Ce chapitre présente Microsoft WebMatrix Beta, une nouvelle technologie de développement Web, gratuite et très facile d’accès.
A la fin de ce chapitre, vous saurez :
* Comment démarrer et créer un site Web simple à l’aide de WebMatrix Beta. * Comment créer une page Web dynamique en utilisant WebMatrix Beta.
1 - Premiers pas avec WebMatrix Beta Pour commencer, vous allez créer un nouveau site web et une page web simple.
En haut, vous disposez de la barre d’outils Quick Access (Accès rapide) et d’un ruban, comme dans Microsoft Office 2010. En bas à gauche, se trouvent les différents espaces de travail. Lorsque vous sélectionnez l’un d’eux, le volet gauche situé juste au-dessus, affiche le menu correspondant. Sur la droite se trouve le volet principal (volet de contenu), dans lequel sont affichés les rapports, ou sont édités les fichiers, etc... Enfin, dans la partie inférieure, se trouve la barre de notification qui affiche des messages en fonction des besoins.
WebMatrix Beta affiche une liste des types de fichiers que vous pouvez créer. La plupart d’entre eux vous sont probablement déjà familiers, comme HTML, CSS, et TXT.
Comme vous pouvez le voir, elle contient le balisage normal d’une page HTML.
WebMatrix Beta démarre le serveur Web (IIS Developer Express) qui permet de tester facilement vos pages sur votre ordinateur. La page s’affiche dans votre navigateur par défaut.
Démarrez WebMatrix Beta
Sélectionnez Site From Template. Les modèles proposés incluent des fichiers et des pages prédéfinis pour différents types de sites Web.
Sélectionnez Empty Site et nommez le nouveau site HelloWorld. Validez en cliquant OK. WebMatrix Beta crée et ouvre le nouveau site.
Sélectionnez l’espace de travail Files. Cet espace de travail vous permet de travailler sur vos fichiers et vos dossiers. Le volet de gauche vous montre la structure des fichiers de votre site.
Dans le ruban, cliquez sur New, puis sur New File....
Sélectionnez le type CSHTML, et nommez le fichier HelloWorld.cshtml. Une page CSHTML est un type de page particulier dans WebMatrix Beta. En effet, elle peut contenir le contenu habituel d’une page Web, tels que du code HTML et JavaScript, mais aussi du code pour programmer les pages Web. (Vous en apprendrez plus sur les fichiers CSHTML plus tard.) Cliquez sur OK. WebMatrix crée la page et l’ouvre dans l’éditeur. Modifiez le titre et ajoutez le contenu suivant à la page : Dans la barre d’outils Accès rapide, cliquez sur Save pour enregistrer vos changements.
Dans le ruban, cliquez sur Run pour exécuter la page.
Remarque : Avant de cliquer {Run}, une bonne pratique est de vérifier que la page web que vous souhaitez exécuter est bien sélectionnée dans le volet de navigation de l'espace de travail Files. WebMatrix exécute la page qui est sélectionnée, même si vous êtes en train d'éditer une page différente. Si aucune page n'est sélectionnée, WebMatrix tente d'exécuter la page par défaut du site ({default.cshtml}), et s'il n'y a pas de page par défaut, le navigateur affiche une erreur.
Créer et tester des pages ASP.NET en utilisant votre propre éditeur de texte
Vous n’êtes pas obligé d’utiliser l’éditeur de WebMatrix Beta pour créer et tester une page Web ASP.NET. Pour créer cette page, vous pouvez utiliser n’importe quel éditeur de texte, y compris le Bloc-notes. Vous devez simplement veiller à enregistrer les pages en utilisant l’extension de fichier .cshtml. (Ou .vbhtml, si vous utiliser le langage Visual Basic)
Le moyen le plus simple pour tester des pages .cshtml est de démarrer le serveur Web (IIS Developer Express) en utilisant le bouton Run de WebMatrix Beta. Si vous ne souhaitez pas utiliser WebMatrix Beta, vous pouvez quand même exécuter le serveur Web, mais à partir de la ligne de commande, en l’associant à un numéro de port spécifique. Il suffit ensuite de spécifier ce port lorsque vous faites une requête sur les fichiers .cshtml dans votre navigateur.
Le moyen le plus simple pour tester des pages .cshtml est de démarrer le serveur Web (IIS Developer Express) en utilisant le bouton Run de WebMatrix Beta. Si vous ne souhaitez pas utiliser WebMatrix Beta, vous pouvez quand même exécuter le serveur Web, mais à partir de la ligne de commande, en l’associant à un numéro de port spécifique. Il suffit ensuite de spécifier ce port lorsque vous faites une requête sur les fichiers .cshtml dans votre navigateur.
C :\Program Files\Microsoft WebMatrix
Pour les systèmes 64-bit, utiliser ce dossier :
C :\Program Files (x86)\Microsoft WebMatrix
Entrez la commande suivante, en remplaçant le chemin par celui de votre site :
iisexpress.exe /port:35896 /path:C :\BasicWebSite
Peu importe le numéro de port que vous utilisez, du moment qu’il n’est pas déjà réservé par un autre processus. (Les numéros de port supérieur à 1024 sont généralement libres.)
Pour le paramètre path, indiquez le chemin du site Web dans lequel se trouvent les fichiers .cshtml que vous souhaitez tester.
Une fois cette commande exécutée, vous pouvez ouvrir un navigateur et accédez à un fichier .cshtml, en tapant l’url :
http://localhost:35896/HelloWorld.cshtml
Pour obtenir de l’aide sur l’utilisation de IIS Developer Express en ligne de commande, tapez iisexpress.exe / ? sur l’invite de commande.