Skapa ditt eget äventyr spel (HTML) (3 / 4 steg)

Steg 3: i början



Nu har du vad du behöver att komma igång. Först komma med en berättelse.
Öppna mallen.
I avsnittet titel ger den en titel. Detta är vad som visas på fliken och på det blå fältet överst på en webbsida.
Justera din kropp stil om du vill att passa
Ge det en rubrik
Efter < p > taggtyp i din berättelse eller scenen. Sedan redigera link-taggen för att vara en av val. Detta kräver några förklara.

Nu står:
< p >
< en href = "http://www.w3schools.com" > det här är en länk < /a >
< /p >

För att illustrera, ska jag använda exemplet jag gav i introt:

Det var en gång en liten stad där alla medborgare var obsorbed i det lokala vädret prognosenhet. Vanlig snygg meterolog talade in i kameran med en berörda uttryck, tillkännage den annalkande stormen. Om stormen var endast en kategori en orkan, panik hela staden! Varje sist små sinnade, easliy rädd medborgare förlorat sitt sinne... bokstavligen! Ange Terry, sinne Wrangler Extraordinaire!

Ange fällor för att fånga sinnen
Använda lasso du hitta bekvämt närliggande
dra ut ett rör och spela lite musik för att tämja sinnen

Detta är hur koden ska se ut med hjälp av detta exempel:

< p >
En gång fanns det en liten stad där alla medborgare var
obsorbed i det lokala vädret prognosenhet. Vanlig snygg meterolog var
tala in i kameran med ett berörda uttryck, tillkännage den
annalkande storm. Om stormen var endast en kategori en orkan,
hela staden panik! Varje sista liten sinnade, easliy rädd medborgare
förlorat sitt sinne... bokstavligen! Ange Terry, sinne Wrangler Extraordinaire!

< br >
< br >< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >
< br >

< br >< en href = "http://www.lasso.html" > använda lasso du hitta bekvämt i närheten < /a >
< br >

< br >< en href = "http://www.music.html" > dra ut ett rör och spela lite musik för att tämja sinnen < /a >
< br >
< /p >

Obs taggen < br > sätter bara i en tom rad ha utrymme mellan val ***

Förstå vad du ser

För att göra dina val till länkar måste du först är i valet i stället för detta en länk på mallen. Dessa kommer att vara de ord som du klickar på gå till nästa sida. ex: mitt val var inställd fällor för att fånga sinnen så i detta steg i ändra mallen skulle det se ut så här:

< en href = "http://www.w3schools.com" > Ange fällor för att fånga sinnen < /a >

Detta nu har mitt val men den fortfarande länkar till w3schools. Jag behöver det för att länka till nästa sida i historien. Så nu har jag bestämma vad jag vill nämna det dokument som kommer att ha nästa del av historien för detta val. Jag valde att titeln det "fällor" så när jag skriver denna del av historien i anteckningar när jag sparar den (som vi gjorde mallen) jag kommer att kalla den "fällor" så när jag spara den som en webbsida som det kommer att kallas "traps.html" alltså den webbsida som jag behöver länken för att gå till kommer att vara http://www.traps.html. Så nu behöver jag att ersätta http://www.w3schools.com med http://www.traps.html.
Nu kommer att min kod läsa:
< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >

Du måste göra detta för varje val du har. Bara kopiera hela länken koden och klistra in den så många gånger som du behöver. EX: Jag har 3 val så jag kommer att kopiera och klistra in två gånger så att min kod ser nu ut så här:

< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >
< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >
< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >

Då bara ersätta informationen med den information du behöver för ditt andra val så nu koden skulle bli:

< en href = "http://www.traps.html" > Ange fällor för att fånga sinnen < /a >
< en href = "http://www.lasso.html" > använda lasso du hitta bekvämt i närheten < /a >
< en href = "http://www.music.html" > dra ut ett rör och spela lite musik för att tämja sinnen < /a >

VIKTIGT *** när du skriver på sidorna för varje val du måste titel dem exakt vad man lägger i den webpage länken eller länken fungerar inte. EX: min är fällor. Om jag spara den som fångade i stället, fungerar inte länken.

SPARA

Nu måste vi rädda denna Startsida. Klicka på Arkiv, spara som, kontrollera att rätt mapp är markerad, ange en titel i filnamnsrutan. Min heter sinne rusning. Hit spara. Sedan gör det igen... Klicka på Arkiv, spara som, och lägga till .html i slutet av titeln och slå spara. Gå till skrivbordet och öppna mappen och kontrollera att se till att du har nu 2 kopior, en text och och en webbsida. Dubbelklicka på webbsidan för att öppna den och kontrollera den för korrekthet. Göra stil och stavning ändringar om du behöver genom att öppna textversionen, gör ändringar, och spara igen båda hållen.

Nu har du din första sida, måste du nu göra en sida för varje val. Öppna mallen igen och upprepa detta med den nya informationen för nästa del av historien. Spara den som vi gjorde innan och se till att använda det exakta namnet du planerat. Då du kommer att behöva göra en ny sida för varje nytt val på var och en av de nya sidor... det blir ganska stora.

Detta är min kod för min sida "fällor":
< html >

< head >
< title > sinne rusning < / title >
< / head >

< body style = "bakgrund-färg: röd; text-align: center; font-storlek: 30px;" >

< h1 stil = "font-family: arial; färg: navy, font-storlek: 40px;" > sinne rusning < / h1 >

< p >
Terry börjar ställa upp fällor runt staden. Men vad ska han använda som bete?

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

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

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

< / body >
< / html >

Obs *** du kommer märka att webbsidor i länkarna är mycket längre än i början sida. Du kan behöva använda den längre versionen för att få länkarna att fungera. Detta bara exakt plats på datorn där filen sparas. Om du redan vet kan du skriva det i dig själv. Min är i mappen Mina dokument och inställningar, sedan i mitt användarkonto heter megan, sedan på skrivbordet, i en mapp som heter äventyr, sedan namnet på den sidan jag vill länka som "coffe". Om du inte vet detta, helt enkelt öppna den webbsida som du vill länka och kopiera url överst på sidan. Klistra sedan in webbadressen i länken area.* **

Min nya val är kaffe, playboy och bologna. Så nu behöver jag göra en sida för varje av dessa val som en sida för varje av de föregående valen jag inte har gjort ännu... lasso ett och uppspelning röret en.

Se Steg
Relaterade Ämnen

Skapa en Välj ditt eget äventyr webbsida

har du någonsin läst Välj ditt eget äventyr böcker när du var liten? Ja nu kan du lära dig hur du gör din egen online! Detta instructable är för dem som vill lära dig grunderna i webbdesign med html, samtidigt som man tillåter sig att vara lite kreat...

Skapa ditt eget spel maskot.

jag uppmuntrade min favorit mops Lily att delta i spel genom att bli min maskot.Steg 1: Avgöra om ditt djur verkar intereseted delta i din spelupplevelse.Steg 2: Uppmuntra ditt husdjur genom att erbjuda en belöning incitament.Steg 3: Hitta ett spel t...

Skapa ditt första spel: Del 1: skapa karaktär och rörelse

i detta Instructable, vi kommer att titta på att skapa ett enkelt spel med Flash Professional 8. Detta är den första delen av många och varje gång, vi kommer att göra spelet mer och mer komplexa. Jag kommer att se till att du förstår varje del helt....

Skapa ditt eget operativsystem!

Nästan varje sann datornörd har, någon gång, ville skriva ett operativsystem. Men tar skriva en anpassad kärna och andra bitar år av studier, erfarenhet och tålamod. Om du tänker behålla ditt förnuft, då är det bästa tillvägagångssättet att använda n...

Gör ditt eget äventyr tid Rage ansikte Ugly jul tröja!

jag var på humör för att göra en ful jul tröja och tänkte varför inte göra det äventyr tid tema! Nu ser vad fult i äventyr tid som jag kan sätta på en tröja? Hmmm......

Skapa ditt första spel: Del 2: gränser och karaktär vända

i den andra delen av många Flash tutorials, kommer vi att titta på hur man gör vår karaktär flip och ser endera riktningen han flyttar, och lägga till gränser så vi inte kan gå utanför skärmen. I Del1, vi tittade in i rörelse, och vi kommer att göra...

Skapa ditt eget dummy

För två år sedan för Halloween hade jag en mask för en kostym som mycket roligt, gjorde det svårt att interagera med människor på Halloween-fester. Förra året jag ville ha något som inte skulle kräva mig att bära något speciellt och jag slog på idén...

Kyckling Flautas eller Enchiladas: Välj ditt eget äventyr

idag vi kommer att göra två liknande och enkla rätter bokstavligen av saker vi hade liggande. Min fästman och jag älskar personligen mexikanska och sydväst smaker. Hon är från Texas sannolikt har en stor påverkan på detta, liksom min benägenhet att ä...

Gör ditt eget recept kort och spara på apoteket

här är ett snabbt och enkelt sätt att spara lite pengar på ditt lokala apotek utan att behöva köpa en Rx plan eller signup för något. Gör en själv eller vänner och familj.Det finns en hel del gratis receptbelagda rabattkort på internet. Detta instruc...

Gör ditt eget hår bågar hemma

Hår bågar och klipp är för närvarande den hetaste trenden, men att köpa dessa tillbehör är extremt dyrt. Så, varför spendera pengarna när du kan skapa ditt eget hår bågar med min gratis hår rosett mönster?Innan du börjar behöver du några leveranser:-...

Spel-opoly: Designa & bygga ditt eget brädspel

spel-opoly är den ultimata designprojekt. Komma upp med ditt eget spel verkligen är inte rocket science, men det är svårare än du tror. Vad är haken? Spelet måste vara kul att spela.Vi har alla haft erfarenhet av att spela ett spel som gav oss timmar...

Bygg ditt eget Instrument (gitarr med en Violin form i mitt fall)!

Hej var och en!Jag ville alltid skapa mitt eget instrument. Min grand far använda att spela fiol, men vet bara hur man spelar guitare. Som jag verkligen älskar ljudet och formen av en fiol jag bestämmer ska börja bygga ett unikt instrument: en Guital...

Skapa ditt första multi-touch bord

det har varit en lång tid sedan jag har bidragit till denna webbplats--ska ett år nästan--jag var försökande till åstadkomma ett personligt mål som var i vardande sedan min första gymnasiet åren. Detta instructable har tagit 2 år av oberoende forskni...

Att göra ditt eget språk

så du sett James Camerons "Avatar" och var fasinated att han och Frommer hade skapat ett fullt fungerande språk, eller kanske du skriver en bok och ville ha samma... eller kanske du bara vill köra dina vänner och familj nötter (om inte din lära...

Skapa din egen 2D spel!

Okej, så om din något lik jag du förmodligen alltid drömt om att skapa din egen video spel. Du kan bli förvånad hur lätt det faktiskt är att komma igång. Jag hoppas att förklara detta så att alla, från absoluta nybörjare till en erfaren programmerare...

Hur man bygger ditt eget skrivbord

Hej DIYers! Det är Gaige och idag jag ska visa dig hur man bygger ditt eget skrivbord. Om det är för spel eller är det för arbete, visar jag vilka delar du behöver! Jag kommer att lista 3 möjliga delar. Eftersom vi inte är alla gjorda av pengar, komm...

Doppa gjutning - gör ditt eget monster

DIP gjutning är en teknik som förklarar sig. Du doppa en form i en vätska (i detta fall latex) och när det torkar, du har formen i materialet. Det används ofta för att göra formar. Vi kommer att använda den för att göra lite squeezable monster. I det...

Bygga ditt eget Arduino

Ställa in en Arduino på en skärbräda har blivit en process som jag har vuxit till kärlek.Inom några minuter kan du ha en fullt ut arbetande Arduino plattform att arbeta med som ni kommer se i denna handledning. Det har varit flera gånger när jag var...

Klippa ditt eget hår: Spendera noll-Dinero!

De flesta människor är fearfull klippa sina egna hår eftersom de kan "strula." Så betalar deBig Bucks med några veckor att få den skuren för dem. Varför inte bygga denna enkla anordning för ett parspänn och du kommer att kunna klippa ditt eget h...