Hvordan lage en webside med innebygd musikk som spiller mens en person Navigerer Nettstedet

Hvordan lage en webside med innebygd musikk som spiller mens en person Navigerer Nettstedet


Hvis du har musikk å spille på en side på nettstedet ditt, vil den stoppe når en bruker flytter til en ny side. Dette skjer fordi musikken er lokale til siden der det er innebygd. Dette gjør det vanskelig å holde en uavbrutt strøm av musikk spilles mens brukerne utforske forskjellige sider på nettstedet ditt. En ramme er en HTML-fil som ligger inne i en annen HTML-fil. Ved å bruke rammer, kan du lage en uavbrutt strøm av musikk som følger en person i hele nettstedet ditt.

Bruksanvisning

1 Opprette et HTML-dokument med denne koden:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Music.htm&lt;/title>

</ Head>

<Body>

<Embed />

</ Body>

</ Html>

Dette bygger lyd på nettsiden. Erstatt "xyz.mp3" med navnet på en sang som du vil spille på ditt nettsted. Lagre filen som "music.htm."

2 Lag en annen HTML-dokument med denne koden:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Page1.htm&lt;/title>

</ Head>

<Body>

<a href="page2.htm"> Dette er page1.htm. Klikk for å vise Page2.htm </a>

</ Body>

</ Html>

Dette skaper en kobling. Når du klikker på linken, vil nettleseren åpne "Page2.htm." Lagre denne filen som "page1.htm."

3 Lag en annen HTML-dokument med denne koden:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Page2.htm&lt;/title>

</ Head>

<Body>

<a href="page2.htm"> Dette er Page2.htm. Klikk for å vise page1.htm </a>

</ Body>

</ Html>

Dette skaper også en link. Når du klikker på linken, vil nettleseren åpne "page1.htm." Lagre denne filen som "Page2.htm."

4 Opprett en tom tekstfil og legge til følgende:

<Html>

<I ramme rader = "99%, 1%">

<Frame />

<Frame />

</ Ramme>

</ Html>

Dette skaper et ramme. Denne ramme inneholder en ramme som holder "music.htm" og en annen ramme som holder "page1.htm." Radene 'parameteren angir høyden på hver ramme. I dette eksempel tar den andre rammen som inneholder "music.htm" opp en prosent av skjermen. Brukeren vil ikke se denne siden, men musikken fortsatt vil spille. Lagre denne filen som "MasterFrame.htm."

5 Open "MasterFrame.htm" i nettleseren din. Du skal høre musikk. Klikk på linken for å gå til "Page2.htm." Du bør fortsatt høre musikk fordi den spiller i rammen som inneholder "music.htm."

Hint

  • Gi nytt navn "MasterFrame.htm" til et mer meningsfylt navn. Hvis du vil at brukerne skal se en del av den innebygde musikkspilleren, endre verdiene i rader parameter. For eksempel når musikkspilleren tar opp 20 prosent av skjermen: <i ramme rader = "80%, 20%">