01/07
Aseta tiedostot uuteen kansioon
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.
Ensimmäinen asia, kun luot uuden verkkosivun Muistioon, on luoda erillinen kansio sen tallentamiseksi. Tyypillisesti tallennat verkkosivustosi kansioon nimeltä HTML "Omat tiedostot" -kansioon, mutta voit tallentaa ne haluamaasi kansioon.
- Avaa Oma dokumentit -ikkuna
- Valitse Tiedosto > Uusi > Kansio
- Nimeä kansio my_website
Tärkeä huomautus: Nimeä web-kansiot ja tiedostot pienillä kirjaimilla ja ilman välilyöntejä tai välimerkkejä. Vaikka Windowsin avulla voit käyttää välilyöntejä, monet web-palveluntarjoajat eivät, ja säästät itsellesi jonkin aikaa ja vaivaa, jos nimetät tiedostot ja kansiot oikein alusta alkaen.
02/07
Tallenna sivu HTML-muotoon
Ensimmäinen asia, jonka pitäisi tehdä, kun kirjoitat verkkosivun Muistioon, on tallentaa sivu HTML: ksi. Tämä säästää aikaa ja vaivaa myöhemmin.
Kuten hakemistossa, käytä aina pieniä kirjaimia, eikä tiedostonimiin ole välilyöntejä tai erikoismerkkejä.
- Napsauta Muistiossa Tiedosto ja sitten Tallenna nimellä.
- Siirry kansioon, jossa tallennat verkkosivustosi tiedostoja.
- Muuta Tallenna nimellä -tyyppinen -valikosta Kaikki tiedostot (*. *).
- Nimeä tiedosto.Edellä tutorial käyttää nimiä pets.htm.
03/07
Aloita Web-sivun kirjoittaminen
Ensimmäinen asia, jonka pitäisi kirjoittaa teidän Notepad HTML -asiakirja on DOCTYPE. Tämä kertoo selaimille minkä tyyppinen HTML odottaa. Tämä opetusohjelma käyttää HTML5: tä.
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ä alku
tag ja end tag 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 - esimerkiksi hakutermien optimointiin liittyvää sivun otsikkoa ja mahdollisesti sisällönkuvauskenttiä. Lisää otsikko-osa Lisää
merkintöjä merkinnöissä merkinnän HTML-tekstimuodossa.
Kuten
merkkejä, jätä väliin tilaa, joten 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. Säilytä otsikkoteksti
tunnisteet tagitunnuksilla. Se ei näy verkkosivustossa, vaan vain selaimen yläosassa.
Tämä esimerkkisivu on nimeltään "McKinley, Shasta ja muut lemmikit."
McKinley, Shasta ja muut lemmikit
Ei ole väliä kuinka kauan sinun nimesi on tai jos se kattaa useita rivejä HTML: ssä, mutta lyhyemmät otsikot ovat helpompi lukea, ja jotkut selaimet katkaisevat pidemmät selainikkunassa.
06/07
Verkkosivun pääruumi
Web-sivusi koko on tallennettu
tunnisteita. Tässä laitat tekstin, otsikot, alihankkeet, kuvat ja grafiikat, linkit ja kaiken muun sisällön. Se voi olla niin kauan kuin haluat.
Tätä samaa muotoa voi seurata kirjoittaaksesi verkkosivusi Muistioon.
Sinun nimesi pää menee tänne Kaikki verkkosivustolla menee tänne
07/07
Kuvien luominen
Ennen kuin lisäät sisältöä HTML-asiakirjan kehoon, sinun on asetettava hakemistot, jotta sinulla on kansio kuville.
- Avaa Oma dokumentit -ikkuna.
- Muuta my_website- kansioon.
- Valitse Tiedosto > Uusi > Kansio.
- Nimeä kansion kuvat .
Säilytä kaikki kuvat sivustollesi kuvakansioon, jotta voit löytää ne myöhemmin. Tämä helpottaa niiden lataamista silloin kun tarvitset.