Loo uus veebipäev, kasutades Notepadit

01 07

Asetage failid uude kaustasse

Windows Notepad on põhiline tekstitöötlusprogramm, mida saate oma veebilehtede kirjutamiseks kasutada. Veebilehed on lihtsalt tekst ja saate HTML-i kirjutamiseks kasutada ükskõik millist tekstitöötlusprogrammi. See õpetus viib teid protsessi läbi.

Notepadis uue veebisaidi loomisel tuleb kõigepealt luua eraldi kaust selle salvestamiseks. Tavaliselt salvestate oma veebilehed kaustas nimega HTML kausta Minu dokumendid, kuid saate neid salvestada, kui soovite.

1. Avage aken Minu dokumendid
2. Klõpsake File > New > Folder
3. Nime kausta my_website

Tähtis märkus: nimetage veebikaustad ja -failid kõigi väiketähtedega ja tühikute või kirjavahemärkidega. Kuigi Windows lubab sul tühikuid kasutada, ei tee paljud veebimajutusteenuste pakkujad seda, ja saate ise endale aega ja probleeme säästa, kui nimetate failid ja kaustad algusest peale õigesti.

02 of 07

Salvestage lehekülg HTML-vormingus

Esimene asi, mida peaksite Notepadis veebilehe kirjutamisel tegema, on lehekülje salvestamine HTML-vormingus. See säästab teie aega ja probleeme hiljem.

Nagu ka katalooginime puhul, kasuta alati failinimeks kõiki väiketähti ja tühikuid ega erimärke.

1. Klõpsake Notepadis faili ja seejärel Salvesta nimega.
2. Liikuge kausta, kuhu veebi failid salvestatakse.
3. Muutke rippmenüü " Salvesta kui tüüp" kõigile failidele (*. *).
4. Nimetage fail. See juhendaja kasutab nime pets.htm.

03 07

Alusta veebisaidi kirjutamist

Esimene asi, mida peaksite oma Notepad HTML-dokumendi sisestama, on DOCTYPE. See ütleb brauseritele, millist HTML-d oodata. See juhendaja kasutab HTML5-i.

Doktüüpi deklaratsioon ei ole märgend. See ütleb arvutile, et saabub HTML5-dokument. See läheb iga HTML5 lehe ülaosas ja see võtab selle vormi:

Kui teil on DOCTYPE, saate oma HTML-i käivitada. Sisestage mõlemad algusest peale

sildi ja lõppsildi ning jäta ruumi oma veebilehe sisu sisule. Teie Notepad dokument peaks välja nägema:

04 07

Loo pea oma veebi lehele

HTML-dokumendi pea on salvestatud põhiteavet teie veebisaidi kohta, näiteks otsingumootori optimeerimise lehe pealkiri ja võimalikult metakood. Peaosa loomiseks lisage

sildid oma märkmikus HTML-tekstidokumendis teadete vahel.

The

Nagu ka

silte, jätke nende vahel ruumi, nii et teil on ruumi peateabe lisamiseks.

05 07

Pea jaotises lisage lehekülje pealkiri

Veebilehe pealkiri on tekst, mis kuvatakse brauseri aknas. Samuti on see, mis on kirjutatud järjehoidjate ja lemmikute hulka, kui keegi salvestab teie saidi. Hoidke pealkirja teksti vahele

sildid, kasutades tagasid. Seda ei kuvata veebisaidil ennast ainult brauseri ülaosas.

See näite leht on pealkirjaga "McKinley, Shasta ja muud lemmikloomad."

The

The

McKinley, Shasta ja muud lemmikloomad

Pole tähtis, kui pikk on teie pealkiri või kui see hõlmab HTML-i mitmest rida, kuid lühemaid pealkirju on lihtsam lugeda ja mõned brauserid on sirvimisaknas endiselt pikemad.

06 07

Veebilehe põhikoor

Veebilehe sisu salvestatakse veebisaidi

sildid. Siin pannakse tekst, pealkirjad, alapealkirjad, pildid ja graafika, lingid ja muu sisu. See võib olla nii kaua kui soovid.

Sama formaadis saab järgida oma veebilehe kirjutamist Notepadis.

Teie pealkiri läheb siin siia. Kõik veebilehel läheb siia

07 07

Piltide kausta loomine

Enne HTML-dokumendi sisu sisu lisamist peate oma kataloogid seadistama nii, et teil oleks piltide kaust.

1. Avage aken Minu dokumendid .
2. Muuda my_website kausta.
3. Klõpsake File > New > Folder.
4. Nimetage kausta pildid .

Salvestage oma pildid oma veebisaidi piltide kausta, et saaksite neid hiljem leida. See muudab vajaliku üleslaadimise hõlpsaks.