Creați o pagină Web nouă utilizând Notepad

01 din 07

Plasați fișierele într-un folder nou

Windows Notepad este un program de procesare a cuvintelor de bază pe care îl puteți utiliza pentru a scrie paginile dvs. web. Paginile web sunt doar text și puteți folosi orice program de procesare a textului pentru a scrie codul HTML. Acest tutorial vă umblă prin acest proces.

Primul lucru pe care trebuie să faceți atunci când creați un nou site în Notepad este să creați un folder separat pentru a-l stoca. De obicei, stocați paginile web într-un folder denumit HTML în dosarul "Documentele mele", dar le puteți stoca acolo unde vă place.

1. Deschideți fereastra Documentele mele
2. Faceți clic pe Fișier > Nou > Dosar
3. Denumiți folderul my_website

Notă importantă: denumiți folderele și fișierele web utilizând toate literele minuscule și fără spații sau semne de punctuație. În timp ce Windows vă permite să utilizați spații, mulți furnizori de servicii de găzduire web nu fac acest lucru și vă veți salva ceva timp și probleme dacă numele fișierelor și dosarelor este corect de la început.

02 din 07

Salvați pagina ca HTML

Primul lucru pe care ar trebui să-l faceți atunci când scrieți o pagină web în Notepad este să salvați pagina ca HTML. Acest lucru vă economisește timp și probleme mai târziu.

Ca și în cazul directorului, utilizați întotdeauna toate literele minuscule și nu există spații sau caractere speciale în numele fișierului.

1. În Notepad, faceți clic pe Fișier și apoi pe Salvează ca.
2. Navigați la dosarul în care salvați fișierele de pe site-ul dvs. web.
3. Modificați meniul derulant Salvare tip în All Files (*. *).
4. Denumiți fișierul.Acest tutorial utilizează numele pets.htm.

03 din 07

Începeți scrierea paginii Web

Primul lucru pe care ar trebui să-l introduceți în documentul Notepad HTML este DOCTYPE. Acest lucru îi spune browserelor ce tip de HTML se așteaptă. Acest tutorial utilizează HTML5.

Declarația doctype nu este o etichetă. Spune computerului că sosește un document HTML5. Aceasta se află în partea de sus a fiecărei pagini HTML5 și ia acest formular:

Odată ce ai DOCTYPE, poți să începi codul HTML. Introduceți atât începutul

eticheta și eticheta de sfârșit și să lăsați un spațiu pentru conținutul corpului paginii web. Documentul dvs. Notepad ar trebui să arate astfel:

04 din 07

Creați un cap pentru pagina Web

Șeful unui document HTML este locul unde sunt stocate informațiile de bază despre pagina dvs. Web - lucruri precum titlul paginii și, eventual, meta-tagurile pentru optimizarea motorului de căutare. Pentru a crea o secțiune cap, adăugați

etichete în documentul text HTML Notepad între totags.

Ca și în cazul

etichete, lăsați un spațiu între ele, astfel încât să aveți spațiu pentru a adăuga informații despre cap.

05 din 07

Adăugați un titlu de pagină în secțiunea cap

Titlul paginii dvs. web este textul care se afișează în fereastra browserului. Este, de asemenea, ceea ce este scris în marcaje și favorite când cineva vă salvează site-ul. Stocați textul titlului între

etichete folosind. Nu va apărea pe pagina web în sine, decât în ​​partea de sus a browserului.

Această pagină de exemplu este intitulată "McKinley, Shasta și alte animale de companie".

McKinley, Shasta și alți animatori

Nu contează cât timp este titlul dvs. sau dacă se întinde mai multe linii în codul HTML, dar titlurile mai scurte sunt mai ușor de citit, iar unele browsere se taie mai mult în fereastra browserului.

06 din 07

Corpul principal al paginii dvs. Web

Corpul paginii dvs. web este stocat în interiorul

Etichete. Aici plasați textul, titlurile, subcapitolele, imaginile și graficele, linkurile și orice alt conținut. Poate fi atâta timp cât vă place.

Același format poate fi urmat pentru a vă scrie pagina web în Notepad.

Titlul dvs. de titlu se îndreaptă aici. Totul de pe pagina web merge aici

07 din 07

Crearea unui dosar Imagini

Înainte de a adăuga conținut în corpul documentului dvs. HTML, trebuie să configurați directoarele astfel încât să aveți un dosar pentru imagini.

1. Deschideți fereastra Documentele mele .
2. Schimbați folderul my_website .
3. Faceți clic pe Fișier > Nou > Dosar.
4. Denumiți imaginile folderului.

Stocați toate imaginile pentru site-ul dvs. web în folderul de imagini, astfel încât să le puteți găsi mai târziu. Acest lucru le face ușor să le încărcați când este necesar.