Izradite novu web stranicu pomoću Notepada

01 od 07

Stavite svoje datoteke u novu mapu

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.

Prva stvar koju trebate učiniti prilikom izrade nove web stranice u Notepadu je stvoriti zasebnu mapu za pohranu. Obično pohranjujete svoje web stranice u mapu pod nazivom HTML u mapi "Moji dokumenti", ali ih možete pohraniti gdje god želite.

1. Otvorite prozor My Documents
2. Kliknite Datoteka > Nova > Mapa
3. Dajte naziv mapi my_website

Važna napomena: Imenujte web mape i datoteke pomoću malih slova i bez razmaka ili interpunkcije. Dok vam Windows omogućuje da koristite razmake, mnogi pružatelji web hostinga ne, a vi ćete uštedjeti vrijeme i nevolje ako pravilno navedete datoteke i mape od početka.

02 od 07

Spremite stranicu kao HTML

Prva stvar koju biste trebali učiniti prilikom pisanja web stranice u Notepad je spremanje stranice kao HTML. Time ćete kasnije uštedjeti vrijeme i nevolje.

Kao i kod naziva direktorija, uvijek koristite sva malena slova, a ne u razmaku niti posebnim znakovima u nazivu datoteke.

1. U Notepad, kliknite na datoteku, a zatim Spremi kao.
2. Dođite do mape u kojoj spremate datoteke web mjesta.
3. Promijenite padajući izbornik Spremi kao vrstu u Sve datoteke (*. *).
4. Nazovite datoteku. Ovaj vodič upotrebljava ime pets.htm.

03 od 07

Počnite pisati web stranicu

Prva stvar koju trebate upisati u vaš HTML dokument Notepad je DOCTYPE. To govori preglednicima kakvu vrstu HTML očekuje. Ovaj vodič upotrebljava HTML5.

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. Unesite i početak

oznaku i krajnju oznaku i ostavite malo prostora za sadržaj tijela vaše web stranice. Vaš Notepad dokument bi trebao izgledati ovako:

04 od 07

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

oznake u tekstualnom dokumentu za Notepad HTML između oznaka.

Kao i kod

oznake, ostavite nešto između njih kako biste imali mjesta za dodavanje podataka o glavi.

05 od 07

Dodaj 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 naslovni tekst između

tagovi pomoću 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".

McKinley, Shasta i drugi kućni ljubimci

Nije bitno 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 dulji u prozoru preglednika.

06 od 07

Glavno tijelo vaše web stranice

Tijelo vaše web stranice pohranjeno je unutar

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.

Ovaj isti format može se slijediti za pisanje vaše web stranice u Notepad.

Glava vaše glave ide ovdje. Sve na web stranici ide ovdje

07 od 07

Izrada mape slici

Prije dodavanja sadržaja u tijelo vašeg HTML dokumenta, morate postaviti svoje direktorije tako da imate mapu za slike.

1. Otvorite prozor My Documents .
2. Promijenite na mapu my_website .
3. Kliknite Datoteka > Nova > Mapa.
4. Imenujte slike mape.

Pohranite sve svoje slike za svoju web stranicu u mapu s fotografijama kako biste ih kasnije mogli pronaći. To olakšava njihovo učitavanje kada vam je to potrebno.