Käymme päivittäin eri verkkosivustoilla. Joskus kuitenkin ihmettelemme, onko oman sivuston luominen vaikeaa? Tässä artikkelissa sinua ohjataan luomaan yksinkertainen HTML -verkkosivu Notepadilla.
Vaihe
Tapa 1 /1: Oman verkkosivun luominen
Vaihe 1. Avaa Muistio
Tämä tekstieditori on sisäänrakennettu ohjelma, joka on saatavana kaikissa Windows-tietokoneissa ja joka löytyy Käynnistä-valikosta. Kun Muistio on avautunut, napsauta Tiedosto> Tallenna nimellä ja valitse sitten Kaikki tiedostot Tiedostotyyppi -sarakkeesta. Tallenna luotu tiedosto HTML -muodossa. Yleensä sivuston pääsivulla on tiedostonimi "index.html", ja se sisältää linkit kaikille sivuston sivuille.
Vaihe 2. Ymmärrä HTML
HTML (Hypertext Markup Language) -merkki (-tagi) on käytössä.
Näitä merkkejä käytetään verkkosivustosi rakentamiseen. Jos haluat lopettaa HTML -koodin, käytä lopetusmerkkiä, kuten.
Vaihe 3. Aloita verkkosivusi lisäämällä tagi tiedoston yläreunaan
Vaihe 4. Syötä erilaisia tietoja tunnisteilla
Merkit ovat hyödyllisiä sivun otsikon asettamisessa, kun taas (valinnaisia) tunnisteita käytetään selityksen antamiseen verkkosivun sisällöstä. Tämän jälkeen hakukoneet, kuten Google, lukevat merkin.
Vaihe 5. Kun olet kirjoittanut tagin, anna sivulle otsikko, esimerkiksi wikiHow HTML
Vaihe 6. Viimeistele sivuston otsikko käyttämällä merkkiä
Vaihe 7. Syötä sivun sisältö tunnisteilla
Muista, että selaimet eivät tue kaikkia värejä. Esimerkiksi tummanharmaata ei ehkä tueta.
Vaihe 8. Kirjoita verkkosivun sisältö
Aloita esimerkiksi luomalla sivuston otsikko. Sivuston otsikko on sivuston osa isoilla kirjaimilla ja se on merkitty merkillä
siihen asti kun
. Merkki
voit luoda sivuston otsikon, jolla on suurin kirjasinkoko. Yritä käyttää merkin alapuolella, kuten
Tervetuloa sivustolleni
. Varmista, että suljet merkin
lauseen lopussa.
Vaihe 9. Luo kappale sivulle, jossa on merkki
Kirjoita esimerkiksi
Kappaleen testi!
Luo uusi rivi käyttämällä merkkiä
tai taukoja.
Vaihe 10. Et varmasti halua luomasi verkkosivun sisältävän pelkkää tekstiä
Muotoile verkkosivujen teksti seuraavien lippujen avulla: lihavoida, kursivoida ja alleviivata. Kun olet käyttänyt yllä olevaa merkkiä, älä unohda sulkea sitä!
Vaihe 11. Lisää kuva merkillä
kaunistaa sivustoa ja lisätä tietoja, joita ei voida selittää tekstimuodossa.
Merkki
vaatii tiettyjä tietoja toimiakseen. Merkin koko syntaksi
muoto voi olla seuraava:.
Merkin src -parametria käytetään kuvatiedoston nimen kirjoittamiseen ja leveys- ja korkeusfunktiota kuvaamaan pituutta ja leveyttä.
Vaihe 12. Luo linkki, joka johtaa toiselle sivulle, jossa on esimerkiksi Toinen sivu
Merkin keskellä oleva teksti on sivulla näkyvää tekstiä, kun taas href -parametri sisältää kohdesivun. Linkkien avulla kävijät voivat siirtyä helposti sivustosi eri sivuille.
Vaihe 13. Kun olet täyttänyt sivuston, lopeta sivu sulkemalla
Sulje lopuksi HTML -koodi näppäimellä
Vaihe 14. Tallenna luomasi verkkosivu.html -laajennuksella ja avaa se suosikkiselaimessasi testataksesi sitä
Vaihe 15. Lue seuraava opas ladataksesi sivustosi Internetiin
Vinkkejä
- Internetissä on useita sivustoja, jotka sisältävät oppaita verkkosivuston luomiseen. W3school on yksi sivusto, jossa on hyvää materiaalia.
- Varmista, että suljet kaikki HTML -tiedoston tagit.
- Merkitse tiedoston ensimmäiselle riville ennen. Tämä lippu osoittaa, että luomasi tiedosto on HTML5 -tiedosto.
- Vaihda fontti ennen ja jälkeen -merkeillä. Korvaa "N" haluamallasi kirjasintyypillä, esimerkiksi "Verdana".
- Jos haluat käyttää kulmasulkeita, käytä koodia. Käytä samalla & -merkkiä käyttämällä koodia &.
- HTML -opetusohjelmien mukaan verkkotiedostot ja kansiot tulee nimetä aina pienillä kirjaimilla ilman välilyöntejä ja välimerkkejä. Vaikka Windowsin avulla voit lisätä välilyöntejä tiedostonimiin, monet hosting -palveluntarjoajat eivät. Lisäksi siisti tiedostonimi helpottaa sivustosi hallintaa.
