Izveidojiet jaunu tīmekļa lapu, izmantojot Notepad

01 no 07

Ievietojiet failus jaunā mapē

Windows Notepad ir vienkārša tekstapstrādes programma, kuru varat izmantot, lai rakstītu savas tīmekļa lapas. Web lapas ir tikai teksts, un jūs varat izmantot jebkuru tekstapstrādes programmu, lai rakstītu savu HTML. Šī apmācība iet pa procesu.

Pirmā lieta, kas jāizdara, veidojot jaunu vietni Notepad, ir izveidot atsevišķu mapi, kurā to uzglabāt. Parasti jūs saglabājat savas tīmekļa lapas mapē "Mani dokumenti" mapē ar nosaukumu HTML, taču jūs varat tos saglabāt, kur vēlaties.

1. Atveriet logu My Documents (Mani dokumenti)
2. Noklikšķiniet uz File > New > Folder
3. Nosauciet mapi my_website

Svarīga piezīme. Nosaukiet tīmekļa mapes un failus, izmantojot visus mazos burtus un bez atstarpēm vai pieturzīmēm. Kaut arī Windows ļauj izmantot atstarpes, daudzi tīmekļa mitināšanas pakalpojumu sniedzēji to nedara, un jūs ietaupīsiet laiku un problēmas, ja no sākuma pareizi nosaucat failus un mapes.

02 no 07

Saglabājiet lapu kā HTML

Pirmā lieta, kas jums jādara, rakstot Web lapu Notepad, ir saglabāt lapu kā HTML. Tas ietaupa laiku un problēmas vēlāk.

Tāpat kā direktorija nosaukumā, vienmēr lietojiet visus mazos burtus un atstarpes vai īpašas rakstzīmes faila nosaukumā.

1. Piezīmju tabulā noklikšķiniet uz Fails un pēc tam uz Saglabāt kā.
2. Pārejiet uz mapi, kurā saglabājat vietnes failus.
3. Mainiet nolaižamo izvēlni Saglabāt kā veidu visiem failiem (*. *).
4. Nosauciet failu. Šajā apmācībā tiek izmantots nosaukums pets.htm.

03 no 07

Sāciet rakstīt Web lapu

Pirmā lieta, kas jāievada jūsu Notepad HTML dokumentā, ir DOCTYPE. Tas informē pārlūkprogrammas, kāda veida HTML gaidīt. Šajā apmācībā tiek izmantots HTML5.

Doctype deklarācija nav tags. Tas informē datoru, ka ierodas HTML5 dokuments. Tas ir katras HTML5 lapas augšdaļā, un tā aizņem šo formu:

Kad jums ir DOCTYPE, jūs varat sākt savu HTML. Ierakstiet gan sākumu

tag un gala tags un atstājiet vietu jūsu tīmekļa lapas ķermeņa saturam. Jūsu Notepad dokuments izskatās šādi:

04 no 07

Izveidojiet galvu savai tīmekļa lapai

HTML dokumenta galva ir vieta, kur tiek glabāta pamatinformācija par jūsu tīmekļa vietni, piemēram, lapas nosaukumu un, iespējams, meta tagus meklētājprogrammu optimizācijai. Lai izveidotu galvas sadaļu, pievienojiet

tagus jūsu Notepad HTML teksta dokumentā starp thetags.

The

Tāpat kā ar

Tagi, atstājiet telpu starp tām, lai jūs varētu ievietot galvas informāciju.

05 no 07

Pievienojiet lapas sadaļu galvas sadaļā

Jūsu tīmekļa lapas nosaukums ir teksts, kas tiek parādīts pārlūkprogrammas logā. Tas ir arī tas, kas ir rakstīts grāmatzīmēs un izlasēs, ja kāds saglabā jūsu vietni. Saglabājiet virsraksta tekstu starp

tagus, izmantojot tagus. Tas neparādīsies tieši tīmekļa lapā, tikai pārlūkprogrammas augšpusē.

Šī piemēru lapa ir nosaukta kā "McKinley, Shasta un citi mājdzīvnieki."

The

The

McKinley, Shasta un citi mājdzīvnieki

Neatkarīgi no tā, cik ilgs ir jūsu virsraksts vai ja tas ietver vairākas HTML koda rindiņas, taču īsākus virsrakstus ir vieglāk lasīt, un daži pārlūkprogrammas pārlūka logā ir nogriezti garāki.

06 no 07

Jūsu tīmekļa lapas pamatteksts

Jūsu tīmekļa lapas struktūra tiek saglabāta mapē

tagi. Šeit jūs ievietojat tekstu, virsrakstus, apakšnodaļas, attēlus un grafiku, saites un visu citu saturu. Tas var būt tik ilgi, cik vēlaties.

Šo pašu formātu var izmantot, lai rakstītu Web lapu Notepad.

Tava virsraksta galva iet šeit. Viss no šīs tīmekļa lapas iet šeit

07 no 07

Attēlu mapes izveide

Pirms HTML dokumenta satura pievienošanas saturam, jums ir jāiestata jūsu katalogi, lai jums būtu mape attēliem.

1. Atveriet logu My Documents (Mani dokumenti) .
2. Mainiet uz my_website mapi.
3. Noklikšķiniet uz File > New > Folder.
4. Nosaukiet mapes attēlus .

Saglabājiet visus savus attēlus jūsu vietnei attēlu mapē, lai tos varētu atrast vēlāk. Tādējādi ir viegli to augšupielādēt, kad tas ir nepieciešams.