Étape 3: le commencement
Maintenant, vous avez ce que vous avez besoin pour démarrer. Tout d’abord imaginé une histoire.
Ouvrez le gabarit.
Dans la section titre, donnez lui un nom. C’est ce qu’affiche sous l’onglet, puis sur la barre bleue en haut d’une page Web.
Ajuster votre style de carrosserie si vous voulez à votre goût
Donnez-lui un titre
Après le type de balise < p > votre histoire ou de la scène. Puis modifiez la balise de lien pour être un des choix. Cela nécessite quelques explications.
Maintenant il est dit :
< p >
< a href = « http://www.w3schools.com » > il s’agit d’un lien < /a >
< /p >
Pour illustrer, je vais utiliser l’exemple que j’ai donné dans l’intro :
Il était une fois, il y avait une petite ville dans laquelle tous les citoyens ont été obsorbed dans la prévision météo locale. Le faiseur de pluie regard clair s’exprimait dans la caméra avec une expression concernée, annonçant l’orage qui approchait. Bien que la tempête était seulement un ouragan de catégorie 1, l’ensemble de la ville ont paniqué ! Chaque dernier petit esprit, citoyen peur facilement perdu leur esprit... littéralement ! Entrez dans Terry, esprit Wrangler Extraordinaire !
Poser des pièges pour attraper les esprits
Utiliser le lasso que vous trouverez idéalement à proximité
Tirez sur un tuyau et jouer de la musique pour apprivoiser l’esprit
C’est ce que votre code doit ressembler à l’aide de cet exemple :
< p >
Il était une fois, il y avait une petite ville dans laquelle tous les citoyens ont été
obsorbed dans la prévision météo locale. La plaine était faiseur de pluie à la recherche
parlant à la caméra avec une expression concernée, annonçant la
tempête qui s’approche. Bien que la tempête était seulement un ouragan catégorie 1,
l’ensemble de la ville ont paniqué ! Chaque dernier petit esprit, facilement effrayé citoyen
perdu leur esprit... littéralement ! Entrez dans Terry, esprit Wrangler Extraordinaire !
< br >
< br >< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
< br >
< br >< a href = « http://www.lasso.html » > utiliser le lasso vous se trouvez commodément à proximité de < /a >
< br >
< br >< a href = « http://www.music.html » > tirer sur un tuyau et jouer de la musique pour apprivoiser l’esprit < /a >
< br >
< /p >
Remarque la balise < br > met juste dans une ligne vide pour avoir d’espace entre le choix ***
Comprendre ce que vous voyez
Pour faire votre choix dans les liens, que vous devez d’abord type dans le choix à la place c’est un lien sur le gabarit. Ce seront les mots que vous cliquer sur pour aller à la page suivante. ex : mon choix a été poser des pièges pour attraper les esprits alors à cette étape dans l’évolution du modèle, il ressemblerait à ceci :
< a href = « http://www.w3schools.com » > poser des pièges pour attraper les esprits < /a >
Cet instant a mon choix mais elle relie encore à w3schools. J’en ai besoin pour poster un lien vers la page suivante dans l’histoire. Alors maintenant, je dois décider ce que je nommerai le document qui aura la partie suivante de l’histoire de ce choix. J’ai choisi ce titre « pièges » donc quand j’écris cette partie de l’histoire dans le bloc-notes, quand je l’enregistrer (comme nous l’a fait le modèle) je sera le nom « pièges » donc quand je l’enregistrer comme une page Web, qu'il s’appellera « traps.html » ainsi la page Web que j’ai besoin du lien pour accéder à sera http://www.traps.html. Alors maintenant, j’ai besoin de remplacer http://www.w3schools.com par http://www.traps.html.
Maintenant, mon code se lira :
< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
Vous devez le faire pour chaque choix que vous avez. Il suffit de copier le code du lien en entier et le coller autant de fois que vous avez besoin. EX : J’ai 3 choix, alors je vais copier et coller deux fois pour que mon code se présente comme suit :
< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
Ensuite il suffit de remplacer les informations avec les informations que vous avez besoin pour vos autres choix donc maintenant le code serait :
< a href = « http://www.traps.html » > poser des pièges pour attraper les esprits < /a >
< a href = « http://www.lasso.html » > utiliser le lasso vous se trouvez commodément à proximité de < /a >
< a href = « http://www.music.html » > tirer sur un tuyau et jouer de la musique pour apprivoiser l’esprit < /a >
IMPORTANT *** Lorsque vous écrivez les pages pour chacun des choix, que vous devez leur titre exactement ce que vous mettez dans le lien de la page Web ou le lien ne fonctionnera pas. EX : le mien est de pièges. Si je l’enregistrer comme pris au piège au lieu de cela, le lien ne fonctionnera pas.
ENREGISTREMENT
Maintenant, il faut sauver cette page de démarrage. Cliquez sur fichier, enregistrer sous, assurez-vous que le dossier correct est sélectionné, saisissez un titre dans la zone nom de fichier. Le mien s’appelle esprit Scramble. Appuyez sur Enregistrer. Puis faire à nouveau... Cliquez sur fichier, enregistrer sous et ajoutez .html à la fin du titre et appuyez sur Enregistrer. Allez sur votre bureau et ouvrez le dossier et vérifier pour s’assurer que vous avez maintenant 2 exemplaires, un seul texte et et une page Web. Double-cliquez sur la page Web pour l’ouvrir et vérifier son exactitude. Faire style et changements d’orthographe si vous devez en ouvrant la version texte, apporter des modifications et de l’enregistrement à nouveau dans les deux sens.
Maintenant vous avez votre première page, vous devez maintenant faire une page pour chacun des choix. Ouvrez à nouveau le modèle et répétez cette étape en utilisant les nouvelles informations pour la prochaine partie de l’histoire. Puis enregistrez-le comme nous l’avons fait avant en veillant à utiliser le nom exact que vous avez prévu. Ensuite, vous devrez faire une nouvelle page pour chaque nouveau choix sur chacune des nouvelles pages... il devient assez grand.
Il s’agit de mon code de ma page « pièges » :
< html >
< tête >
< titre > esprit Scramble < /title >
< / head >
< style corps = "background-color : red ; text-align : center ; police-taille : 30px;" >
< h1 style = "famille de police : arial ; couleur : marine, police-taille : 40px; » > l’esprit Scramble < / h1 >
< p >
Terry commence à mettre en place des pièges tout autour de la ville. Mais ce qu’il doit utiliser comme appât ?
< br >
< br >< a href = « C:\Documents and Settings\megan\Desktop\adventure\coffee.html » > café < /a >
< br >
< br >< a href = « C:\Documents and Settings\megan\Desktop\adventure\playboy.html » > magazines playboy < /a >
< br >
< br >< a href = « C:\Documents and Settings\megan\Desktop\adventure\bologna.html » > Bologne < /a >
< /p >
< / body >
< / html >
NOTE *** vous remarquerez que les pages Web dans les liens sont beaucoup plus longs que dans la page de début. Vous devrez peut-être utiliser la version longue pour obtenir les liens pour travailler. Cette juste l’endroit exact sur votre ordinateur où le fichier est enregistré. Si vous connaissez déjà, que vous pouvez le taper en vous-même. Le mien est dans mon dossier Documents and Settings, puis dans mon compte d’utilisateur appelé megan, puis sur le bureau, dans un dossier appelé aventure, puis le nom de la page que je suis désireux de lier comme « café ». Si vous ne savez pas cela, il suffit d’ouvrir la page Web que vous voulez lier et copiez l’url en haut de la page. Puis collez l’url en lien région.* **
Mes nouveaux choix est café, playboy et Bologne. Alors maintenant je vais devoir faire une page pour chacun de ces choix, mais aussi une page pour chacun des choix précédents que je n’ai pas encore fait... le lasso un et le jeu de la conduite un.