Notepad sustava Windows osnovni je 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 za pisanje HTML-a. Ovaj vodič vas vodi kroz proces.
01 od 07Stavite svoje datoteke u novu mapu
Da biste stvorili novu web stranicu u Notepad, najprije stvorite zasebnu mapu za pohranu. Obično pohranjujete svoje web stranice u mapu pod nazivom HTML u mapi My Documents, ali ih možete pohraniti gdje god želite.
- OtvoriMoji dokumenti prozor.
- Klik Datoteka > Novi > Mapa.
- Nazovite mapu my_website.
Važna nota: Imenujte web mape i datoteke pomoću malih slova i bez razmaka ili interpunkcijskih znakova. Dok Windows omogućuje vam korištenje prostora, mnogi davatelji usluga web hostinga ne, a vi ćete se uštedjeti neko vrijeme i nevolje ako naziv datoteke i mape ispravno od početka.
Spremite stranicu kao HTML
Kao i kod naziva direktorija, kada spremite stranicu, upotrijebite sva mala slova, a ne u razmaku niti posebnih znakova u nazivu datoteke.
- U Notepad kliknite Datoteka i onda Spremi kao.
- Idite u mapu u koju spremate svoje web stranice.
- Promijeni Spremi kao vrstu padajući izbornik na Sve datoteke (*.*).
- Dajte naziv datoteku. Ovaj vodič upotrebljava naziv pets.htm.
03 od 07
Počnite pisati web stranicu
Prva stvar koju trebate upisati u Notepad HTML5 dokument je DOCTYPE. To govori preglednicima kakvu vrstu HTML očekuje.
Izjava o dokazima nije oznaka. Ona govori računalu da dolazi HTML5 dokument. Ona ide na vrh svake HTML5 stranice i to traje ovaj oblik:
Nakon što dobijete DOCTYPE, možete pokrenuti HTML. Upišite oznaku početka i završnu oznaku i ostavite nešto prostora za sadržaj tijela web stranice. Vaš Notepad dokument bi trebao izgledati ovako:
Napravite glavu za svoju web stranicu
Glava HTML dokumenta gdje se pohranjuju osnovne informacije o vašoj web stranici - stvari poput naslova stranice i moguće meta oznake za optimizaciju tražilica. Da biste izradili odjeljak za glavu, dodajte glavne oznake u tekstualnom dokumentu za Notepad HTML između HTML oznaka.
Kao i kod HTML oznaka, ostavite neki prostor između njih tako da imate mjesta za dodavanje podataka o glavi.
05 od 07Dodaj naslov stranice u glavnom odjeljku
Naslov vaše web stranice je tekst koji se prikazuje u prozoru preglednika. To je također ono što je napisano u oznakama i favoritima kada netko sprema vašu web stranicu. Pohranite tekst naslova između naslovnih oznaka. Neće se pojaviti samo na web stranici, samo na vrhu preglednika.
Ova stranica s primjerima naziva se "McKinley, Shasta i ostali kućni ljubimci".
Nije važno koliko dugo imate naslov ili ako obuhvaća više redaka u HTML-u, no kraći naslovi lakše je čitati, a neki su preglednici odsječeni u prozoru preglednika.
06 od 07Glavno tijelo vaše web stranice
Tijelo vaše web stranice pohranjeno je unutar oznaka tijela. Trebalo bi doći nakon oznaka glavice, ali prije završetka HTML oznake. Ovdje stavljate tekst, naslove, podskupine, slike i grafike, veze i sve ostale sadržaje. Može biti onoliko dugo koliko vam se sviđa.
Ostavite dodatni prostor između početnih i završnih oznaka tijela.
Ovaj isti format može se slijediti za pisanje vaše web stranice u Notepad.
07 od 07Izrada mape slici
Prije dodavanja sadržaja u tijelo vašeg HTML dokumenta, morate postaviti svoje direktorije tako da imate mapu za slike.
- Otvori Moji dokumenti prozor.
- Promijenite na my_website mapa.
- Klik Datoteka > Novi > Mapa.
- Nazovite mapu slika.
Spremite sve slike za svoju web stranicu u mapu s fotografijama kako biste ih kasnije pronašli. To olakšava njihovo učitavanje kada vam je to potrebno.
