Dacă preferați să codificați site-urile cu mâna, puteți edita fișiere HTML într-un editor de text de bază, cum ar fi Notepad (Windows) sau Textedit (MACOS). Dacă preferați să vă deplasați elementele de pe ecran și să vedeți previzualizări live, puteți utiliza un WYSIWYG (ceea ce vedeți este ceea ce obțineți) Editor ca Dreamweaver sau Kompozer. Thiste parere cum să deschideți și să editați un fișier HTML într-o aplicație standard sau de editare vizuală.

Pași

Metoda 1 din 4:

Folosind un notepad pe Windows

1. Faceți clic pe butonul Start Windows

. Este butonul care are un logo Windows în bara de activități. În mod implicit, este în colțul din stânga jos. Aceasta afișează meniul Start

Imagine intitulată Editați fișierele HTML Pasul 2

2. Tip Notepad. Aceasta afișează Notepad în meniul Start.

Imagine intitulată Editați fișierele HTML Pasul 3

3. Clic Notepad. Are o pictogramă care seamănă cu un notepad cu un capac albastru.

Imagine intitulată Editați fișierele HTML Pasul 4

4. Clic Fişier. Este în partea de sus a barei de meniu din Notepad. Aceasta afișează un meniu derulant. Aceasta afișează un browser de fișier pe care îl puteți utiliza pentru a deschide fișiere în Notepad.

Imagine intitulată Editați fișierele HTML Pasul 5

5. Clic Deschis. Este cea de-a doua opțiune din meniul drop-down File.

Imagine intitulată Editați fișierele HTML Pasul 6

6. Selectați "Toate filele" În meniul derulant tip de fișier. Faceți clic pe drop-down care spune "Documente text (.txt)" și selectați "Toate filele" În meniul derulant. Aceasta afișează toate tipurile de documente (inclusiv fișiere HTML) în browserul de fișiere.

Imagine intitulată Editați fișierele HTML Pasul 7

7. Selectați un fișier HTML și faceți clic pe Deschis. Aceasta deschide documentul HTML în Notepad. Puteți edita codul HTML în Notepad.

Alternativ, puteți Creați un nou document HTML În Notepad.

Imagine intitulată Editați fișierele HTML Pasul 8

8. Editați codul HTML. Pentru a edita HTML în Notepad, va trebui să Aflați HTML astfel încât să o puteți edita manual. Elementele comune pe care le puteți edita includ următoarele.

: Aceasta merge în partea de sus a documentului HTML. Acest lucru indică browserul web că acesta este un document HTML.

: Aceste etichete merg în partea de sus și de jos a documentului HTML. Aceasta indică locul unde începe și se oprește codul HTML.

: Aceste etichete merg în partea de sus a documentului HTML. Ele indică unde începe și se oprește capul documentului HTML. Capul documentului HTML conține informații care nu sunt văzute pe pagina web. Aceasta include titlul paginii, metadatele și CSS

Titlul paginii: Aceste etichete indică titlul paginii. Titlul merge în capul documentului HTML. Introduceți titlul paginii între aceste două etichete.

: Aceste etichete indică locul în care corpul documentului HTML începe și se oprește. Corpul este locul unde este scris conținutul paginii web. Corpul vine după cap în documentul HTML.

Textul principalului: Aceste etichete creează etichete de titlu. Textul între "

" și "

" Etichetele apar ca un text îndrăzneț mare. Textul merge în corpul documentului HTML.

Paragraful de text: Aceste etichete sunt utilizate pentru a crea textul paragrafului într-un document HTML. Textul care intră între ele "

" și "

" apare ca text de dimensiune normal. Textul merge în corpul documentului HTML.

Textul îndrăzneț: Aceste etichete sunt folosite pentru a crea text îndrăzneț. Textul care intră între ele "" și "" apare ca text îndrăzneț.

Textul italic: Aceste etichete sunt folosite pentru a crea text italic. Textul care intră între ele "" și "" apare ca text itallic.

Link text: Această etichetă este utilizată pentru a vă conecta la un alt site web. Copiați adresa web pe care doriți să o conectați și să o lipiți acolo unde se spune "URL" (între ghilimele). Textul pentru linkul unde se spune "Link text" (Nu sunt necesare semne de citare).

: Această etichetă este utilizată pentru a posta o imagine utilizând HTML. Înlocuiți textul Teh care spune "Imagine URL" Cu adresa web a imaginii.

Imagine intitulată Editați fișierele HTML Pasul 9

9. Clic Fişier. Este în bara de meniu din partea de sus a ecranului.

Imagine intitulată Editați fișierele HTML Pasul 10

10. Clic Salvează ca. Aceasta deschide o casetă de dialog pe care o puteți utiliza pentru a salva fișierul.

Pentru a salva fișierul ca nume și tip de fișier existent, doar faceți clic pe Salvați În meniul derulant de mai jos "Fişier".

Imagine intitulată Editați fișierele HTML Pasul 11

11. Selectați "Toate filele". Utilizați meniul derulant de lângă salvarea ca tip" a selecta "Toate filele".

Imagine intitulată Editați fișierele HTML Pasul 12

12. Introduceți un nume pentru fișier. Utilizați caseta de lângă "Nume de fișier" Pentru a introduce un nume pentru fișier.

Imagine intitulată Editați fișierele HTML Pasul 13

13. Tip .HTML La sfârșitul fișierului. După ce introduceți un nume pentru fișierul din "Nume de fișier" caseta, adăugați extensia ".HTML" La sfârșitul numelui fișierului. Fără această extensie, va salva fișierul ca a .fișier txt, în loc de un fișier HTML.

Imagine intitulată Editați fișierele HTML Pasul 14

14. Clic Salvați. Acest lucru salvează fișierul.

Metoda 2 din 4:

Folosind textedit pe Mac

1. Faceți clic pe pictograma de lupă a geamului

. Este în colțul din dreapta sus al desktop-ului Mac. Aceasta afișează o bară de căutare.

Imagine intitulată Editați fișierele HTML Pasul 16

2. Tip Textedit În barul de căutare. Aceasta afișează o listă de aplicații care corespund rezultatului dvs. de căutare.

Imagine intitulată Editați fișierele HTML Pasul 17

3. Clic Textedit.aplicație. Este în partea de sus a rezultatelor căutării. Este lângă o pictogramă care seamănă cu o foaie de hârtie și un stilou.

Imagine intitulată Editați fișierele HTML Pasul 18

4. Clic Fişier. Este la bara de meniu din partea de sus a ecranului când texted este deschis.

Imagine intitulată Editați fișierele HTML Pasul 19

5. Clic Deschis. Acesta deschide un browser de fișier pe care îl puteți utiliza pentru a naviga pe fișierele Mac și Deschidere.

Imagine intitulată Editați fișierele HTML Pasul 20

6. Faceți clic pe un fișier HTML și faceți clic pe Deschis. Fișierele HTML au o extensie care spune ".HTML" După numele fișierului. Utilizați browserul de fișiere pentru a naviga la un fișier HTML și faceți clic pe acesta pentru ao selecta. Apoi apasa Deschis Pentru a deschide fișierul HTML din Textedit.

Imagine intitulată Editați fișierele HTML Pasul 21

7. Editați codul HTML. Puteți utiliza Textedit pentru a edita codul HTML pe Make. Trebuie să Aflați HTML astfel încât să o puteți edita manual. Elementele comune pe care le puteți edita includ următoarele.

: Aceasta merge în partea de sus a documentului HTML. Acest lucru indică browserul web că acesta este un document HTML.

: Aceste etichete merg în partea de sus și de jos a documentului HTML. Aceasta indică locul unde începe și se oprește codul HTML.

Titlul paginii: Aceste etichete indică titlul paginii. Titlul merge în capul documentului HTML. Introduceți titlul paginii între aceste două etichete.

: Aceste etichete indică locul în care corpul documentului HTML începe și se oprește. Corpul este locul unde este scris conținutul paginii web. Corpul vine după cap în documentul HTML.

Textul principalului: Aceste etichete creează etichete de titlu. Textul între "

" și "

" Etichetele apar ca un text îndrăzneț mare. Textul merge în corpul documentului HTML.

Paragraful de text: Aceste etichete sunt utilizate pentru a crea textul paragrafului într-un document HTML. Textul care intră între ele "

" și "

" apare ca text de dimensiune normal. Textul merge în corpul documentului HTML.

Textul îndrăzneț: Aceste etichete sunt folosite pentru a crea text îndrăzneț. Textul care intră între ele "" și "" apare ca text îndrăzneț.

Textul italic: Aceste etichete sunt folosite pentru a crea text italic. Textul care intră între ele "" și "" apare ca text itallic.

: Această etichetă este utilizată pentru a posta o imagine utilizând HTML. Înlocuiți textul Teh care spune "Imagine URL" Cu adresa web a imaginii.

Imagine intitulată Editați fișierele HTML Pasul 22

8. Clic Fişier. Este în bara de meniu din partea de sus a ecranului.

Imagine intitulată Editați fișierele HTML Pasul 23

9. Clic Salvați. Este în meniul derulant de mai jos "Fişier". Acest lucru salvează fișierul HTML.

Pentru a schimba numele fișierului, faceți clic pe Redenumire în "Fişier" meniu drop-down. Introduceți un nume nou pentru fișierul din partea de sus a ecranului. Asigurați-vă că includeți ".HTML" extensie în partea de sus a paginii.

Metoda 3 din 4:

Folosind Dreamweaver

1. Deschis Dreamweaver. Dreamweaver are o icoană care seamănă cu un pătrat verde care spune "Dw" În mijloc. Faceți clic pe pictograma din meniul Start Windows sau în folderul de aplicații pe Mac pentru a deschide Dreamweaver.

Adobe Dreamweaver necesită a abonament. Puteți achiziționa un abonament începând de la 20 USD.99 o lună.

Imagine intitulată Editați fișierele HTML Pasul 25

2. Clic Fişier. Este în bara de meniu din partea de sus a ecranului.

Imagine intitulată Editare fișiere HTML Pasul 26

3. Clic Deschis. Este în meniul derulant de mai jos "Fişier".

Imagine intitulată Editați fișierele HTML Pasul 27

4. Selectați un document HTML și faceți clic pe Deschis. Utilizați browserul de fișiere pentru a selecta un document HTML de pe computer și faceți clic pe acesta pentru ao selecta. Apoi apasa Deschis În colțul din dreapta jos.

Imagine intitulată Editați fișierele HTML Pasul 28

5. Clic Despică. Este fila de mijloc din partea de sus a paginii. Aceasta afișează un ecran divizat care conține un editor HTML în partea de jos și un ecran de previzualizare deasupra.

Imagine intitulată Editați fișierele HTML Pasul 29

6. Editați documentul HTML. Utilizați editorul HTML pentru a edita HTML. Modul în care editați HTML în Dreamweaver nu este prea diferit de editarea HTML în Notepad sau Textedit. Pe măsură ce introduceți o etichetă HTML, va apărea un meniu de căutare cu tag-uri HTML potrivite. Puteți face clic pe eticheta HTML pentru a introduce etichetele de deschidere și închidere. Dreamweaver va verifica pentru a vă asigura că există etichete de deschidere și închidere pentru toate elementele HTML.

Alternativ, puteți face clic pe locul în care doriți să introduceți un element HTML în editorul HTML și faceți clic pe Introduce În bara de meniu din partea de sus a ecranului. Faceți clic pe elementul pe care doriți să îl introduceți în meniul derulant pentru a adăuga automat codul HTML.

Imagine intitulată Editați fișierele HTML Pasul 30

7. Clic Fişier. Când ați terminat editarea documentului HTML, faceți clic pe Fişier În bara de meniu din partea de sus a ecranului.

Imagine intitulată Editare fișiere HTML Pasul 31

8. Clic Salvați. Este în meniul derulant de mai jos Fişier. Acest lucru vă salvează documentul HTML.

Metoda 4 din 4:

Folosind Kompozer

1. Mergi la HTTPS: // SourceForge.NET / Proiecte / Kompozer / Într-un browser web. Puteți utiliza orice browser web pe PC sau Mac. Aceasta este pagina de descărcare pentru Kompozer. Este un editor gratuit HTML (WYSIWYG) care funcționează atât pe Windows, cât și pe Mac.

Imagine intitulată Editați fișierele HTML Pasul 33

2. Clic Descarca. Este butonul verde de lângă partea de sus a paginii. Acest lucru vă duce la o pagină de descărcare separată. După o întârziere de 5 secunde, descărcarea dvs. va începe.

Imagine intitulată Editați fișierele HTML Pasul 34

3. Faceți dublu clic pe fișierul Instalare. În mod implicit, fișierele dvs. descărcate pot fi găsite în dvs "Descărcări" Folder pe PC sau Mac. De asemenea, puteți să faceți clic pe ele în browserul dvs. web pentru a lansa instalatorul Kompozer. Utilizați următoarele instrucțiuni pentru a instala Kompozer:

Windows:

Dacă ați întrebat dacă doriți să permiteți instalatorului să facă modificări în sistemul dvs., faceți clic pe da.

Clic Următorul În ferestrele intro.

Faceți clic pe butonul radial de lângă "Accept acordul" și faceți clic pe Următorul.

Clic Următorul Pentru a utiliza locația Instalare implicită sau faceți clic pe Naviga Pentru a selecta o locație de instalare diferită.

Clic Următorul și apoi faceți clic pe Următorul din nou

Clic Instalare

Clic finalizarea

Mac:

Faceți dublu clic pe fișierul de instalare Kompozer.

Clic Kompozer.aplicație

Faceți clic pe pictograma Apple din colțul din stânga sus.

Clic Preferințe de sistem

Clic Securitate și confidențialitate

Apasă pe General tablo.

Clic Deschis oricum lângă partea de jos a ferestrei.

Clic Deschis În fereastra pop-up.

Trageți pictograma kompozer pe desktop.

Deschideți Finder.

Apasă pe Aplicații pliant.

Trageți pictograma kompozer de pe desktop în dosarul Aplicații.

Imagine intitulată Editați fișierele HTML Pasul 35

4. Deschide Kompozer. Utilizați următorii pași pentru a deschide Kompozer pe PC sau Mac

Windows:

Apasă pe Windows Start meniul.

Tip "Kompozer"

Faceți dublu clic pe pictograma kompozer.

Mac:

Faceți clic pe pictograma de lupă din colțul din dreapta sus.

Tip "Kompozer" În barul de căutare.

Dublu click Kompozer.aplicație.

Imagine intitulată Editați fișierele HTML Pasul 36

5. Clic Fişier. Este în bara de meniu din partea de sus a aplicației.

Imagine intitulată Editați fișierele HTML Pasul 37

6. Clic Deschide fișierul. Este cea de-a doua opțiune din meniul derulant de mai jos "Fişier". Acesta deschide un browser de fișier pe care îl puteți utiliza pentru a selecta un fișier HTML deschis.

Imagine intitulată Editați fișierele HTML Pasul 38

7. Faceți clic pe un fișier HTML și faceți clic pe Deschis. Aceasta deschide fișierul HTML în Kompozer.

Imagine intitulată Editați fișierele HTML Pasul 39

8. Clic Despică. Este fila de mijloc din partea de sus a paginii. Aceasta afișează un ecran divizat care conține un editor HTML în partea de jos și un ecran de previzualizare deasupra.

Este posibil să trebuiască să măriți aplicația, astfel încât să aveți mai mult spațiu de lucru.

Imagine intitulată Editați fișierele HTML Pasul 40

9. Editați documentul HTML. Ecranul codului sursă HTML este în partea de jos, puteți utiliza acest ecran pentru a edita HTML mult în același mod în care ați aflat în Notepad sau Textedit. De asemenea, puteți utiliza ecranul de previzualizare pentru a edita HTML utilizând pașii următori:

Utilizați meniul derulant din colțul din dreapta sus pentru a selecta tipul de text (i.e rubrica, paragraful, ect}

Faceți clic și tastați pentru a adăuga text.

Utilizați butoanele din panoul din partea de sus a ecranului pentru a adăuga caractere aldine, italice, alinieri text, liniste sau liste în textul dvs.

Faceți clic pe pătratul colorat din panoul din partea de sus a ecranului pentru a schimba culoarea textului.

Apasă pe Imagine Pictograma din partea de sus a ecranului pentru a adăuga o imagine în documentul HTML.

Faceți clic pe pictograma care seamănă cu un lanț de lanț pentru a adăuga un link către documentul HTML.

Imagine intitulată Editați fișierele HTML Pasul 41

10. Apasă pe Salvați pictograma. Odată ce ați terminat să modificați documentul, faceți clic pe Salvați pictograma din partea de sus a ecranului. Este sub o pictogramă care seamănă cu o dischetă. Acest lucru vă salvează munca.