Maak uw eigen avontuur spel (HTML) (3 / 4 stap)

Stap 3: het begin


Nu heb je wat je nodig hebt om te beginnen. Eerst komen met een verhaal.
Open de sjabloon.
In de sectie titel geven het een titel. Dit is wat wordt weergegeven op het tabblad en op de blauwe balk aan de bovenkant van een webpagina.
De stijl van uw lichaam aanpassen als u naar uw eigen smaak wilt
Geef het een kop
Na het type van de code < p > in uw verhaal of de scène. Wijzig de link-tag om één van de keuzes. Dit vereist enige uitleg.

Nu zegt:
< p >
< een href = "http://www.w3schools.com" > Dit is een koppeling < /a >
< /p >

Ter illustratie, gebruik ik het voorbeeld gaf ik in de intro:

Once upon a time was er een kleine stad waarin alle burgers obsorbed in het lokale weer forcast werden. De gewone uitziende weerman sprak in de camera met een betrokken expressie, kondigen de naderende storm. Hoewel de storm slechts een categorie een orkaan was, de hele stad in paniek! Elke laatste kleine minded, easliy bang burger hun verstand verloren... letterlijk! Voer Terry, Mind Wrangler Extraordinaire!

Valkuilen te vangen de geesten
Gebruik de lasso u gunstig in de buurt vindt
Trek een pijp en speel wat muziek om te temmen de geesten

Dit is wat uw code moet uitzien zoals in het volgende voorbeeld:

< p >
Once upon a time was er een kleine stad waarin alle burgers werden
obsorbed in de lokale weer forcast. De gewone uitziende weerman was
spreken in de camera met een betrokken expressie, aankondiging van de
naderende storm. Hoewel de storm slechts een categorie een orkaan was,
de hele stad in paniek! Elke laatste kleine minded, easliy bang burger
verloren hun gedachten... letterlijk! Voer Terry, Mind Wrangler Extraordinaire!

< br >
< br >< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >
< br >

< br >< een href = "http://www.lasso.html" > gebruik van de lasso u gunstig in de buurt van < /a > vindt
< br >

< br >< een href = "http://www.music.html" > een pijp uitlichten en speel wat muziek om te temmen de geesten < /a >
< br >
< /p >

Opmerking de < br >-tag zet enkel in een lege regel om ruimte tussen de keuzes ***

Inzicht in wat je ziet

Om uw keuzes te maken in links u eerst moet is bij de keuze in de plaats van dit type een Link op de sjabloon. Deze zullen de woorden waarop u kunt op Ga naar de volgende pagina klikken. ex: mijn keuze was ingesteld traps om te vangen van de geesten, dus bij deze stap in het wijzigen van de sjabloon het zou er als volgt uitzien:

< een href = "http://www.w3schools.com" > valkuilen te vangen de geesten < /a >

Dit nu is mijn keuze maar het nog steeds links naar w3schools. Ik heb het nodig om te linken naar de volgende pagina in het verhaal. Dus nu heb ik om te beslissen wat ik zal noemen het document dat het volgende deel van het verhaal voor deze keuze zal hebben. Ik koos voor de titel "vallen" dus als ik schrijf dit deel van het verhaal in Kladblok, wanneer ik het opslaan (zoals we de sjabloon deden) ik zal de naam "vallen" dus als ik het opsla als een webpagina die zal worden genoemd "traps.html", aldus de webpagina die ik nodig heb de link naar http://www.traps.htmlzal worden. Dus nu moet ik http://www.w3schools.com vervangen door http://www.traps.html.
Nu zal mijn code lezen:
< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >

U moet dit doen voor elke keuze die u hebt. Kopieer de volledige link-code en plak het zo vaak als u nodig hebt. EX: Ik heb 3 keuzes, dus mij zal uittreksel en stijfsel tweemaal zodat mijn code ziet er nu als volgt:

< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >
< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >
< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >

Dan gewoon vervangen de informatie met de informatie die u nodig heeft voor uw andere keuzes dus nu de code zou zijn:

< een href = "http://www.traps.html" > valkuilen te vangen de geesten < /a >
< een href = "http://www.lasso.html" > gebruik van de lasso u gunstig in de buurt van < /a > vindt
< een href = "http://www.music.html" > een pijp uitlichten en speel wat muziek om te temmen de geesten < /a >

BELANGRIJK *** wanneer u schrijven de pagina's voor elke keuze die dat u moet hen titel precies wat je in de koppeling van de webpagina of de link zal niet werken. EX: mijne is vallen. Als ik op te slaan daar gevangen in plaats daarvan, zal de link niet werkt.

OPSLAAN

Nu moeten we deze beginpagina besparen. Klik op bestand, opslaan als, zorg ervoor dat de juiste map is geselecteerd, voer een titel in het vak Bestandsnaam. Mijne heet geest Scramble. Klap sparen. Vervolgens nog een keer doen... Klik op bestand, opslaan als, .html toevoegen aan het einde van de titel en klap sparen. Ga naar uw bureaublad en open de map en controleren om ervoor te zorgen je hebt nu 2 gekopieerd, een tekst en en één webpagina. Dubbel klik op de webpagina te openen en te controleren op juistheid. Stijl en spelling wijzigingen maken als u wilt, door het openen van de versie van de tekst, het aanbrengen van wijzigingen, en op te slaan weer beide manieren.

Nu heb je de eerste pagina, moet u nu een pagina maken voor elk van de keuzes. Open de sjabloon opnieuw en herhaal deze stap met behulp van de nieuwe informatie op het volgende deel van het verhaal. Sla het zoals wij deden alvorens ervoor dat u de exacte naam die u gepland. Vervolgens moet u een nieuwe pagina maken voor elke nieuwe keuze op elk van de nieuwe pagina's... het krijgt vrij groot.

Dit is mijn code voor mijn pagina "vallen":
< html >

< head >
< titel > Mind Scramble < / title >
< / head >

< body style = "achtergrond-kleur: rood; text-align: center; lettertype-grootte: 30px;" >

< h1 stijl = "lettertype-familie: arial; kleur: Marine; lettertype-grootte: 40px;" > mind Scramble < / h1 >

< p >
Terry begint te vallen rondom de stad instellen. Maar wat moet hij gebruiken als aas?

< br >
< br >< een href = "C:\Documents and Settings\megan\Desktop\adventure\coffee.html" > < /a > koffie
< br >

< br >< een href = "C:\Documents and Settings\megan\Desktop\adventure\playboy.html" > playboy magazines < /a >
< br >

< br >< een href = "C:\Documents and Settings\megan\Desktop\adventure\bologna.html" > < /a > bologna
< /p >

< / body >
< / html >

Opmerking *** u zult opmerken dat de webpagina's in de links veel langer dan in de begin-pagina zijn. Moet u wellicht de langere versie gebruiken om de koppelingen te werken. Dit alleen de exacte plaats op uw computer waar het bestand is opgeslagen. Als u reeds dat kunt u deze typen in jezelf kent. Mijne is in mijn map Documents and Settings, vervolgens in mijn gebruikersaccount met de naam megan, klik vervolgens op het bureaublad, in een map met de naam avontuur, vervolgens de naam van de pagina die ik wil koppelen zoals "koffie". Als u niet dit weet, gewoon open de webpagina die u willen koppelen en kopieer de url boven aan de pagina. Plak de url in link area.* **

Mijn nieuwe keuzemogelijkheden zijn koffie, playboy en bologna. Dus nu moet ik een pagina maken voor elk van deze keuzes, alsmede een pagina voor elk van de eerdere keuzes die heb ik nog niet gemaakt.. de lasso een en het spelen van de pijp een.

Gerelateerde Artikelen

Maak uw eigen Fake spel Emulator Ad

Maak uw eigen Fake spel Emulator Ad

dit is geenszins een echte advertentie maar gewoon een geanimeerde gif die eruit als een advertentie ziet.De reden die ik heb gemaakt is omdat het voor een filmproject in mijn klas animatie. Onze fractie wilde een emulator advertentie voor onze film
Maak uw eigen avontuur tijd Rage gezicht Ugly Christmas Sweater!

Maak uw eigen avontuur tijd Rage gezicht Ugly Christmas Sweater!

ik was in de stemming te maken een Ugly Christmas Sweater en dacht waarom niet maken het Adventure Time thema! Wat ziet er nu lelijk in Adventure tijd die ik op een trui plaatsen kan? Hmmm...
Maak je eigen Super Mario spel

Maak je eigen Super Mario spel

dit Instructable leert de basisprincipes van kras, een eenvoudige en makkelijk te gebruiken ontwerpprogramma en hoe maak je een Super Mario spel gebruiken.Kras is één van de beste programma's voor beginnende ontwerpers en het spijt me voor alle mense
Hoe te: Maak uw eigen mosterd!

Hoe te: Maak uw eigen mosterd!

Mosterd thuis maken is niet zo moeilijk als je - in feite, met minder dan een half uur werkelijke hoeveelheid werk denkt, kunt u mosterd!Het slechtste deel is het wachten - u kan niet de mosterd eten meteen, en het is het beste te wachten een paar da
Maak uw eigen draaibank van andere volkeren vuilnis

Maak uw eigen draaibank van andere volkeren vuilnis

het doel van dit instructable is te maken van een hout-draaibank uit gerecycleerd en restanten van materialen en gebruik deze om enkele mooie dingen te maken.Waarom een draaibank? U kunt het gebruiken om mooie verjaardag en kerst pressies voor famili
Hoe maak je een eenvoudige spel in Unity 3D

Hoe maak je een eenvoudige spel in Unity 3D

Eenheid 3D is een spel-maken-engine die is krachtig, eenvoudig te gebruiken, en bovenal gratis te downloaden! (Er is een krachtiger betaalde versie, maar u een hoop kunt doen met de gratis versie.)Ondanks zijn naam, kan eenheid worden gebruikt voor z
Maak uw eigen 1 x 1 22 IO pin Ardunio compatibele

Maak uw eigen 1 x 1 22 IO pin Ardunio compatibele

ExtraCore getest boards en kits zijn nu beschikbaar voor verkoop van ruige Circuits.Wat is het?Dit Instructable krijgt u alle bestanden en informatie die u nodig hebt om uw eigen Arduino-Compatible in kleine oppervlakte bevestiging pakket.Het vereist
Maak je eigen Hay Bunny speeltje

Maak je eigen Hay Bunny speeltje

Wat als er een manier was om niet tonnen geld uitgeven aan speelgoed voor je konijn op die bekende dierenwinkel zoals PetCo en slimme huisdier! Nou is er nu een manier!! Invoering van uw zeer eigen hooi speelgoed speelgoed dat super makkelijk zijn te
Creëren van een Kies uw eigen avontuur webpagina

Creëren van een Kies uw eigen avontuur webpagina

heb je ooit gelezen Kies uw eigen avonturenboeken toen je klein? Nou nu u hoe leren kunt om uw eigen online! Dit instructable is voor degenen die leren over de basics van webdesign met behulp van html willen, terwijl zich een beetje creatief. Dit ins
Maak uw eigen kleine klomp uit geleidende deeg!

Maak uw eigen kleine klomp uit geleidende deeg!

1. Maak uw eigen kleine klomp uit geleidende deeg :)2. Maak enkele gaten in je karakter3. zet wat isolerende deeg op de bodem van iedere hole4. opbouw van sommige geleidende muren rond de gaten (dit maakt het spel moeilijker!)5. nu het maken van de k
ShrimpKey - Maak uw eigen MakeyMakey-substituut voor minder dan 10 dollar

ShrimpKey - Maak uw eigen MakeyMakey-substituut voor minder dan 10 dollar

gebruik van maar liefst 9 alledaagse (geleidende) voorwerpen (d.w.z. fruit, groente, aluminiumfolie) en maak je eigen toetsenbord, toetsenbord of game controller voor kras (scratch.mit.edu) of enig ander spel.De ShrimpKey is MakeyMakey-invaller die k
Maak uw eigen slijtage overal "barefoot" schoenen

Maak uw eigen slijtage overal "barefoot" schoenen

* Opmerking! De volgende afbeeldingen zijn gemaakt met behulp van Model magie om het model van het voltooide project. Sugru zou worden sterker, soepeler toepassen en ziet er veel mooier! Model magie doet niet zeer goed glad en daarom zijn er vele hob
Hoe maak je eigen plaatsvervanger Sugru

Hoe maak je eigen plaatsvervanger Sugru

ik noem het Oogoo, een goedkope silicone klei die is gemakkelijk gemaakt. Het kan worden gebruikt als een uitstekende vervanger voor Sugru. Kan het hand gegoten of gegoten in vormen. Of, het kan worden gebruikt als een siliconen gieten. Het kan worde
Maak je eigen Iron acetaat/Homemade vlek

Maak je eigen Iron acetaat/Homemade vlek

Een voordelige en eenvoudige manier om veel verschillende soorten hout kleurt.Stap 1: Een zeer kosten effectieve manier om uw eigen vlekDe meeste materialen die ik gebruikte, zijn huishoudelijke artikelen.Artikelen gekocht:1. staalwol = $1,002. azijn