Introduction à l’installation d’applications web. (3 / 19 étapes)

Etape 3: Nous allons mettre en place une page de menu.

Une page de menu (une sorte de table des matières) vous permettra de vous organiser des pages web ou des projets afin qu’ils soient plus faciles à faire. Cela vous permet de ne pas devoir se rappeler où sont vos pages. Vous pouvez facilement naviguer à chaque projet ou de la page dans le menu principal.

Vous voudrez renommer le fichier html original à hw.html donc vous pouvez l’utiliser plus tard.
$ sudo mv index.html hw.html

Nous allons créer un nouveau fichier index.html
$ cd /var/www/hw
$ sudo nano index.html

[code]
< Titre > Bonjour monde Page < /title >
< body bgcolor = « aigue-marine » >
< CENTER >< h2 >< B >< i > Hello World! < /I >< / b >< / h2 >< / CENTER >

Appuyez sur un bouton pour accéder à cette page :

< font ACTION="pport.html" méthode = "post" >
< p >
< input type = « submit » value = « pport » >
< / font >

< br >
< br >

< / body >
< / html >

[/ code]

Vous souhaiterez copier sur votre propre fichier html ou de quelqu'un d’autre (avec la permission de leur part) sur votre serveur. Vous voudrez copier dans le répertoire adéquat que vous utilisez.
(à la machine locale)
$ scp pport.html 192.168.1.129:~/.

Puis de mv il dans le répertoire approprié :
(sur serveur)
$ sudo cp pport.html/var/www/hw /.

Ouvrez un navigateur et en utilisant un signet vous, consulter le menu une presse sur le bouton pour accéder à votre nouvelle page. Neat.

Maintenant, vous voulez utiliser votre fichier hw.html dans le menu, donc vous aurez besoin d’ajouter une section.

[code]
< html >
< Titre > Page Hello World) < /title >
< Titre > Hello world < /title >
< body bgcolor = « aigue-marine » >
< CENTER >< h2 >< B >< i > Hello World! < /I >< / b >< / h2 >< / CENTER >

Appuyez sur un bouton pour accéder à cette page :

< font ACTION="pport.html" méthode = "post" >
< p >
< input type = « submit » value = « pport » >
< / font >

< font ACTION="hw.html" méthode = "post" >
< p >
< input type = « submit » value = « Hello world » >
< / font >

< br >
< br >

< / body >
< / html >
[code]

Fermer le vieux navigateur, puis ouvrez un navigateur et à l’aide de signets vous. consulter le menu et appuyez sur le bouton pour accéder à votre nouvelle page. Super soignée!!. Vous avez maintenant une page de menu, pour que vous pouvez ajouter plus d’apps.

Remarque :
« valeur » est ce qui est montré sur la page web pour vous de cliquer sur. Ceci est communément appelée une étiquette.
« action de formulaire » permet de pointer vers la page référencée par le label de retourner si ce bouton est enfoncé.