Ustvarite novo spletno stran z uporabo beležnice

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

01 od 07

Postavite datoteke v novo mapo

Če želite ustvariti novo spletno mesto v beležnici, najprej ustvarite 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. OdpriteMoje dokumente okno.
2. Kliknite mapa > Novo > Mapa.
3. Poimenujte mapo my_website.

Pomembna opomba: Omogočite 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 počnejo in si boste prihranili nekaj časa in težav, če datoteke in mape pravilno označite že od začetka.

02 od 07

Shrani stran kot HTML

Kot pri imenu imenika, ko shranite stran, uporabite vse male črke in ne presledke ali posebne znake v imenu datoteke.

1. V beležnici kliknite na mapa in potem Shrani kot.
2. Pojdite v mapo, kjer shranite datoteke spletnega mesta.
3. Spremenite Shrani kot vrsto spustni meni v Vse datoteke (*.*).
4. Poimenujte datoteko. Ta vadnica uporablja ime pets.htm.

03 od 07

Začnite s pisanjem spletne strani

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

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četno 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

Vodja dokumenta HTML je tam, kjer so shranjeni osnovni podatki o vaši spletni strani - stvari, kot so naslov strani in morebiti metaoznake za optimizacijo iskalnika. Če želite ustvariti razdelek za glavo, dodajte oznake za glavo v besedilo besedila dokumenta Notepad HTML med html oznakami.

​

Tako kot pri html oznakah pustite nekaj prostora med njimi, tako da imate prostor za dodajanje podatkov o glavi.

05 od 07

Dodajanje naslova strani v glavnem delu

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. Naslovno besedilo shranite med naslovne oznake. Ne bo prikazana na spletni strani, samo na vrhu brskalnika.

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

Ni važno, kako dolgo je vaš naslov ali če v vašem HTML-ju veže več vrstic, vendar je krajše naslove lažje brati in nekateri brskalniki odrezajo dolge v oknu brskalnika.

06 od 07

Glavno telo vaše spletne strani

Telo vaše spletne strani je shranjeno v telesnih oznakah. Po oznakah glave bi moral slediti, vendar pred koncem oznake html. Tu vstavite besedilo, naslove, podnaslove, slike in grafike, povezave in drugo vsebino. Lahko je tako dolgo, kot vam je všeč.

Pustite dodaten prostor med oznakami za začetek in konec telesa.

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

07 od 07

Ustvarjanje mape slik

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

1. Odprite Moje dokumente okno.
2. Spremeni na my_website mapo.
3. Kliknite mapa > Novo > Mapa.
4. Poimenujte mapo slike.

Vse slike za svojo spletno stran shranite v mapo slik, da jih boste lahko kasneje našli. Tako jih je enostavno naložiti, ko jih potrebujete.