Kreirajte novu Web stranicu koristeći Notepad

01 od 07

Postavite svoje datoteke u novu fasciklu

Windows Notepad je osnovni program za obradu teksta koji možete koristiti za pisanje web stranica. Web stranice su samo tekst i možete koristiti bilo koji program za obradu teksta kako biste napisali svoj HTML. Ovaj tutorijal vas šeta kroz proces.

Prva stvar koju treba uraditi prilikom kreiranja nove web stranice u Notepad-u je kreiranje posebnog fascikla za čuvanje. Tipično, svoje web stranice čuvate u fascikli pod nazivom HTML u fascikli "Moji dokumenti", ali ih možete čuvati tamo gde želite.

1. Otvorite prozor My Documents
2. Kliknite na File > New > Folder
3. Nazovite fasciklu my_website

Važna napomena: Nazovite web fascikle i datoteke koristeći sve male slova i bez razmaka ili interpunkcije. Dok vam Windows dozvoljava da koristite prostore, mnogi web hosting provajderi ne čine, a vi ćete uštedjeti neko vrijeme i probleme ako ispravno date datoteke i fascikle od početka.

02 od 07

Sačuvaj stranicu kao HTML

Prva stvar koju treba da uradite prilikom pisanja web stranice u Notepadu je da sačuvate stranicu kao HTML. Ovo vam štedi vreme i probleme kasnije.

Kao i kod imenika, uvijek koristite sve male slova i bez razmaka ili posebnih znakova u nazivu datoteke.

1. U Notepad kliknite na File (Datoteka), a zatim u Save As (Sačuvaj kao).
2. Idite u fasciklu u kojoj čuvate datoteke veb sajta.
3. Promijenite padajući meni Save As Type na All Files (*. *).
4. Nazovite datoteku. Ovaj vodič koristi ime pets.htm.

03 od 07

Počnite pisati web stranicu

Prva stvar koju treba da unesete u vaš Notepad HTML dokument je DOCTYPE. Ovo govori pregledačima kakvu vrstu HTML-a treba očekivati. Ovaj tutorial koristi HTML5.

Deklaracija doctipa nije oznaka. Priča kompjuteru da dolazi dokument HTML5. Ona ide na vrh svake HTML5 stranice i uzima ovaj oblik:

Kada imate DOCTYPE, možete započeti svoj HTML. Unesite i početak

oznaka i oznaka kraja i ostavite malo prostora za sadržaj sadržaja web stranice. Vaš beležnicki dokument bi trebao izgledati ovako:

04 od 07

Kreirajte glavu za svoju web stranicu

Glava HTML dokumenta je mesto gde se čuvaju osnovne informacije o vašoj web stranici - stvari poput naslova stranice i eventualno meta oznake za optimizaciju pretraživača. Da biste napravili deo glave, dodajte

oznake u HTML dokumentu u beležnici između oznaka.

-

Kao i sa

oznake, ostavite malo prostora između njih, tako da imate prostor da dodate informacije o glavama.

05 od 07

Dodajte naslov stranice u glavnoj sekciji

Naslov vaše web stranice je tekst koji se prikazuje u prozoru pregledača. To je ono što je napisano u obeleživačima i omiljenim osobama kada neko čuva vašu web lokaciju. Čuvati tekst naslova između

oznake usingtags. Neće se pojaviti na samoj web stranici, samo na vrhu pretraživača.

Ova stranica sa primjerima se zove "McKinley, Shasta i drugi kućni ljubimci."

-

-

McKinley, Shasta i drugi kućni ljubimci

Nije važno koliko dugo je vaš naslov ili ako u vašim HTML-u obuhvaća više linija, ali kraći naslovi su lakši za čitanje, a neki pregledači su smanjili duže u prozoru pregledača.

06 od 07

Glavno tijelo vaše web stranice

Telo vaše web stranice je uskladišteno u okviru

oznake. Ovde stavljate tekst, naslove, podnaslove, slike i grafike, linkove i sve ostale sadržaje. Može biti dugo koliko želite.

Ovaj isti format možete pratiti kako biste napisali svoju web stranicu u Notepad.

Vaša glava naslova ide ovde. Sve na web stranici ide ovde

07 od 07

Kreiranje foldera za slike

Pre nego što dodate sadržaj u telo vašeg HTML dokumenta, morate podesiti svoje direktorije tako da imate folder za slike.

1. Otvorite prozor My Documents .
2. Promenite fasciklu my_website .
3. Kliknite na File > New > Folder.
4. Nazovite slike u folderu.

Čuvajte sve svoje slike za vašu web stranicu u fascikli slika tako da ih možete kasnije pronaći. Ovo vam olakšava učitavanje kada vam je potrebno.