Paikallisen Web-sivun luominen

...

Kiintolevylläsi olevat paikalliset Web-sivut eivät tarvitse Web-palvelimia toimiakseen.

Ennen kuin ostat verkkotunnuksen ja määrität verkkosivuston Internet-palveluntarjoajan (ISP) kanssa, harkitse paikallisten verkkosivujen käyttöä yksinkertaisten verkkoon liittyvien tehtävien suorittamiseen. Paikallisilla verkkosivuilla voit luoda hyödyllisiä verkkosovelluksia, valokuvagallerioita ja mediasoittimia, jotka toimivat selaimessasi. Voit jopa lisätä ne kirjanmerkkeihin nopeaa käyttöä varten. Paikalliset verkkosivut ovat hyödyllisiä myös muiden verkkosivustojen poimimiseen ja verkkokehitystaitojen kehittämiseen.

Vaihe 1

Avaa HTML-editori tai Muistio ja liitä seuraava koodi uuteen asiakirjaan.

Päivän video

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

Oma paikallissivuni

Tämä luo tyhjän HTML-dokumentin ilman elementtejä tai säätimiä.

Vaihe 2

Lisää alla oleva koodi

tag:

Minun lauluni 1

Tämä upottaa musiikkisoittimen web-sivulle. Korvaa "My Song" nimellä, joka kuvaa kiintolevylläsi tai verkossa olevaa äänitiedostoa. Korvaa "xyz.mp3" äänitiedoston todellisella tiedostonimellä tai URL-osoitteella. Säädä korkeus- ja leveysparametreja hallitaksesi soittimen mittoja.

Vaihe 3

Lisää tämä koodi edellisen koodilohkon alle:

Tämä asettaa sivulle kaksi kuvaa. Korvaa "omaKuva1.jpg" ja "omaKuva2.jpg" kahden kiintolevyllä olevan kuvan nimillä tai Webissä olevien kuvatiedostojen URL-osoitteilla. Luo kuvagalleria luomalla lisää tunnisteet, jotka osoittavat muihin kuvatiedostoihin.

Vaihe 4

Lisää tämä koodi edellisen koodilohkon alle:

Oma sivusto 1

/>

Korvaa "Oma sivusto 1" jonkin suosikkisivustosi nimellä. Korvaa "http://www.xyz.com" sivuston URL-osoitteen kanssa. Luo lisää linkkejä käyttämällä samaa muotoa.

Vaihe 5

Tallenna tiedosto .html-tunnisteella. Tämä luo HTML-tiedoston, jonka selaimesi tunnistaa verkkosivuksi.

Vaihe 6

Avaa selain ja valitse "Tiedosto" ja sitten "Avaa". Tiedoston valintaikkuna tulee näkyviin.

Vaihe 7

Siirry HTML-tiedostoon ja valitse se. Napsauta "OK" sulkeaksesi ikkunan. Paikallinen web-sivu avautuu ja näyttää otsikot, tekstin, musiikkisoittimet, valokuvat ja linkit. Napsauta äänen toistopainiketta, jotta se toistetaan.

Vaihe 8

Merkitse sivu kirjanmerkkeihin. Käytä sitä tulevaisuudessa valitsemalla kirjanmerkki.

Kärki

Tämä on yksinkertainen esimerkki, joka havainnollistaa tekniikkaa, jota käytetään hyödyllisten objektien ja säätimien lisäämiseen yksinkertaiselle paikalliselle verkkosivulle. Lisää musiikkisoittimia luodaksesi soittolistan. Lisää enemmän -tunnisteet valokuvakirjaston luomiseksi. Luo henkilökohtainen aloitussivu lisäämällä linkkejä verkkosivustoille. Mukauta sivua käyttämällä muita HTML-elementtejä, säätimiä ja tyylisivuja. Napsauta "Näytä" ja sitten "Lähde" ​​nähdäksesi minkä tahansa Internet-sivun lähteen. Kopioi lähdekoodi ja liitä se tyhjään HTML-tiedostoon ja tallenna se. Tämän jälkeen voit tutkia koodia ja oppia uusia koodaustekniikoita.