May 31
È possibile costruire un sito web interattivo con la creazione di contenuto della pagina che il visitatore può interagire con. JavaScript è un linguaggio lato client versatile che consente di creare contenuti in base alle condizioni mutevoli, come le informazioni fornite dall'utente. CSS (Cascading Style Sheets) consente di modificare lo stile di pagina. Costruire una pagina web interattiva con JavaScript e CSS che consente al visitatore di scegliere il colore della pagina.
1 Aprite il vostro editor e creare un nuovo documento.
2 Inserire i seguenti dati nel tuo documento:
<Html>
<Head>
<Title> </ title>
</ Head>
<Body>
<FORM NAME = "colorform">
Scegli il colore della pagina: <br />
Arancione: <input name = "page_color" type = "radio" onclick = "pColor ( '# FF6600')" /> <br />
Verde: <input name = "page_color" type = "radio" onclick = "pColor ( '# 99FF00')" /> <br />
Giallo: <name = tipo "page_color" input = "radio" onclick = "pColor ( '# FFFF66')" />
</ Form>
</ Body>
</ Html>
Questo visualizza le scelte radiofoniche di "Orange", "Verde" e "Giallo".
3 Digitare i seguenti dati di cui sopra il </ head> tag:
<SCRIPT LANGUAGE = "JavaScript">
Funzione pColor (colore) {
document.bgcolor = colore;
}
</ SCRIPT>
La funzione pColor viene chiamata quando si seleziona una radio. I cambiamenti pagina di colore secondo la scelta del colore.
4 Salvare il documento come "index.html". Si tratta di un nome di file di default riconosciuto dal server come pagina principale. Creazione di qualsiasi altro documento necessario per costruire il tuo sito web.
5 Carica la tua pagina (s) e qualsiasi altro file sul server utilizzando i dati forniti dal proprio provider di hosting. Utilizzare un programma FTP come Dreamweaver o CuteFtp. Dopo il caricamento, il vostro sito è accessibile da spettatori web.
6 Testare il sito digitando l'URL in un browser. Se si apportano modifiche ai file locali, assicurarsi di ripetere il processo di caricamento di fare l'ultima versione visualizzabile su Internet.