Cum se editează fișiere html
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 Windows1. Faceți clic pe butonul Start Windows


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

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

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.

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

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.

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.

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.
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.
9. Clic Fişier. Este în bara de meniu din partea de sus a ecranului.

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

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

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.

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.

14. Clic Salvați. Acest lucru salvează fișierul.
Metoda 2 din 4:
Folosind textedit pe Mac1. Faceți clic pe pictograma de lupă a geamului


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

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.

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

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.

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.

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.
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.
8. Clic Fişier. Este în bara de meniu din partea de sus a ecranului.

9. Clic Salvați. Este în meniul derulant de mai jos "Fişier". Acest lucru salvează fișierul HTML.
Metoda 3 din 4:
Folosind Dreamweaver1. 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ă.

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

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

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.

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.

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.

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.

8. Clic Salvați. Este în meniul derulant de mai jos Fişier. Acest lucru vă salvează documentul HTML.
Metoda 4 din 4:
Folosind Kompozer1. 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.

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.

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:

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

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

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.

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

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.

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:

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.
Avertizări
Nu uitați să salvați documentul în timpul editării. Ceva ar putea merge prost în orice moment.
Partajați pe rețeaua socială: