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 HTML. Acest tutorial vă umblă prin acest proces.
01 din 07Plasați fișierele într-un folder nou
Pentru a crea un nou site web în Notepad, creați mai întâi un folder separat pentru ao stoca. De obicei, stocați paginile dvs. web într-un folder numit HTML în dosarul Documentele mele, dar le puteți stoca acolo unde vă place.
- DeschideDocumentele mele fereastră.
- Clic Fişier > Nou > Pliant.
- Denumiți dosarul site-ul meu.
Notă importantă: Denumiți folderele și fișierele web folosind toate literele minuscule și fără spații sau punctuație. În timp ce Windows vă permite să utilizați spațiile, mulți furnizori de servicii de găzduire web nu vă ajută și veți economisi timp și probleme dacă numele fișierelor și dosarelor este corect de la început.
Salvați pagina ca HTML
Ca și în cazul directorului, atunci când salvați pagina, utilizați toate literele minuscule și fără spații sau caractere speciale în numele fișierului.
- În Notepad, faceți clic pe Fişier și apoi Salvează ca.
- Accesați dosarul în care salvați fișierele site-urilor web.
- Schimba Salvați ca tip drop-down meniu la Toate filele (*.*).
- Denumiți fișierul. Acest tutorial folosește numele pets.htm.
03 din 07
Începeți scrierea paginii Web
Primul lucru pe care ar trebui să-l introduceți în documentul Notepad HTML5 este DOCTYPE. Acest lucru îi spune browserelor ce tip de HTML se așteaptă.
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 eticheta de început, cât și eticheta de sfârșit și lăsați puțin spațiu pentru conținutul corpului paginii web. Documentul dvs. Notepad ar trebui să arate astfel:
Creați un cap pentru pagina Web
Șeful unui document HTML este locul în care sunt stocate informațiile de bază despre pagina dvs. web - lucruri precum titlul paginii și, eventual, meta-tag-urile pentru optimizarea motorului de căutare. Pentru a crea o secțiune cap, adăugați etichetele capului în documentul text HTML Notepad între etichetele html.
Ca și în cazul etichetelor html, lăsați un spațiu între ele, astfel încât să aveți loc pentru a adăuga informații despre cap.
05 din 07Adă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 etichetele de titlu. 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".
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 și unele browsere se taie pe cele lungi în fereastra browserului.
06 din 07Corpul principal al paginii dvs. Web
Corpul paginii dvs. web este stocat în etichetele corpului. Ar trebui să vină după etichetele capului, dar înainte de eticheta html care se încheie. Aici plasați textul, titlurile, subcapitolele, imaginile și graficele, linkurile și orice alt conținut. Poate fi atâta timp cât vă place.
Lăsați un spațiu suplimentar între etichetele de început și de sfârșit.
Același format poate fi urmat pentru a vă scrie pagina web în Notepad.
07 din 07Crearea 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.
- Deschide Documentele mele fereastră.
- Schimbați la site-ul meu pliant.
- Clic Fişier > Nou > Pliant.
- Denumiți dosarul imagini.
Stocați toate imaginile pentru site-ul dvs. web în folderul cu 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.
