Luo uusi verkkosivu muistilevyn avulla

Windows-muistio on peruskäsikäsittelyohjelma, jonka avulla voit kirjoittaa verkkosivuja. Web-sivut ovat vain tekstiä, ja voit käyttää mitä tahansa tekstinkäsittelyohjelmaa HTML-koodin kirjoittamiseen. Tämä opetusohjelma vie sinut läpi prosessin.

01/07

Aseta tiedostot uuteen kansioon

Luo uusi verkkosivusto Muistiossa luomalla ensin erillinen kansio sen tallentamiseksi. Tyypillisesti tallennat Web-sivut Omat tiedostot -kansiossa HTML-nimiseen kansioon, mutta voit tallentaa ne haluamaasi kansioon.

1. AvaaOmat asiakirjat ikkuna.
2. Klikkaus tiedosto > Uusi > Kansio.
3. Nimeä kansio verkkosivuni.

Tärkeä muistiinpano: Nimeä web-kansioita ja tiedostoja pienillä kirjaimilla ja ilman välilyöntejä tai välimerkkejä. Vaikka Windowsin avulla voit käyttää välilyöntejä, monet verkkopalvelun tarjoajat eivät, ja säästät itsellesi jonkin aikaa ja ongelmia, jos tiedät tiedostot ja kansiot oikein alusta alkaen.

02/07

Tallenna sivu HTML-muotoon

Hakemiston nimen tapaan, kun tallennat sivun, käytä pieniä kirjaimia, eikä tiedostonimiin ole välilyöntejä tai erikoismerkkejä.

1. Napsauta Muistilehteä tiedosto ja sitten Tallenna nimellä.
2. Siirry kansioon, johon tallennat verkkosivustosi.
3. Muuta Tallenna nimellä pudotusvalikosta Kaikki tiedostot (*.*).
4. Nimeä tiedosto. Tämä opetusohjelma käyttää nimeä pets.htm.

03/07

Aloita Web-sivun kirjoittaminen

Ensimmäinen asia, jonka pitäisi kirjoittaa sinun Notepad HTML5 -asiakirjaan, on DOCTYPE. Tämä kertoo selaimille minkä tyyppinen HTML odottaa.

Doodtyypin ilmoitus ei ole tunniste. Se kertoo tietokoneelle, että HTML5-dokumentti saapuu. Se menee jokaisen HTML5-sivun yläreunaan ja se kestää tämän lomakkeen:

Kun sinulla on DOCTYPE, voit aloittaa HTML-koodisi. Kirjoita sekä aloitusmerkki että lopputunniste ja jätä tilaa web-sivusi sisältöön. Muistio-asiakirjasi pitäisi näyttää tältä:

04/07

Luo pää Web-sivulle

HTML-asiakirjan johtaja on tallentanut verkkosivustosi perustietoja - kuten hakutermien optimointiin liittyvää sivun otsikkoa ja mahdollisia sisällönkuvauskenttiä. Voit luoda otsikko-osan lisäämällä otsikkotunnukset HTML-tekstitiedostosi HTML-tunnisteiden väliin.

​

Kuten html-tunnisteissa, jätä väliin tilaa, jotta voit lisätä pään tiedot.

05/07

Lisää otsikko-osion sivun otsikko

Web-sivun otsikko on teksti, joka näkyy selaimen ikkunassa. Se on myös kirjoitettu kirjanmerkkeihin ja suosikkeihin, kun joku tallentaa sivustosi. Tallenna otsikkotunniste otsikkotunnisteiden välillä. Se ei näy verkkosivustossa, vaan vain selaimen yläosassa.

Tämä esimerkkisivu on nimeltään "McKinley, Shasta ja muut lemmikit."

Ei ole väliä kuinka kauan sinun nimesi on tai jos se ulottuu useisiin viivoihin HTML: ssä, mutta lyhyemmät otsikot ovat helpompi lukea, ja jotkut selaimet katkaisevat pitkiäkin selaimen ikkunassa.

06/07

Verkkosivun pääruumi

Web-sivusi koko on tallennettu kehon tunnisteisiin. Sen pitäisi olla pääotsikoiden jälkeen, mutta ennen päättävää html-tunnistetta. Tässä laitat tekstin, otsikot, alihankkeet, kuvat ja grafiikat, linkit ja kaiken muun sisällön. Se voi olla niin kauan kuin haluat.

Jätä lisätilaa aloitus- ja lopetuskappaleiden väliin.

Tätä samaa muotoa voi seurata kirjoittaaksesi verkkosivusi Muistioon.

07/07

Kuvien luominen

Ennen kuin lisäät sisältöä HTML-asiakirjan kehoon, sinun on asetettava hakemistot, jotta sinulla on kansio kuville.

1. Avaa Omat asiakirjat ikkuna.
2. Vaihda verkkosivuni kansio.
3. Klikkaus tiedosto > Uusi > Kansio.
4. Nimeä kansio kuvien.

Säilytä kaikki sivustosi kuvat kuvakansioon, jotta voit löytää ne myöhemmin. Tämän ansiosta niiden lataaminen on helppoa, kun tarvitset.