Sukurkite naują tinklalapį naudojant Notepad

01 iš 07

Įdėkite failus į naują aplanką

"Windows Notepad" yra pagrindinė teksto apdorojimo programa, kurią galite naudoti rašydami savo tinklalapius. Interneto puslapiai yra tik tekstas, ir galite rašyti savo HTML kodą naudodami bet kurią teksto apdorojimo programą. Ši pamoka tinka jums per procesą.

Pirmasis dalykas, kurį reikia padaryti kuriant naują "Notepad" svetainę, yra sukurti atskirą aplanką, kuriame jį būtų galima saugoti. Paprastai jūsų tinklalapiai laikomi kataloge "HTML" aplanke "Mano dokumentai", tačiau juos galite saugoti ten, kur norite.

1. Atidarykite langą Mano dokumentai
2. Spustelėkite Failas > Naujas > Aplankas
3. Pavadinkite aplanką my_website

Svarbi pastaba: pavadinkite žiniatinklio aplankus ir failus, naudodami visus mažosios raidės ir be tarpų ar skyrybos ženklų. Nors "Windows" leidžia naudoti tarpus, daugelis interneto prieglobos paslaugų teikėjų to nedaro, o jūs išgelbėsite sau šiek tiek laiko ir problemų, jei tinkamai pavadinsite failus ir aplankus nuo pat pradžių.

02 iš 07

Išsaugokite puslapį kaip HTML

Pirmas dalykas, kurį turėtumėte padaryti rašydami tinklalapį Notepad, yra puslapis, kurį norite išsaugoti kaip HTML. Tai sutaupys laiko ir problemų vėliau.

Kaip ir katalogo pavadinime, visada naudokite visus mažosios raidės, be tarpų ar specialių simbolių failo pavadinime.

1. Pastaboje spustelėkite failą ir tada išsaugokite kaip.
2. Eikite į aplanką, kuriame saugote savo svetainės failus.
3. Pakeiskite išskleidžiamąjį meniu įrašyti kaip rūšį į visus failus (*. *).
4. Pavadinkite failą.Šioje mokymo programoje naudojamas vardas pets.htm.

03 iš 07

Pradėkite rašyti žiniatinklio puslapį

Pirmas dalykas, kurį turėtumėte įvesti savo "Notepad" HTML dokumente, yra DOCTYPE. Tai nurodo naršykles kokio tipo HTML nori. Šiame vadovėlyje naudojamas HTML5.

" Doctype" deklaracija nėra žymė. Tai rodo kompiuteriui, kad atvyksta HTML5 dokumentas. Tai eina kiekvieno HTML5 puslapio viršuje ir užima šią formą:

Kai turėsite DOCTYPE, galite pradėti savo HTML. Įveskite pradžią

žyma ir pabaigos žyma ir palikite tam tikrą vietą jūsų interneto puslapio kūno turinio. Jūsų "Notepad" dokumentas turėtų atrodyti taip:

04 iš 07

Sukurkite savo tinklalapio galvą

HTML dokumento galva yra ta, kur saugoma pagrindinė informacija apie jūsų tinklalapį - tokios dalykai kaip puslapio pavadinimas ir, galbūt, meta žymeles paieškos optimizavimui. Norėdami sukurti galvos sekciją, pridėkite

Žymos "Notepad" HTML tekstiniame dokumente tarp thetags.

The

Kaip su

žymes, palikite tarpą tarp jų, kad galėtumėte pridėti galvos informaciją.

05 iš 07

Į puslapio antraštę pridėkite puslapio pavadinimą

Jūsų interneto puslapio pavadinimas yra tekstas, kuris rodomas naršyklės lange. Taip pat tai, kas parašyta žymes ir mėgstamas vietas, kai kas nors išsaugo jūsų svetainę. Laikykite pavadinimo tekstą tarp

žymos, naudojančios taškus. Jis nebus rodomas pačiame tinklalapyje, tik naršyklės viršuje.

Šis pavyzdinis puslapis pavadintas "McKinley, Shasta ir kiti gyvūnai".

The

The

McKinley, Shasta ir kiti gyvūnai

Nesvarbu, kiek laiko trunka jūsų pavadinimas, ar jis apima kelias eilutes savo HTML, tačiau trumpesnius pavadinimus lengviau skaityti, o kai kurios naršyklės naršyklės lange nutrūko ilgiau.

06 iš 07

Svetainės pagrindinis kūnas

Jūsų tinklalapio korpusas yra saugomas

žymos Čia galite įdėti tekstą, antraštes, antraštes, paveikslėlius ir grafiką, nuorodas ir visą kitą turinį. Tai gali būti tiek, kiek jums patinka.

Šį formatą galima laikytis, jei norite parašyti savo tinklalapį Notepad.

Tavo antraštė eina čia. Viskas, kas yra tinklalapyje, eina čia

07 iš 07

Atvaizdo aplanko kūrimas

Prieš pridėdami turinį į savo HTML dokumento kūną, turite nustatyti savo katalogus, kad turėtumėte aplanką vaizdams.

1. Atidarykite langą Mano dokumentai .
2. Pakeiskite " my_website" aplanką.
3. Spustelėkite Failas > Naujas > Aplankas.
4. Pavadinkite aplanko vaizdus .

Išsaugokite visus savo svetainės vaizdus vaizdų aplanke, kad galėtumėte juos vėliau rasti. Tai leidžia lengvai įkelti juos, kai jums reikia.