I collegamenti ipertestuali rendono il Web quello che è, ma hanno usi più creativi rispetto solo dirigere un surfista a un'altra pagina web. Una delle funzioni più sottoutilizzate di link è la loro capacità per creare un sito Web basato su testo Scegli-il tuo-il proprietario-avventura-stile semplice gioco. La parte migliore è che è facile fare un gioco sapendo solo il più semplice di codice HTML e non altri linguaggi Web.
Istruzioni
1
Aprire l'editor di testo base del computer, ad esempio Blocco note o TextEdit. Puoi facilmente scrivere codice HTML a mano e testarlo in un browser web senza bisogno di un sito Web o anche connessione Internet. Basta salvare ogni file con estensione ". html", e quando si apre nuovamente, verrà aperto nel browser. Per modificare nuovamente il codice HTML, basta fare clic destro sull'icona del file e selezionare l'opzione "Apri con".
2
Scrivere la prima pagina del vostro gioco nell'editor di testo. La struttura di base di ogni pagina HTML che è scrivere sarà simile a questo:
< html >
< head >
< title > pagina #1 < / title >
< / head >
< corpo >
< / body >
< / html >
HTML organizza le informazioni con "tag" che raccontano i browser cosa fare con determinati tipi di contenuti. Tutti i file HTML sono racchiusi in < html > e < / html > Tag nella parte superiore e inferiore e all'interno di questi tag sono due sezioni principali: sezione < head >, che contiene i metadati che non compaiono sulle tue pagine e la sezione < body >, che contiene tutto ciò che viene visualizzato.
Il tag < title >, che è richiesto per ogni pagina Web, definisce il testo che verrà visualizzato nella parte superiore della finestra del browser. Nell'esempio precedente, verrà visualizzato "pagina #1."
3
Aggiungere il seguente codice tra i due tag < body >:
< p > si esce la cabina. Che cosa ti piacerebbe fare dopo? </p >
< p > r. Segui il percorso. </p >
< p > B. seguire le tracce di dragon. </p >
< p > C. esplorare la grotta. </p >
< p > D. bere dalla primavera. </p >
Ovviamente, è possibile progettare il vostro gioco qualsiasi modo ti piace, ma in questo esempio è impostato come una serie di domande a scelta multipla. Noterete che ogni linea è racchiuso in un tag < p >, che sta per paragrafo. Per impostazione predefinita, i paragrafi hanno spazi vuoti sopra e sotto di loro, così qui li usiamo per ogni riga per mantenere le cose ordinate.
4
Aggiungere collegamenti alle scelte più sopra. I collegamenti vengono creati utilizzando i tag < a >, in questo modo:
< a > questo è un link. < /a >
Per dire al browser dove andare una volta che qualcuno clicca sul link, aggiungere un "attributo" chiamato "href" all'interno del tag:
< a href = "put-the-web-indirizzo-qui" > questo è un link. < /a >
Aggiunto all'esempio precedente, le scelte più simile a questa:
r. < p > < un href="2.html" > seguire il percorso. < /a >< / p >
B. < p > < un href="3.html" > seguire le tracce di dragon. < /a >< / p >
C. < p > < un href="4.html" > esplorare la grotta. < /a >< / p >
< p > D. < un href="5.html" > bere da primavera. < /a >< / p >
Vedrete tutti i file di cui sopra sono denominati come semplici numeri, ma si può fare qualsiasi schema di denominazione si desidera. Di solito, è necessario scrivere l'indirizzo completo dei file all'interno di virgolette (ad esempio, "yoursite.com/game/2.html"), ma dato che probabilmente, questi file vengono salvati nella stessa directory sul tuo computer, non sarà necessario.
5
Creare tutte le pagine che ti piace nel tuo gioco. È meglio pensare di ogni pagina come una "camera" nel vostro gioco e pianificare ogni camera in anticipo; in caso contrario, potrai iniziare confondersi da decine di pagine web che verrà creato.