Ustvarite novo spletno stran z uporabo beležnice

01 od 07

Postavite datoteke v novo mapo

Postavite datoteke v novo mapo. Jennifer Kyrnin

Windows Notepad je osnovni program za obdelavo besedil, ki ga lahko uporabite za pisanje svojih spletnih strani. Spletne strani so samo besedilo in za pisanje HTML-ja lahko uporabite kateri koli program za obdelavo besedil. Ta vadnica vas popelje skozi postopek.

Prva stvar pri ustvarjanju nove spletne strani v beležnici je ustvariti ločeno mapo za shranjevanje. Običajno shranjujete svoje spletne strani v mapo, imenovano HTML, v mapi »Moji dokumenti«, vendar jih lahko shranite, kjer želite.

  1. Odprite okno Moji dokumenti
  2. Kliknite Datoteka > Nova > Mapa
  3. Poimenujte mapo my_website

Pomembna opomba: imejte spletne mape in datoteke z vsemi malimi črkami in brez presledkov ali ločil. Medtem ko vam Windows omogoča uporabo presledkov, mnogi ponudniki spletnega gostovanja ne storijo, prihranili pa boste nekaj časa in težav, če datoteke in mape pravilno označite že od začetka.

02 od 07

Shrani stran kot HTML

Shrani stran kot HTML. Jennifer Kyrnin

Prva stvar, ki jo morate narediti pri pisanju spletne strani v beležnici, je, da stran shranite kot HTML. To vam prihrani čas in težave kasneje.

Kot pri imenu imenika vedno uporabite tudi vse male črke in ne presledke ali posebne znake v imenu datoteke.

  1. V beležnici kliknite File in Save As.
  2. Pojdite v mapo, kjer shranjujete datoteke spletnega mesta.
  3. Spustite spustni meni Save As Type na All Files (*. *).
  4. Ime datoteke. Ta vadnica uporablja ime pets.htm.

03 od 07

Začnite s pisanjem spletne strani

Začnite svojo spletno stran. Jennifer Kyrnin

Prva stvar, ki jo morate vnesti v svoj dokument HTML Notepad, je DOCTYPE. To pripoveduje brskalnik, kakšno vrsto HTML-ja pričakujete. Ta vadnica uporablja HTML5.

Deklaracija doctype ni oznaka. Računalniku pripoveduje, da prispeva dokument HTML5. Gre za vrh vsake strani HTML5 in potrebuje to obliko:

Ko imate DOCTYPE, lahko zaženete svoj HTML. Vnesite začetek

oznako in končno oznako ter pustite nekaj prostora za vsebino vaše spletne strani. Dokument vašega beležnice bi moral biti takšen:

04 od 07

Ustvarite glavo za svojo spletno stran

Ustvarite glavo za svojo spletno stran. Jennifer Kyrnin

Vodja dokumenta HTML je tam, kjer so shranjeni osnovni podatki o vaši spletni strani - stvari, kot so naslov strani in morda metaoznake za optimizacijo iskalnika. Če želite ustvariti razdelek za glavo, dodajte

oznake v besedilnem dokumentu HTML v zapisku Notepad med oznakami.

-

Tako kot pri

oznake, pustite nekaj prostora med njimi, tako da imate prostor za dodajanje podatkov o glavi.

05 od 07

Dodajanje naslova strani v glavnem delu

Dodaj naslov strani. Jennifer Kyrnin

Naslov vaše spletne strani je besedilo, ki se prikaže v oknu brskalnika. Prav tako je tisto, kar je napisano v zaznamkih in priljubljenih, ko nekdo shrani vaše spletno mesto. Naslov besedila shranite med

oznake usingtags. Ne bo prikazana na spletni strani, samo na vrhu brskalnika.

Ta primerna stran je pod naslovom "McKinley, Shasta in drugi psi".

-

-

McKinley, Shasta in drugi hišni ljubljenčki

Ni važno, kako dolgo je vaš naslov ali če v vašem HTML-u obsega več vrstic, vendar je krajše naslove lažje brati in nekateri brskalniki so v oknu brskalnika odrezani dlje.

06 od 07

Glavno telo vaše spletne strani

Glavno telo vaše spletne strani. Jennifer Kyrnin

Telo vaše spletne strani je shranjeno znotraj

oznake. Tu vstavite besedilo, naslove, podnaslove, slike in grafike, povezave in drugo vsebino. Lahko je tako dolgo, kot vam je všeč.

To isto obliko lahko sledite, da napišete svojo spletno stran v beležnici.

Vaša naslovna glava gre tukaj Vsakdo na spletni strani gre tukaj

07 od 07

Ustvarjanje mape slik

Ustvarjanje mape slik. Jennifer Kyrnin

Preden dodate vsebino v telo HTML dokumenta, morate nastaviti svoje imenike, tako da imate mapo za slike.

  1. Odprite okno Moji dokumenti .
  2. Spremenite v mapo my_website .
  3. Kliknite Datoteka > Nova > Mapa.
  4. Poimenujte slike v mapi.

Shranite vse slike za svojo spletno stran v mapi s slikami, da jih boste lahko kasneje našli. Tako jih je enostavno naložiti, ko jih potrebujete.