Hvordan bygge interaktive nettsteder

August 30

Du kan bygge et interaktivt nettsted ved å lage sideinnhold som de besøkende kan samhandle med. Javascript er et allsidig klient-side språk slik at du kan opprette innhold basert på skiftende forhold, for eksempel bruker gitt informasjon. CSS (Cascading Style Sheets) lar deg endre sidestilen. Bygge en interaktiv nettside med Javascript og CSS som gjør at besøkende til å velge side farge.

Bruksanvisning

1 Åpne redaktør og opprette et nytt dokument.

2 Sett inn følgende data i dokumentet:

<Html>

<Head>

</ Head>

<Body>

Velg din side farge: <br />

Oransje: <input name = "page_color" type = "radio" onclick = "pColor ( '# FF6600')" /> <br />

Grønn: <input name = "page_color" type = "radio" onclick = "pColor ( '# 99FF00')" /> <br />

Gul: <input name = "page_color" type = "radio" onclick = "pColor ( '# FFFF66')" />

</ FORM>

</ Body>

</ Html>

Dette viser radio valg av "Orange", "Green" og "Yellow".

3 Skriv inn følgende data over </ head> -taggen:

funksjon pColor (farge) {

document.bgColor = farge;

}

</ SCRIPT>

Den pColor funksjonen kalles når en radio er valgt. De side fargeendringer i henhold til fargevalg.

4 Lagre dokumentet som "index.html". Dette er en standard filnavn anerkjent av serveren som hovedsiden. Lag noen andre dokumenter som er nødvendige for å bygge ditt nettsted.

5 Last opp din side (r) og eventuelle andre filer til serveren din ved hjelp av data gitt til deg av din leverandør. Bruk en FTP-program som Dreamweaver eller CuteFTP. Etter opplastingen er nettstedet tilgjengelig med Web seere.

6 Test området ved å skrive inn URL i en nettleser. Hvis du gjør noen endringer i de lokale filene dine, sørg for å gjenta opplastingen igjen for å få den nyeste versjonen synlig på Internett.